~xingchuan/SewerAndRainNetwork.git

			@@ -1,26 +1,36 @@
			<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-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>
			import WasteWater from '@components/table/components/WasteWater'
			import ReportTable from '../../../components/BaseNav/SoilGroundwater/ReportTable'

			// 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: {
			@@ -31,7 +41,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 = ReportTable
			break
			case '管线':
			this.gcComp = AirQuality
			break
			}
			}
			}
			}