feat(user): 新增员工档案管理视图组件

yubo

2026-04-06 6448ec15bfe0b65fb822a662105bceddc23b58d8

 src/views/dashboard/sbUser.vue

@@ -34,7 +34,7 @@
        <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="80" />
        <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="80" />
        <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="140" />
        <el-table-column show-overflow-tooltip prop="applayDate" label="社保申请日期" />
        <el-table-column show-overflow-tooltip prop="applayDate" label="社保申请日期" min-width="120" />
        <el-table-column show-overflow-tooltip prop="proposer" label="申请人" width="80" />
        <el-table-column show-overflow-tooltip prop="insuranceGaers" :formatter="insuranceGaersFormat" label="社保档位" width="100" />
        <el-table-column show-overflow-tooltip prop="reportStatus" :formatter="reportStatusFormat" label="是否已报告" width="100" />
@@ -56,10 +56,12 @@
<script>
// 引用翻页组件
import Pagination from '@/components/Pagination'
import dictMixin from '../../utils/dictMixin'
export default {
  components: {
    Pagination
  },
  mixins: [dictMixin],
  props: {
    dialogVisible: {
      type: Boolean,
@@ -91,17 +93,17 @@
      }, // 查询参数
      sort: {}, // 排序
      pagination: { // 分页参数
        size: 5,
        size: 15,
        num: 1
      },
      list: [], // 给table显示的数据
      defaultProps: {
        children: 'children',
        label: 'label'
      },
      insuranceGaersOptions: [],
      applayStatusOptions: [],
      reportStatusOptions: []
      }
      // insuranceGaersOptions: [],
      // applayStatusOptions: [],
      // reportStatusOptions: []
    }
  },
  computed: {
@@ -109,18 +111,15 @@
      get() {
        return this.dialogVisible
      }
    }
    },
    // 字典选项计算属性
    insuranceGaersOptions() { return this.getDictOptions('INSURANCETYPE') },
    applayStatusOptions() { return this.getDictOptions('applayStatus') },
    reportStatusOptions() { return this.getDictOptions('reportStatus') }
  },
  mounted() {
    this.getDicts('insuranceGaers').then(response => {
      this.insuranceGaersOptions = response.data
    })
    this.getDicts('applayStatus').then(response => {
      this.applayStatusOptions = response.data
    })
    this.getDicts('reportStatus').then(response => {
      this.reportStatusOptions = response.data
    })
    // 字典数据已在登录时预加载，直接从 Vuex 获取
    this.initDictTypes(['INSURANCETYPE', 'applayStatus', 'reportStatus'])
  },
  methods: {
    insuranceGaersFormat(row, column) {