<template>
    <div class="ele-body">
        <a-card :bordered="false">
            <a-tabs v-model:activeKey="activeKey">
                <a-tab-pane key="base" tab="数据总览">
                    <base-statistic></base-statistic>
                </a-tab-pane>
                <a-tab-pane key="city" tab="市统计">
                    <city-statistic></city-statistic>
                </a-tab-pane>
                <a-tab-pane key="county" tab="县统计">
                    <county-statistic></county-statistic>
                </a-tab-pane>
                <a-tab-pane key="ion" tab="酸雨离子统计">
                    <ion-statistic></ion-statistic>
                </a-tab-pane>
            </a-tabs>
        </a-card>
    </div>
</template>

<script>
/**
 *
 *
 *
 */
import BaseStatistic from "./base.vue";
import CityStatistic from "./city.vue";
import CountyStatistic from "./county.vue";
import IonStatistic from "./ion.vue";


export default {
    name: 'StatisticAcidRain',
    components: {
        BaseStatistic, CityStatistic,CountyStatistic,IonStatistic

    },
    data() {
        return {
            activeKey: 'city'
        };

    },
    methods: {}

}
</script>

<style scoped>

</style>