<template>
  <div class="base-data-config h-full">
    <a-tabs v-model:activeKey="activeKey" destroyInactiveTabPane>
      <a-tab-pane key="1" tab="扫描参数配置">
        <ScanParams />
      </a-tab-pane>
      <a-tab-pane key="2" tab="用户管理">
        <UserManage />
      </a-tab-pane>
      <a-tab-pane key="3" tab="卡格式导入">
        <CardImport />
      </a-tab-pane>
      <a-tab-pane key="4" tab="考生导入">
        <StuImport />
      </a-tab-pane>
    </a-tabs>
    <router-view />
  </div>
</template>
<script name="BaseDataConfig" lang="ts" setup>
import { ref } from "vue";
import ScanParams from "./ScanParams.vue";
import UserManage from "./UserManage.vue";
import CardImport from "./CardImport.vue";
import StuImport from "./StuImport.vue";
const activeKey = ref("1");
</script>
<style lang="less" scoped>
.base-data-config {
  position: relative;
  :deep(.ant-tabs) {
    height: 100%;
    .ant-tabs-nav {
      padding: 8px 15px 0 15px;
    }
    .ant-tabs-content-holder {
      overflow: auto;
      .ant-tabs-content {
        height: 100%;
      }
    }
  }
}
</style>
