client-admin/src/render/views/ScanManage/index.vue

<template>
  <div class="scan-manage h-full">
    <a-tabs v-model:activeKey="activeKey">
      <a-tab-pane key="1" tab="图片查找">
        <ImageView></ImageView>
      </a-tab-pane>
      <a-tab-pane key="2" tab="扫描进度"
        ><ScanProcess></ScanProcess>
      </a-tab-pane>
      <a-tab-pane key="3" tab="工作量统计"
        ><WorkStatistics></WorkStatistics>
      </a-tab-pane>
      <a-tab-pane key="4" tab="扫描查漏">
        <ScanCheckMiss></ScanCheckMiss>
      </a-tab-pane>
      <a-tab-pane key="5" tab="考生信息">
        <StuInfo></StuInfo>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>
<script name="ScanManage" lang="ts" setup>
import { ref } from "vue";
import ImageView from "./ImageView.vue";
import ScanProcess from "./ScanProcess.vue";
import ScanCheckMiss from "./ScanCheckMiss.vue";
import WorkStatistics from "./WorkStatistics.vue";
import StuInfo from "./StuInfo.vue";
const activeKey = ref("1");
</script>
<style lang="less" scoped>
.scan-manage {
  :deep(.ant-tabs) {
    height: 100%;
    .ant-tabs-nav {
      padding: 8px 15px 0 15px;
      margin-bottom: 0;
    }
    .ant-tabs-content-holder {
      overflow: auto;
      .ant-tabs-content {
        height: 100%;
      }
    }
  }
}
</style>