Newer
Older
xc-business-system / src / views / resource / person / register / component / resume.vue
<!-- 人员登记 基本信息 -->
<script name="RegisterResume" lang="ts" setup>
const props = defineProps({ operation: { type: String, default: '' } })
const resumeColumns = ref([
  { text: '履历名称', value: 'staffNo', align: 'center', width: '160' },
  { text: '详细介绍', value: 'staffName', align: 'center' },
  { text: '时间', value: 'station', align: 'center' },
]) // 表头

const promotionColumns = ref([
  { text: '晋升经历', value: 'staffNo', align: 'center', width: '160' },
  { text: '晋升单位', value: 'staffName', align: 'center' },
  { text: '时间', value: 'station', align: 'center' },
]) // 表头

const resumeList = ref([]) // 表格数据
const promotionList = ref([])

// 逻辑
</script>

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

          <template #columns>
            <!-- <el-table-column fixed="right" label="操作" align="center" width="130" /> -->
          </template>
        </normal-table>
      </table-container>

      <table-container title="晋升情况">
        <!-- 表格区域 -->
        <normal-table id="registerTabel" :pagination="false" :data="promotionList" :columns="promotionColumns">
          <template #preColumns>
            <el-table-column label="序号" width="55" align="center">
              <template #default="scope">
                {{ scope.$index + 1 }}
              </template>
            </el-table-column>
          </template>

          <template #columns>
            <!-- <el-table-column fixed="right" label="操作" align="center" width="130" /> -->
          </template>
        </normal-table>
      </table-container>
    </el-form>
  </app-container>
</template>