统计页面

zhanghua

2023-10-27 da21fe61c8d8d22ca1b6244b233fbce9e2dc5814

 src/views/smoke/report/index.vue

@@ -1,13 +1,39 @@
<template>
  <div>统计报表</div>
  <el-tabs
    style="line-height: normal"
    v-model="activeName"
    @tab-click="handleClick"
  >
    <el-tab-pane label="检测仪总体情况报表" name="first">
      <OverallSituation
    /></el-tab-pane>
    <el-tab-pane label="油烟减排统计" name="second">
      <ReduceEmissions />
    </el-tab-pane>
    <el-tab-pane label="监测报警统计" name="third">
      <Alarm />
    </el-tab-pane>
    <el-tab-pane label="运维情况报表" name="fourth">
      <Maintenance />
    </el-tab-pane>
  </el-tabs>
</template>

<script>
import OverallSituation from "./components/overallSituation.vue";
import ReduceEmissions from "./components/reduceEmissions.vue";
import Alarm from "./components/alarm.vue";
import Maintenance from "./components/maintenance.vue";
export default {

}
</script>

<style>

</style>
  data() {
    return {
      activeName: "first",
    };
  },
  components: { OverallSituation, ReduceEmissions, Alarm, Maintenance },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    },
  },
};
</script>