<template>
  <div class="ele-body">
    <a-card :bordered="false">
      <a-tabs v-model:activeKey="activeKey">
        <a-tab-pane tab="江河信息" key="cca">
          <a-tabs v-model:active="active">
            <a-tab-pane key="base" tab="数据总览">
              <base-statistic></base-statistic>
            </a-tab-pane>
            <a-tab-pane tab="单月水质达标" key="base1">
              <month-standard ></month-standard>
            </a-tab-pane>
            <a-tab-pane tab="平均水质达标" key="base2">
              <avg-standard></avg-standard>
            </a-tab-pane>
            <a-tab-pane tab="单月综合指数" key="base3">
              <month-index ></month-index>
            </a-tab-pane>
            <a-tab-pane tab="平均水质指数" key="base4">
              <avg-index ></avg-index>
            </a-tab-pane>
          </a-tabs>
        </a-tab-pane>
        <a-tab-pane tab="水功能区" key="ccb">
          <a-tabs v-model:activeWater="activeWater">
            <a-tab-pane tab="自治区级水功能区" key="water1">
              <a-tabs v-model:autoWater="autoWater">
                <a-tab-pane tab="自治区级水功能区统计" key="auto1">
                  <auto-statis></auto-statis>
                </a-tab-pane>
                <a-tab-pane tab="自治区水功能区达标率" key="auto2">
                  <auto-standard></auto-standard>
                </a-tab-pane>
                <a-tab-pane tab="自治区水功能区同比/环比" key="auto3">
                  <auto-yoy></auto-yoy>
                </a-tab-pane>
                </a-tabs>
            </a-tab-pane>
            <a-tab-pane tab="国家级水功能区" key="water2">
              <a-tabs v-model:nationalWater="nationalWater">
                <a-tab-pane tab="国家级水功能区统计" key="national">
                  <national-statis></national-statis>
                </a-tab-pane>
                <a-tab-pane tab="国家级水功能区达标率" key="national2">
                  <national-standard></national-standard>
                </a-tab-pane>
                <a-tab-pane tab="国家级水功能区同比/环比" key="national3">
                  <national-yoy></national-yoy>
                </a-tab-pane>
                </a-tabs>
             
            </a-tab-pane>
            
          </a-tabs>
        </a-tab-pane>
        <a-tab-pane tab="水站" key="ccd">
          <a-tabs v-model:activeSite="activeSite">
            <a-tab-pane tab="水站数据统计" key="site1">
              <site-statis ></site-statis>
            </a-tab-pane>
            <a-tab-pane tab="水站日均值数据统计" key="site2">
              <site-day-statis></site-day-statis>
            </a-tab-pane>
          </a-tabs>
        </a-tab-pane>
      </a-tabs>
    </a-card>
  </div>
</template>

<script>
  import BaseStatistic from "./base.vue";
  import AutoStatis from "../../water-function-area/statistic/auto.vue";
  import NationalStatis from "../../water-function-area/statistic/national.vue";
  import SiteStatis from "../../river-station/statistic/site.vue";
  import SiteDayStatis from "../../river-station/statistic/site-day-avg.vue";

  import MonthStandard from "./base-standard.vue";
  import AvgStandard from "./avg-standard.vue";
  import MonthIndex from "./base-index.vue";
  import AvgIndex from "./avg-index.vue";
  
  import AutoStandard from "../../water-function-area/statistic/auto-standard.vue";
  import AutoYoy from "../../water-function-area/statistic/auto-yoy.vue";
  import NationalStandard from "../../water-function-area/statistic/national-standard.vue";
  import NationalYoy from "../../water-function-area/statistic/national-yoy.vue";
  export default {
    name: 'StatisticAirIndex',
    components: {
      BaseStatistic,
      AutoStatis,
      NationalStatis,
      SiteStatis,
      SiteDayStatis,
      MonthStandard,
      AvgStandard,
      MonthIndex,
      AvgIndex,
      AutoStandard,
      AutoYoy,
      NationalStandard,
      NationalYoy,
    },
    data() {
      return {
        activeKey: 'cca',
        active: 'base',
        activeWater: 'water1',
        activeSite:'site1',
        autoWater:'auto1',
        nationalWater:'national'
      };

    },

  }

</script>

