<template>
  <a-tabs
  style="width: 100%;"
    v-model:activeKey="activeKey"
  >
    <a-tab-pane key="1" tab="基础查询"><BasicQuery :data="props.info?.basicQuery"/></a-tab-pane>
    <a-tab-pane key="2" tab="时序影像"><TimeImages :data="props.info?.timeImages"/> </a-tab-pane>
  </a-tabs>
</template>

<script setup lang="ts">
import { ref, defineProps } from "vue"
import BasicQuery from './BasicQuery/index.vue'
import TimeImages from './TimeImages/index.vue'

const props = defineProps(['info'])
const activeKey = ref('1')
</script>

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