| | |
| | | :cell-style="{padding:'4.8px 0','text-align':'center'}" |
| | | :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}" |
| | | style="width: 100%;color: #000;" |
| | | @sort-change="changeSort" |
| | | > |
| | | <el-table-column |
| | | type="selection" |
| | |
| | | /> |
| | | <el-table-column label="操作" width="80"> |
| | | <template slot-scope="scope"> |
| | | <!-- <el-button--> |
| | | <!-- type="text"--> |
| | | <!-- size="small"--> |
| | | <!-- @click.native.prevent="dialogShow(scope.$index, scope.row)"--> |
| | | <!-- >--> |
| | | <!-- 上传--> |
| | | <!-- </el-button>--> |
| | | |
| | | <span |
| | | style="color: #a00515;display: inline-block;width: 50%;cursor: pointer" |
| | | @click="dialogShow(scope.$index, scope.row)" |
| | | >上传</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80px" /> |
| | | <el-table-column show-overflow-tooltip prop="deptName" label="护卫点(部门)" width="120px" /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="70px" /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="180" /> |
| | | <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="70px" /> |
| | | <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="90px" sortable="custom" :sort-orders="['ascending', 'descending']" /> |
| | | <el-table-column show-overflow-tooltip prop="deptName" label="护卫点(部门)" width="140px" sortable="custom" :sort-orders="['ascending', 'descending']" /> |
| | | <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="90px" sortable="custom" :sort-orders="['ascending', 'descending']" /> |
| | | <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="180px" sortable="custom" :sort-orders="['ascending', 'descending']" /> |
| | | <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="90px" sortable="custom" :sort-orders="['ascending', 'descending']" /> |
| | | <template v-for="(col) in labelData"> |
| | | <el-table-column :key="col.labelid" show-overflow-tooltip :prop="col.labelcode" :label="col.labelname"> |
| | | <template slot-scope="scope"> |
| | | <el-link type="primary" @click.native="dialogShow(scope.$index, scope.row, scope.column.property)"> {{ scope.row[col.labelcode] }}</el-link> |
| | | <el-link type="primary" :class="{ number: scope.row[col.labelcode] !== 0}" @click.native="dialogShow(scope.$index, scope.row, scope.column.property)"> {{ scope.row[col.labelcode] }}</el-link> |
| | | </template> |
| | | </el-table-column> |
| | | </template> |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | sort: {}, // 排序 |
| | | queryCheckAll: { |
| | | sexcheckAll: false, |
| | | sexisIndeterminate: true |
| | |
| | | }) |
| | | }, |
| | | methods: { |
| | | changeSort(val) { |
| | | this.sort.field = val.prop |
| | | this.sort.order = val.order |
| | | this.search() |
| | | }, |
| | | closeDialog() { |
| | | this.search() |
| | | }, |
| | |
| | | search() { |
| | | if (this.basic === '') { |
| | | this.fetch({ |
| | | ...this.queryform |
| | | ...this.queryform, |
| | | ...this.sort |
| | | }) |
| | | } else { |
| | | var params = { basic: this.basic } |
| | | this.fetch({ |
| | | ...params |
| | | ...params, |
| | | ...this.sort |
| | | }) |
| | | } |
| | | }, |
| | |
| | | } |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | |
| | | .number{ |
| | | color: #5CB87A; |
| | | font-size: 16px; |
| | | font-weight: 600; |
| | | } |
| | | .el-main { |
| | | margin-top: 10px; |
| | | } |