<template>
    <div>
        <a-tabs v-model:activeKey="activeCity">
            <a-tab-pane tab="监测数据报送表" key="city" >
              <base-statistic :searchForm="searchForm" :filterKeys="filterKeys" @search="changeSearch" @changeFilter="changeFilter" :visiable="activeCity=='city'"></base-statistic>
            </a-tab-pane>
            <a-tab-pane tab="报送情况说明表" key="base1">
              <city-appraise  :searchForm="searchForm" :filterKeys="filterKeys" @search="changeSearch" @changeFilter="changeFilter" :visiable="activeCity=='base1'"></city-appraise>
            </a-tab-pane>
            <a-tab-pane tab="取水量统计" key="base3">
              <city-water-withdrawal  :searchForm="searchForm" :filterKeys="filterKeys" @search="changeSearch" @changeFilter="changeFilter" :visiable="activeCity=='base3'"></city-water-withdrawal>
            </a-tab-pane>
            <a-tab-pane tab="超标评价" key="base4">
              <city-over-standard  :searchForm="searchForm" :filterKeys="filterKeys" @search="changeSearch" @changeFilter="changeFilter" :visiable="activeCity=='base4'"></city-over-standard>
            </a-tab-pane>
            <a-tab-pane tab="水质类别" key="base2" >
              <city-water-quality :searchForm="searchForm" :filterKeys="filterKeys" @search="changeSearch" @changeFilter="changeFilter" :visiable="activeCity=='base2'"></city-water-quality>
            </a-tab-pane>

            <a-tab-pane tab="水质统计" key="base7" >
              <water-quality-count :searchForm="searchForm" :filterKeys="filterKeys" @search="changeSearch" @changeFilter="changeFilter" :visiable="activeCity=='base7'"></water-quality-count>
            </a-tab-pane>
            <a-tab-pane tab="水质达标情况" key="base8" >
              <water-quality-up :searchForm="searchForm" :filterKeys="filterKeys" @search="changeSearch" @changeFilter="changeFilter" :visiable="activeCity=='base8'"></water-quality-up>
            </a-tab-pane>
            <a-tab-pane tab="备用水源营养指数" key="base5">
              <water-nutritional :searchForm="searchForm" :filterKeys="filterKeys" @search="changeSearch" @changeFilter="changeFilter" :visiable="activeCity=='base5'"></water-nutritional>
            </a-tab-pane>
          </a-tabs>
    </div>
</template>


<script>
  /**
   *
   *
   *
   */
  //市级监测数据报表
  import BaseStatistic from "./base.vue"
  // 报送情况说明
  import cityAppraise from "./situation.vue"
  // 取水量
  import cityWaterWithdrawal from "./waterCount.vue"
  // 超标评价
  import cityOverStandard from './overStandard.vue'
  // 水质类别
  import cityWaterQuality from "./waterQuality.vue"
  // 水质统计
  import waterQualityCount from "./waterQualityCount.vue";
  // 水质达标情况
  import waterQualityUp from "./waterQualityUp.vue";
  //综合营养指数
  import waterNutritional from "./waterNutritional.vue"





  export default {
    name: 'city-com',
    components: {
      BaseStatistic,
      cityAppraise,
      cityWaterQuality,
      waterQualityCount,
      waterQualityUp,
      waterNutritional,
      cityWaterWithdrawal,
      cityOverStandard
    },
    data() {
      return {
        activeCity:'city',
        searchForm:{
            checked: 1,
            page:1,
            limit:10,
            regionLevel:"市级"
        },
        filterKeys:[]
      };

    },
    methods: {
      changeSearch(data){
          this.searchForm = data
      },
      changeFilter(data){
          this.filterKeys = data
      }
    }

  }
</script>