From 93501e5ed932ff9a57a27f432736cca9f38f0cd4 Mon Sep 17 00:00:00 2001 From: XingChuan <m17600301067@163.com> Date: 星期四, 27 五月 2021 16:49:06 +0800 Subject: [PATCH] 增加管线报表,企业应急报表 --- src/components/table/components/tabHandover.vue | 79 ++++++++++++++++++++++++++++++--------- 1 files changed, 60 insertions(+), 19 deletions(-) diff --git a/src/components/table/components/tabHandover.vue b/src/components/table/components/tabHandover.vue index ed43d60..43896f1 100644 --- a/src/components/table/components/tabHandover.vue +++ b/src/components/table/components/tabHandover.vue @@ -1,36 +1,77 @@ <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 AirQuality from '@components/table/components/AirQuality' +import SolidWaste from '@components/table/components/WasteSolid' +import PollutionSource from '@components/table/components/PollutionSource' +import EnvironmentalRisk from '@components/table/components/EnvironmentalRisk' +import Pipeline from '@components/table/components/Pipeline' +import CorporateEmergency from '@components/table/components/CorporateEmergency' + +import { TopicList } from '../../../conf/Topic' export default { name: 'tabHandover', components: { WasteWater, - WasteGas, + // WasteGas, + // SoilGroundwater, SolidWaste, - AirQuality + PollutionSource, + EnvironmentalRisk, + Pipeline, + CorporateEmergency }, data () { return { - activeName: 'first' + titleProp: '', + activeName: '姹℃煋婧�', + topicList: TopicList, // tab椤� + gcComp: PollutionSource // 榛樿鏄剧ず姹℃煋婧愬唴瀹� + } + }, + methods: { + refsDatatitle (item) { + this.titleProp = item + }, + handleClick (tab, event) { + switch (tab.label) { + case '姹℃煋婧�': + this.gcComp = PollutionSource + break + case '搴熸按': + this.gcComp = WasteWater + break + case '搴熸皵': + this.gcComp = WasteGas + break + case '鍥哄簾': + this.gcComp = SolidWaste + break + case '鐜椋庨櫓': + this.gcComp = EnvironmentalRisk + break + case '鍦熷¥鍙婂湴涓嬫按': + this.gcComp = SoilGroundwater + break + case '绠$嚎': + this.gcComp = Pipeline + break + case '浼佷笟搴旀��': + this.gcComp = CorporateEmergency + break + } } } } -- Gitblit v1.8.0