From cff26f71d5665f9134f8906abbd87f75126d7509 Mon Sep 17 00:00:00 2001
From: chenyabin <Chenab123!>
Date: 星期二, 18 五月 2021 15:42:51 +0800
Subject: [PATCH] 通知面板完成，修改报表面板。
---
src/components/table/components/tabHandover.vue | 68 +++++++++++++++++++++++++--------
1 files changed, 51 insertions(+), 17 deletions(-)
diff --git a/src/components/table/components/tabHandover.vue b/src/components/table/components/tabHandover.vue
index ed43d60..1665928 100644
--- a/src/components/table/components/tabHandover.vue
+++ b/src/components/table/components/tabHandover.vue
@@ -1,36 +1,70 @@
<template>
- <el-tabs v-model="activeName" type="border-card">
- <el-tab-pane label="搴熸按" name="first">
- <waste-water></waste-water>
- </el-tab-pane>
- <el-tab-pane label="搴熸皵" name="second">
- <waste-gas></waste-gas>
- </el-tab-pane>
- <el-tab-pane label="鍥哄簾" name="third">
- <solid-waste></solid-waste>
- </el-tab-pane>
- <el-tab-pane label="绌烘皵璐ㄩ噺" name="fourth">
- <AirQuality></AirQuality>
- </el-tab-pane>
- </el-tabs>
+ <div>
+ <el-tabs v-model="activeName" @tab-click="handleClick">
+ <el-tab-pane v-for="(item,index) in topicList" :key="index" :label="item.name" :name="item.name"></el-tab-pane>
+ </el-tabs>
+ <div>
+ <component :is="gcComp"></component>
+ </div>
+ </div>
</template>
<script>
+
import WasteWater from '@components/table/components/WasteWater'
+import SoilGroundwater from '@components/table/components/SoilGroundwater'
import WasteGas from '@components/table/components/WasteGas'
-import SolidWaste from '@components/table/components/SolidWaste'
+import SolidWaste from '@components/table/components/WasteSolid'
import AirQuality from '@components/table/components/AirQuality'
+
+import { TopicList } from '../../../conf/Topic'
+
export default {
name: 'tabHandover',
components: {
WasteWater,
- WasteGas,
+ // WasteGas,
+ // SoilGroundwater,
SolidWaste,
AirQuality
},
data () {
return {
- activeName: 'first'
+ titleProp: '',
+ activeName: 'gcComp',
+ topicList: TopicList,
+ gcComp: AirQuality
+ }
+ },
+ methods: {
+ refsDatatitle (item) {
+ this.titleProp = item
+ },
+ handleClick (tab, event) {
+ console.log(tab.label)
+ switch (tab.label) {
+ case '姹℃煋婧�':
+ this.gcComp = AirQuality
+ break
+ case '搴熸按':
+ this.gcComp = WasteWater
+ break
+ case '搴熸皵':
+ this.gcComp = WasteGas
+ break
+ case '鍥哄簾':
+ this.gcComp = SolidWaste
+ break
+ case '鐜椋庨櫓':
+ this.gcComp = AirQuality
+ break
+ case '鍦熷￥鍙婂湴涓嬫按':
+ this.gcComp = SoilGroundwater
+ break
+ case '绠＄嚎':
+ this.gcComp = AirQuality
+ break
+ }
}
}
}
--
Gitblit v1.8.0