<template>
  <div class="ele-body">
    <a-card :bordered="false">
      <a-tabs v-model:activeKey="activeWrapKey">
        <a-tab-pane key="city" tab="市级">
          <City />
        </a-tab-pane>

        <a-tab-pane key="county" tab="县级">
          <County />
          <!-- <a-tabs v-model:active="activeCounty">
            <a-tab-pane tab="监测数据报送表" key="County">
              <county-data :searchForm="searchForm" :filterKeys="filterKeys" @search="changeSearch" @changeFilter="changeFilter"></county-data>
            </a-tab-pane>
            <a-tab-pane tab="报送情况说明表" key="base1">
              <county-appraise></county-appraise>
            </a-tab-pane>
            <a-tab-pane tab="取水量统计" key="base3">
              <county-water-withdrawal></county-water-withdrawal>
            </a-tab-pane>
            <a-tab-pane tab="水质类别" key="base2">
              <county-water-quality></county-water-quality>
            </a-tab-pane>
            <a-tab-pane tab="达标率" key="base6">
              <county-month-standard></county-month-standard>
            </a-tab-pane>
             <a-tab-pane tab="综合指数" key="base5">
              <county-avg-index></county-avg-index>
            </a-tab-pane>
          </a-tabs> -->
        </a-tab-pane>

        <a-tab-pane key="village" tab="农村">
          <Countryside />
         <!-- <a-tabs v-model:active="activeVillage">
            <a-tab-pane tab="数据总览" key="village">
              <village></village>
            </a-tab-pane>
            <a-tab-pane tab="超标评价" key="base1">
              <village-appraise></village-appraise>
            </a-tab-pane>
            <a-tab-pane tab="水质类别" key="base2">
              <village-water-quality></village-water-quality>
            </a-tab-pane>
            <a-tab-pane tab="达标率" key="base6">
              <village-month-standard></village-month-standard>
            </a-tab-pane>
             <a-tab-pane tab="综合指数" key="base5">
              <village-avg-index></village-avg-index>
            </a-tab-pane>
          </a-tabs> -->
        </a-tab-pane>
      </a-tabs>
    </a-card>
  </div>
</template>

<script>

import City from './city/index.vue'
import County from './county/index.vue'
import Countryside from './countryside/index.vue'
  /**
   *
   *
   *
   */

//县级监测数据报表
  // import countyData from "./countyData.vue"
  // import countyData from "./county/base.vue"

  // import village from "./villageData.vue"

  // import countyAppraise from "./countyAppraise.vue"
  // import villageAppraise from "./villageAppraise.vue"
  // import countyWaterQuality from "./countyWaterQuality.vue"
  // import villageWaterQuality from "./villageWaterQuality.vue"
  // import countyAvgIndex from "./county-avg-index.vue"
  // import villageAvgIndex from "./village-avg-index.vue"
  // import countyMonthStandard from "./county-base-standard.vue"
  // import villageMonthStandard from "./village-base-standard.vue"
  // import countyWaterWithdrawal from "./countyWaterWithdrawal.vue"


  export default {
    name: 'DrinkWaterCollectIndex',
    components: {
      City,
      County,
      Countryside,
      // countyData,
      // village,
      // countyAppraise,
      // villageAppraise,
      // countyWaterQuality,
      // villageWaterQuality,
      // countyAvgIndex,
      // villageAvgIndex,
      // countyMonthStandard,
      // villageMonthStandard,
      // countyWaterWithdrawal,
      
    },
    data() {
      return {
        activeWrapKey: 'city',
      };

    },
    methods: {
    }

  }
</script>

<style scoped>

</style>
