<template>
  <div class="ele-body">
    <a-card :bordered="false">
      <a-tabs v-model:activeKey="activeKey">
        <a-tab-pane key="city" tab="市级">
          <a-tabs v-model:active="activeCity">
            <a-tab-pane tab="监测数据报送表" key="city" >
              <base-statistic></base-statistic>
            </a-tab-pane>
            <a-tab-pane tab="报送情况说明表" key="base1">
              <!-- <function-bill ref="functionWater"></function-bill> -->
              <city-appraise></city-appraise>
            </a-tab-pane>
            <!-- <a-tab-pane tab="水质类别" key="base2">
              <city-water-quality></city-water-quality>
            </a-tab-pane> -->
            <a-tab-pane tab="取水量统计" key="base3">
              <!-- <city-water-quality></city-water-quality> -->
            </a-tab-pane>
          </a-tabs>
        </a-tab-pane>
        <a-tab-pane key="county" tab="县级">
          <a-tabs v-model:active="activeCounty">
            <a-tab-pane tab="监测数据报送表" key="County">
              <county-data></county-data>
            </a-tab-pane>
            <a-tab-pane tab="报送情况说明表" key="base1">
              <county-appraise></county-appraise>
            </a-tab-pane>
            <!-- <a-tab-pane tab="水质类别" key="base2">
              <county-water-quality></county-water-quality>
            </a-tab-pane> -->
          </a-tabs>
        </a-tab-pane>
        <!-- <a-tab-pane key="quarter" tab="季度报告">
         <quarter-statistic></quarter-statistic>
        </a-tab-pane> -->
        <a-tab-pane key="village" tab="农村">
         <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-tabs>
        </a-tab-pane>
      </a-tabs>
    </a-card>
  </div>
</template>

<script>
  /**
   *
   *
   *
   */
  import BaseStatistic from "./cityDate.vue";
  import countyData from "./countyData.vue"
  import village from "./villageData.vue"
  import cityAppraise from "./cityAppraise.vue"
  import countyAppraise from "./countyAppraise.vue"
  import villageAppraise from "./villageAppraise.vue"
  // import cityWaterQuality from "./cityWaterQuality.vue"
  // import countyWaterQuality from "./countyWaterQuality.vue"
  import villageWaterQuality from "./villageWaterQuality.vue"
  // import QuarterStatistic from "./quarter.vue";
  // import Compare from "./compare.vue"
  // import AverageStatistic from "./average.vue"

  export default {
    name: 'DrinkWaterCollectIndex',
    components: {
      BaseStatistic,
      countyData,
      village,
      cityAppraise,
      countyAppraise,
      villageAppraise,
      // cityWaterQuality,
      // countyWaterQuality,
      villageWaterQuality
      // QuarterStatistic,
      // Compare,
      // AverageStatistic
    },
    data() {
      return {
        activeKey: 'city',
        activeCity:'city',
        activeCounty:'county',
        activeVillage:'village', 
      };

    },
    methods: {

    }

  }
</script>

<style scoped>

</style>
