<template>
  <a-tabs
  style="width: 100%;"
    v-model:activeKey="activeKey"
  >
    <a-tab-pane key="1" tab="基础查询"><BasicQuery /></a-tab-pane>
    <a-tab-pane key="2" tab="多年现状"><MultiYearNow /></a-tab-pane>
    <a-tab-pane key="3" tab="高级查询"><AdvancedQuery /> </a-tab-pane>
    <a-tab-pane key="4" tab="历年现状"><HistoryYearNow /> </a-tab-pane>
    <a-tab-pane key="5" tab="多年规划"><MultiYearProject /> </a-tab-pane>
    <a-tab-pane key="6" tab="多年基本农田"><BasicFarmland /> </a-tab-pane>
    <a-tab-pane key="7" tab="时序影像"><TimeImages /> </a-tab-pane>
    <a-tab-pane key="8" tab="历史照片"><HistoryPhoto /></a-tab-pane>
  </a-tabs>
</template>

<script setup lang="ts">
import { ref } from "vue"
import BasicQuery from './BasicQuery/index.vue'
import HistoryPhoto from './HistoryPhoto/index.vue'
import TimeImages from './TimeImages/index.vue'
import MultiYearNow from './MultiYearNow/index.vue'
import HistoryYearNow from './HistoryYearNow/index.vue'
import MultiYearProject from './MultiYearProject/index.vue'
import BasicFarmland from './BasicFarmland/index.vue'
import AdvancedQuery from './AdvancedQuery/index.vue'
const activeKey = ref('1')
</script>

<style lang="scss" scoped>
:deep(.ant-tabs-nav){
  margin-bottom: 0px;
}
</style>
