问题修改

ChenZeping

2021-04-29 b25421d2fb6cc01343bc5eaa327a3838268ed068

 src/components/table/components/tabHandover.vue

@@ -1,31 +1,26 @@
<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>
      <component :is="gcComp"></component>
    </div>
  </div>
  <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>
</template>

<script>
import WasteWater from '@components/table/components/WasteWater'
import ReportTable from '../../../components/BaseNav/SoilGroundwater/ReportTable'

// import WasteGas from '@components/table/components/WasteGas'
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'

@@ -34,19 +29,25 @@
export default {
  name: 'tabHandover',
  components: {
    Public,
    WasteWater,
    // WasteGas,
    // SoilGroundwater,
    SolidWaste,
    AirQuality
  },
  data () {
    return {
      activeName: 'first',
      titleProp: '',
      activeName: 'gcComp',
      topicList: TopicList,
      gcComp: AirQuality
    }
  },
  methods: {
    refsDatatitle (item) {
      this.titleProp = item
    },
    handleClick (tab, event) {
      console.log(tab.label)
      switch (tab.label) {
@@ -57,7 +58,7 @@
          this.gcComp = WasteWater
          break
        case '废气':
          this.gcComp = WasteWater
          this.gcComp = WasteGas
          break
        case '固废':
          this.gcComp = SolidWaste
@@ -66,7 +67,7 @@
          this.gcComp = AirQuality
          break
        case '土壤及地下水':
          this.gcComp = ReportTable
          this.gcComp = SoilGroundwater
          break
        case '管线':
          this.gcComp = AirQuality