zhufu 2024-11-25 10:32:20 +08:00
commit e14e1be7d4
1 changed files with 18 additions and 15 deletions

View File

@ -1,24 +1,27 @@
<template> <template>
<a-tabs <a-tabs style="width: 100%" v-model:activeKey="activeKey">
style="width: 100%;" <a-tab-pane key="1" tab="基础查询">
v-model:activeKey="activeKey" <BasicQuery :data="props.info?.result" />
> </a-tab-pane>
<a-tab-pane key="1" tab="基础查询"><BasicQuery :data="props.info?.result"/></a-tab-pane> <a-tab-pane key="2" tab="时序影像">
<a-tab-pane key="2" tab="时序影像"><TimeImages :data="props.info?.yingxiang"/> </a-tab-pane> <TimeImages
:data="props.info?.yingxiang?.sort((a, b) => dayjs(b.shijian) - dayjs(a.shijian))"
/>
</a-tab-pane>
</a-tabs> </a-tabs>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref, defineProps } from "vue" import dayjs from 'dayjs';
import BasicQuery from './BasicQuery/index.vue' import { ref, defineProps } from 'vue';
import TimeImages from './TimeImages/index.vue' import BasicQuery from './BasicQuery/index.vue';
import TimeImages from './TimeImages/index.vue';
const props = defineProps(['info']) const props = defineProps(['info']);
const activeKey = ref('1') const activeKey = ref('1');
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
:deep(.ant-tabs-nav){ :deep(.ant-tabs-nav) {
margin-bottom: 0px; margin-bottom: 0px;
} }
</style> </style>