feat(dashboard): 添加四险提醒功能并优化员工管理界面

yubo

2026-03-11 4c72dd4e55dbfae3dca4a7ac4342220e93f25a8b

 src/views/dashboard/qjUser.vue

@@ -2,9 +2,11 @@
  <el-dialog
    :title="title"
    top="50px"
    width="80%"
    :close-on-click-modal="false"
    :close-on-press-escape="false"
    :visible.sync="isVisible"
    :before-close="beforeClose"
  >
    <div class="app-container">
      <div class="filter-container" style="margin-left: -340px;">
@@ -21,20 +23,25 @@
        :data="list"
        row-key="prop1"
        width="50%"
        stripe
        border
        :cell-style="{padding:'7px 0','text-align':'center'}"
        :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
        style="width: 100%;"
      >
        <el-table-column type="selection" :reserve-selection="false" width="55" />
        <el-table-column prop="empNumb" label="员工编号" width="180" />
        <el-table-column prop="deptName" label="护卫点" width="180" />
        <el-table-column prop="jobName" label="岗位名称" width="180" />
        <el-table-column prop="empName" label="员工姓名" width="180" />
        <el-table-column prop="certificateNumb" label="证件号码" width="180" />
        <el-table-column prop="beginTime" label="开始时间" width="180" />
        <el-table-column prop="endTime" label="结束时间" width="180" />
        <el-table-column prop="leaveDay" label="请假天数" width="180" />
        <el-table-column prop="leaveType" label="请假类型" width="180" />
        <el-table-column prop="returnDate" label="到岗时间" width="180" />
        <el-table-column prop="reporter" label="报备人" width="180" />
        <el-table-column prop="remark" label="备注" width="180" />
        <el-table-column show-overflow-tooltip type="index" width="55" label="序号" />
        <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" />
        <el-table-column show-overflow-tooltip prop="allDeptName" label="部门(护卫点)" width="300" />
        <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="身份证号码" />
        <el-table-column show-overflow-tooltip prop="beginTime" label="开始时间" width="110" />
        <el-table-column show-overflow-tooltip prop="endTime" label="结束时间" width="110" />
        <el-table-column show-overflow-tooltip prop="leaveDay" label="请假天数" width="80" />
        <el-table-column show-overflow-tooltip prop="leaveType" label="请假类型" width="80" :formatter="leaveTypeFormat" />
        <el-table-column show-overflow-tooltip prop="returnDate" label="到岗时间" width="120" />
        <el-table-column show-overflow-tooltip prop="reporter" label="报备人" width="80" />
        <el-table-column show-overflow-tooltip prop="remark" label="备注" />
      </el-table>
      <pagination
        v-show="total>0"
@@ -92,7 +99,8 @@
      defaultProps: {
        children: 'children',
        label: 'label'
      }
      },
      leaveTypeOptions: []
    }
  },
  computed: {
@@ -102,7 +110,20 @@
      }
    }
  },
  mounted() {
    setTimeout(() => {
      this.getDicts('LEAVETYPE').then(response => {
        this.leaveTypeOptions = response.data
      })
    }, 1000)
  },
  methods: {
    leaveTypeFormat(row, column) {
      return this.selectDictLabel(this.leaveTypeOptions, row.leaveType)
    },
    beforeClose(done) {
      this.$emit('cancleChooseUser')
    },
    search() {
      this.fetch({
        ...this.queryParams