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

yubo

2026-03-11 4c72dd4e55dbfae3dca4a7ac4342220e93f25a8b

 src/views/dashboard/lzUser.vue

@@ -23,34 +23,25 @@
        :data="list"
        row-key="prop1"
        stripe
        :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
        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 show-overflow-tooltip="true" type="selection" :reserve-selection="false" width="55" />
        <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" width="100" />
        <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="100" />
        <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位" width="80" />
        <el-table-column show-overflow-tooltip="true" prop="empName" label="姓名" width="80" />
        <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
        <el-table-column show-overflow-tooltip="true" prop="arbitrationDate" label="仲裁日期" width="100" />
        <el-table-column show-overflow-tooltip="true" prop="arbitrationType" label="仲裁类型" width="100">
          <template slot-scope="scope">
            {{ scope.row.arbitrationType === '01' ? '劳资纠纷': '' }}
            {{ scope.row.arbitrationType === '02' ? '民事纠纷': '' }}
            {{ scope.row.arbitrationType === '03' ? '合同纠纷': '' }}
          </template>
        </el-table-column>
        <el-table-column show-overflow-tooltip="true" prop="arbitrationReason" label="仲裁事由" />
        <el-table-column show-overflow-tooltip="true" prop="reporter" label="报备人" width="80" />
        <el-table-column show-overflow-tooltip="true" prop="remark" label="备注" />
        <el-table-column show-overflow-tooltip="true" prop="arbitrationPay" label="仲裁赔付（元）" width="120" />
        <el-table-column show-overflow-tooltip="true" prop="arbitrationStatus" label="状态" width="80">
          <template slot-scope="scope">
            {{ scope.row.arbitrationStatus === 0 ? '未结案': '' }}
            {{ scope.row.arbitrationStatus === 1 ? '已结案': '' }}
          </template>
        </el-table-column>
        <el-table-column show-overflow-tooltip="true" prop="settleDate" label="案结日期" width="100" />
        <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="100" />
        <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="140" />
        <el-table-column show-overflow-tooltip prop="arbitrationDate" label="仲裁日期" width="100" />
        <el-table-column show-overflow-tooltip prop="arbitrationType" label="仲裁类型" :formatter="arbitrationTypeFormat" width="80" />
        <el-table-column show-overflow-tooltip prop="arbitrationReason" label="仲裁事由" width="100" />
        <el-table-column show-overflow-tooltip prop="reporter" label="报备人" width="100" />
        <el-table-column show-overflow-tooltip prop="remark" label="备注" width="100" />
        <el-table-column show-overflow-tooltip prop="arbitrationPay" label="仲裁赔付（元）" width="120" />
        <el-table-column show-overflow-tooltip prop="arbitrationStatus" label="状态" :formatter="arbitrationStatusFormat" width="80" />
        <el-table-column show-overflow-tooltip prop="settleDate" label="案结日期" width="100" />
      </el-table>
      <pagination
        v-show="total>0"
@@ -104,6 +95,8 @@
        size: 5,
        num: 1
      },
      archivesStatusOptions: [],
      arbitrationTypeOptions: [],
      list: [], // 给table显示的数据
      defaultProps: {
        children: 'children',
@@ -118,7 +111,23 @@
      }
    }
  },
  mounted() {
    setTimeout(() => {
      this.getDicts('ZCTYPE').then(response => {
        this.arbitrationTypeOptions = response.data
      })
      this.getDicts('archivesStatus').then(response => {
        this.archivesStatusOptions = response.data
      })
    }, 1000)
  },
  methods: {
    arbitrationTypeFormat(row, column) {
      return this.selectDictLabel(this.arbitrationTypeOptions, row.arbitrationType)
    },
    arbitrationStatusFormat(row, column) {
      return this.selectDictLabel(this.archivesStatusOptions, row.arbitrationStatus)
    },
    beforeClose(done) {
      this.$emit('cancleChooseUser')
    },