120 lines
4.2 KiB
Vue
120 lines
4.2 KiB
Vue
<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>
|
|
|