| | |
| | | <el-dialog |
| | | :title="title" |
| | | top="50px" |
| | | width="80%" |
| | | :close-on-click-modal="false" |
| | | :close-on-press-escape="false" |
| | | :visible.sync="isVisible" |
| | |
| | | ref="multipleTable" |
| | | :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="applayDate" label="社保申请日期" width="180" /> |
| | | <el-table-column prop="proposer" label="申请人" width="180" /> |
| | | <el-table-column prop="insuranceGaers" label="社保档位"> |
| | | <template 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 prop="reportStatus" label="是否已报告"> |
| | | <template scope="scope"> |
| | | {{ scope.row.reportStatus === 1 ? '未报告': '' }} |
| | | {{ scope.row.reportStatus === 2 ? '已报告': '' }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="applayStatus" label="状态"> |
| | | <template scope="scope"> |
| | | {{ scope.row.applayStatus === 1 ? '未申请': '' }} |
| | | {{ scope.row.applayStatus === 2 ? '已申请': '' }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="auditor" label="审核人" width="180" /> |
| | | <el-table-column prop="remark" label="备注" width="280" /> |
| | | <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" |
| | |
| | | defaultProps: { |
| | | children: 'children', |
| | | label: 'label' |
| | | } |
| | | }, |
| | | insuranceGaersOptions: [], |
| | | applayStatusOptions: [], |
| | | reportStatusOptions: [] |
| | | } |
| | | }, |
| | | computed: { |
| | |
| | | } |
| | | } |
| | | }, |
| | | 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 |
| | | }) |
| | | }, |
| | | 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') |
| | | }, |