<template>
  <div class="result-export h-full">
    <a-tabs v-model:activeKey="activeKey" destroyInactiveTabPane>
      <a-tab-pane key="1" tab="违纪导入">
        <BreachImport />
      </a-tab-pane>
      <a-tab-pane key="2" tab="考生状态设置">
        <StudentStatus />
      </a-tab-pane>
      <a-tab-pane key="3" tab="评卷点设置">
        <MarkSite />
      </a-tab-pane>
      <a-tab-pane key="4" tab="DBF导出">
        <DbfExport />
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script lang="ts" setup>
import { ref } from "vue";
import BreachImport from "./BreachImport.vue";
import StudentStatus from "./StudentStatus.vue";
import MarkSite from "./MarkSite.vue";
import DbfExport from "./DbfExport.vue";

defineOptions({
  name: "ResultExport",
});

const activeKey = ref("1");
</script>
<style lang="less" scoped>
.result-export {
  :deep(.ant-tabs) {
    height: 100%;
    .ant-tabs-nav {
      padding: 8px 15px 0 15px;
    }
    .ant-tabs-content-holder {
      overflow: auto;
      .ant-tabs-content {
        height: 100%;
        padding: 4px 20px 20px;
      }
    }
  }
}
</style>
