<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">
              <function-bill ></function-bill>
            </a-tab-pane>
            <a-tab-pane tab="平均水质达标" key="base2">
              <function-bill></function-bill>
            </a-tab-pane>
            <a-tab-pane tab="当月综合指数" key="base3">
              <function-bill></function-bill>
            </a-tab-pane>
            <a-tab-pane tab="平均水质指数" key="base4">
              <function-bill ></function-bill>
            </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">
              <auto-statis></auto-statis>
            </a-tab-pane>
            <a-tab-pane tab="国家级水功能" key="water2">
              <national-statis></national-statis>
            </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";
  export default {
    name: 'StatisticAirIndex',
    components: {
      BaseStatistic,
      AutoStatis,
      NationalStatis,
      SiteStatis,
      SiteDayStatis
    },
    data() {
      return {
        activeKey: 'cca',
        active: 'base',
        activeWater: 'water1',
        activeSite:'site1'
      };

    },

  }

</script>

