~xingchuan/SewerAndRainNetwork.git

			@@ -1,47 +1,43 @@
			<template>
			<Public>
			<template v-slot:title>
			<span>{{ titleProp }}</span>
			</template>
			<template v-slot:publicTable>
			<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>
			</template>
			</Public>
			<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 Public from '@components/table/Public'

			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: {
			Public,
			WasteWater,
			// WasteGas,
			// SoilGroundwater,
			SolidWaste,
			AirQuality
			PollutionSource,
			EnvironmentalRisk,
			Pipeline,
			CorporateEmergency
			},
			data () {
			return {
			titleProp: '',
			activeName: 'gcComp',
			topicList: TopicList,
			gcComp: AirQuality
			activeName: '污染源',
			topicList: TopicList, // tab项
			gcComp: PollutionSource
			}
			},
			methods: {
			@@ -49,10 +45,9 @@
			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
			@@ -64,13 +59,16 @@
			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
			}
			}