社保档次和保险类型合并成一个

yijiusmile

2021-04-07 4f736e9566e5a8184463d24d1eb8d3170f396ea4

 src/views/dashboard/sbUser.vue

@@ -23,40 +23,24 @@
        :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="100" />
        <el-table-column show-overflow-tooltip="true" prop="empName" label="姓名" width="100" />
        <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
        <el-table-column show-overflow-tooltip="true" prop="applayDate" label="社保申请日期" />
        <el-table-column show-overflow-tooltip="true" prop="proposer" label="申请人" width="100" />
        <el-table-column show-overflow-tooltip="true" prop="insuranceGaers" label="社保档位" width="100">
          <template slot-scope="scope">
            {{ scope.row.insuranceGaers === '1' ? '深户（五险一档）': '' }}
            {{ scope.row.insuranceGaers === '2' ? '非深户(五险一档)': '' }}
            {{ scope.row.insuranceGaers === '3' ? '非深户(五险二档)': '' }}
            {{ scope.row.insuranceGaers === '4' ? '调休假': '' }}
            {{ scope.row.insuranceGaers === '5' ? '调休假': '' }}
          </template>
        </el-table-column>
        <el-table-column show-overflow-tooltip="true" prop="reportStatus" label="是否已报告" width="100">
          <template slot-scope="scope">
            {{ scope.row.reportStatus === 1 ? '未报告': '' }}
            {{ scope.row.reportStatus === 2 ? '已报告': '' }}
          </template>
        </el-table-column>
        <el-table-column show-overflow-tooltip="true" prop="applayStatus" label="状态" width="80">
          <template slot-scope="scope">
            {{ scope.row.applayStatus === 1 ? '未申请': '' }}
            {{ scope.row.applayStatus === 2 ? '已申请': '' }}
          </template>
        </el-table-column>
        <el-table-column show-overflow-tooltip="true" prop="auditor" label="审核人" width="80" />
        <el-table-column show-overflow-tooltip="true" prop="remark" label="备注" />
        <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="身份证号码" width="140" />
        <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" />
        <el-table-column show-overflow-tooltip prop="applayStatus" :formatter="applayStatusFormat" label="状态" width="80" />
        <el-table-column show-overflow-tooltip prop="auditor" label="审核人" width="80" />
        <el-table-column show-overflow-tooltip prop="remark" label="备注" />
      </el-table>
      <pagination
        v-show="total>0"
@@ -114,7 +98,10 @@
      defaultProps: {
        children: 'children',
        label: 'label'
      }
      },
      insuranceGaersOptions: [],
      applayStatusOptions: [],
      reportStatusOptions: []
    }
  },
  computed: {
@@ -124,7 +111,29 @@
      }
    }
  },
  mounted() {
    setTimeout(() => {
      this.getDicts('INSURANCETYPE').then(response => {
        this.insuranceGaersOptions = response.data
      })
      this.getDicts('applayStatus').then(response => {
        this.applayStatusOptions = response.data
      })
      this.getDicts('reportStatus').then(response => {
        this.reportStatusOptions = response.data
      })
    }, 1000)
  },
  methods: {
    insuranceGaersFormat(row, column) {
      return this.selectDictLabel(this.insuranceGaersOptions, row.insuranceGaers)
    },
    reportStatusFormat(row, column) {
      return this.selectDictLabel(this.reportStatusOptions, row.reportStatus)
    },
    applayStatusFormat(row, column) {
      return this.selectDictLabel(this.applayStatusOptions, row.applayStatus)
    },
    beforeClose(done) {
      this.$emit('cancleChooseUser')
    },