From da21fe61c8d8d22ca1b6244b233fbce9e2dc5814 Mon Sep 17 00:00:00 2001 From: zhanghua <314079846@qq.com> Date: 星期五, 27 十月 2023 09:16:35 +0800 Subject: [PATCH] 统计页面 --- src/views/smoke/report/index.vue | 44 +++++++++++++++++++++++++++++++++++--------- 1 files changed, 35 insertions(+), 9 deletions(-) diff --git a/src/views/smoke/report/index.vue b/src/views/smoke/report/index.vue index ddfb58b..a1b73ba 100644 --- a/src/views/smoke/report/index.vue +++ b/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> \ No newline at end of file + data() { + return { + activeName: "first", + }; + }, + components: { OverallSituation, ReduceEmissions, Alarm, Maintenance }, + methods: { + handleClick(tab, event) { + console.log(tab, event); + }, + }, +}; +</script> \ No newline at end of file -- Gitblit v1.8.0