<template>
  <div class="p-base full">
    <el-radio-group v-model="importType" class="m-b-base">
      <el-radio-button label="SAMPLE">培训卷</el-radio-button>
      <el-radio-button label="RF">RF卷</el-radio-button>
      <el-radio-button label="STANDARD">评分标准</el-radio-button>
    </el-radio-group>
    <el-card shadow="never" class="form-card">
      <component :is="components[importType]"></component>
    </el-card>
  </div>
</template>

<script setup lang="ts" name="DataPaper">
/** 导入培训卷/RF卷 */
import { computed, ref } from 'vue'
import { ElCard, ElRadioGroup, ElRadioButton } from 'element-plus'
import SAMPLE from './components/sample.vue'
import RF from './components/rf.vue'
import STANDARD from './components/standard.vue'

const components = { SAMPLE, RF, STANDARD }

const importType = ref<'SAMPLE' | 'RF' | 'STANDARD'>('SAMPLE')
</script>

<style scoped lang="scss"></style>
