78 lines
2.4 KiB
Vue
78 lines
2.4 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">
|
|
<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>
|
|
|