From 0a2b0a6d67aa52137f1a32fcb39b7ceed4d3f0ca Mon Sep 17 00:00:00 2001 From: zhangshuaibao <15731629597@163.com> Date: 星期三, 14 四月 2021 15:26:53 +0800 Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop --- src/components/table/components/tabHandover.vue | 70 +++++++++++++++++++++++++++-------- 1 files changed, 54 insertions(+), 16 deletions(-) diff --git a/src/components/table/components/tabHandover.vue b/src/components/table/components/tabHandover.vue index a346334..311d7b6 100644 --- a/src/components/table/components/tabHandover.vue +++ b/src/components/table/components/tabHandover.vue @@ -1,19 +1,24 @@ <template> - <el-tabs v-model="activeName"> - <el-tab-pane label="搴熸按" name="first"> - <waste-water></waste-water> - </el-tab-pane> - <el-tab-pane label="搴熸皵" name="second"> - <waste-water></waste-water> -<!-- <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 label="搴熸按" name="first"> + <waste-water></waste-water> + </el-tab-pane> + <el-tab-pane label="搴熸皵" name="second"> + <waste-water></waste-water> + </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-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> @@ -21,6 +26,9 @@ // import WasteGas from '@components/table/components/WasteGas' import SolidWaste from '@components/table/components/SolidWaste' import AirQuality from '@components/table/components/AirQuality' + +import { TopicList } from '../../../conf/Topic' + export default { name: 'tabHandover', components: { @@ -31,7 +39,37 @@ }, data () { return { - activeName: 'first' + activeName: 'first', + topicList: TopicList, + gcComp: AirQuality + } + }, + methods: { + handleClick (tab, event) { + console.log(tab.label) + switch (tab.label) { + case '姹℃煋婧�': + this.gcComp = AirQuality + break + case '搴熸按': + this.gcComp = WasteWater + break + case '搴熸皵': + this.gcComp = WasteWater + break + case '鍥哄簾': + this.gcComp = SolidWaste + break + case '鐜椋庨櫓': + this.gcComp = AirQuality + break + case '鍦熷¥鍙婂湴涓嬫按': + this.gcComp = AirQuality + break + case '绠$嚎': + this.gcComp = AirQuality + break + } } } } -- Gitblit v1.8.0