<!-- 人员登记 基本信息 -->
<script name="RegisterEducation" lang="ts" setup>
const props = defineProps({ operation: { type: String, default: '' } })

const educationTitle = ref('教育档案')

const educationColumns = ref([
  { text: '毕业院校', value: 'staffNo', align: 'center', width: '160' },
  { text: '专业', value: 'staffName', align: 'center' },
  { text: '学历', value: 'station', align: 'center' },
  { text: '时间', value: 'certificateNumber', align: 'center' },
]) // 表头

const professionColumns = ref([
  { text: '时间', value: 'staffNo', align: 'center', width: '160' },
  { text: '名称', value: 'staffName', align: 'center' },
  { text: '发表刊物（期号）/会议名称（获奖情况）', value: 'station', align: 'center' },
  { text: '备注', value: 'certificateNumber', align: 'center' },
  { text: '附件', value: 'note', align: 'center' },
]) // 表头

const researchColumns = ref([
  { text: '时间', value: 'staffNo', align: 'center', width: '160' },
  { text: '名称', value: 'staffName', align: 'center' },
  { text: '备注', value: 'station', align: 'center' },
  { text: '附件', value: 'certificateNumber', align: 'center' },
]) // 表头

const educationList = ref([]) // 表格数据
const professionList = ref([])
const researchList = ref([])

// 逻辑
</script>

<template>
  <app-container>
    <el-form ref="ruleFormRef" label-position="right" label-width="110px" border stripe>
      <table-container :title="educationTitle">
        <!-- 表格区域 -->
        <normal-table id="educationTabel" :pagination="false" :data="educationList" :columns="educationColumns">
          <template #preColumns>
            <el-table-column label="序号" width="55" align="center">
              <template #default="scope">
                {{ scope.$index + 1 }}
              </template>
            </el-table-column>
          </template>
          <template #educationColumns />
        </normal-table>
      </table-container>

      <table-container title="业务能力">
        <!-- 表格区域 -->
        <normal-table id="professionTabel" :pagination="false" :data="professionList" :columns="professionColumns">
          <template #preColumns>
            <el-table-column label="序号" width="55" align="center">
              <template #default="scope">
                {{ scope.$index + 1 }}
              </template>
            </el-table-column>
          </template>
          <template #professionColumns>
            <!-- <el-table-column fixed="right" label="操作" align="center" width="130" /> -->
          </template>
        </normal-table>
      </table-container>

      <table-container title="科研项目">
        <!-- 表格区域 -->
        <normal-table id="researchTabel" :pagination="false" :data="researchList" :columns="researchColumns">
          <template #preColumns>
            <el-table-column label="序号" width="55" align="center">
              <template #default="scope">
                {{ scope.$index + 1 }}
              </template>
            </el-table-column>
          </template>
          <template #researchColumns>
            <!-- <el-table-column fixed="right" label="操作" align="center" width="130" /> -->
          </template>
        </normal-table>
      </table-container>
    </el-form>
  </app-container>
</template>