<template>
  <div style="padding: 24px; overflow-y: hidden">
    <a-tabs v-model:activeKey="activeKey">
      <a-tab-pane key="imageBoundary" tab="影像边界shp">
        <ImageBoundary />
      </a-tab-pane>
      <a-tab-pane key="imageRelease" tab="影像发布事件">
        <ImageRelease />
      </a-tab-pane>
      <a-tab-pane key="history" tab="历史记录">
        <History />
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script lang="ts" setup>
  // vue
  import { ref, onMounted } from 'vue';
  // vben
  import { useMessage } from '@/hooks/web/useMessage';
  import { DeleteOutlined, UploadOutlined } from '@ant-design/icons-vue';
  import { message, Upload } from 'ant-design-vue';
  import type { UploadProps } from 'ant-design-vue';
  import { BasicTable, useTable } from '@/components/Table';
  import { useGlobSetting } from '@/hooks/setting';
  //
  import ImageBoundary from './imageBoundary.vue';
  import ImageRelease from './imageRelease.vue';
  import History from './history.vue';

  // 标签页
  let activeKey = ref('imageBoundary');
</script>
