
<template>
    <div class="ele-body">
        <a-card :bordered="false">
            <a-tabs v-model:activeKey="activeKey">
                <a-tab-pane key="place" tab="江河水点位信息">
                    <place></place>
                </a-tab-pane>
                <a-tab-pane key="evaluation" tab="自治区级水功能区点位信息">
                    <autonomous></autonomous>
                </a-tab-pane>
                <a-tab-pane key="aqi" tab="国家级水功能区点位信息">
                    <aqi-relate></aqi-relate>
                </a-tab-pane>
                 <a-tab-pane key="water" tab="水站点位信息">
                    <water></water>
                </a-tab-pane>
            </a-tabs>
        </a-card>
    </div>
</template>

<script>
import autonomous from "./autonomous"
import AqiRelate from "./api-relate"
import Place from "./place"
import Water from "./water"


export default {
    name: 'waterDictIndex',
    components: {
        autonomous,
        Place,
        AqiRelate,
        Water
    },
    data() {
        return {
            activeKey: 'place'
        };

    },
    methods: {}

}
</script>

<style scoped>

</style>