| | |
| | | <template> |
| | | <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> |
| | |
| | | </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/WasteSolid' |
| | | import AirQuality from '@components/table/components/AirQuality' |
| | | |
| | | 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: { |
| | |
| | | // WasteGas, |
| | | // SoilGroundwater, |
| | | SolidWaste, |
| | | AirQuality |
| | | PollutionSource, |
| | | EnvironmentalRisk, |
| | | Pipeline, |
| | | CorporateEmergency |
| | | }, |
| | | data () { |
| | | return { |
| | | activeName: 'first', |
| | | topicList: TopicList, |
| | | gcComp: AirQuality |
| | | titleProp: '', |
| | | activeName: '污染源', |
| | | topicList: TopicList, // tab项 |
| | | gcComp: PollutionSource |
| | | } |
| | | }, |
| | | methods: { |
| | | refsDatatitle (item) { |
| | | this.titleProp = item |
| | | }, |
| | | handleClick (tab, event) { |
| | | console.log(tab.label) |
| | | switch (tab.label) { |
| | | case '污染源': |
| | | this.gcComp = AirQuality |
| | | this.gcComp = PollutionSource |
| | | break |
| | | case '废水': |
| | | this.gcComp = WasteWater |
| | |
| | | this.gcComp = SolidWaste |
| | | break |
| | | case '环境风险': |
| | | this.gcComp = AirQuality |
| | | this.gcComp = EnvironmentalRisk |
| | | break |
| | | case '土壤及地下水': |
| | | this.gcComp = SoilGroundwater |
| | | break |
| | | case '管线': |
| | | this.gcComp = AirQuality |
| | | this.gcComp = Pipeline |
| | | break |
| | | case '企业应急': |
| | | this.gcComp = CorporateEmergency |
| | | break |
| | | } |
| | | } |