孔祥富
2021-03-14 680c4f9e4e8b079593c8e57c100b92890e70960d
src/views/dashboard/tgUser.vue
@@ -2,6 +2,7 @@
  <el-dialog
    :title="title"
    top="50px"
    width="80%"
    :close-on-click-modal="false"
    :close-on-press-escape="false"
    :visible.sync="isVisible"
@@ -9,7 +10,7 @@
  >
    <div class="app-container">
      <div class="filter-container" style="margin-left: -340px;">
        <el-input v-model="queryParams.name" placeholder="姓名" class="filter-item search-item" />
        <el-input v-model="queryParams.name" placeholder="姓名/身份证号/护卫点/员工编号" class="filter-item search-item" />
        <el-button class="filter-item" type="primary" @click="search">
          {{ $t('table.search') }}
        </el-button>
@@ -21,23 +22,25 @@
        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="empName" label="员工姓名" width="180" />
        <el-table-column prop="oldDeptName" label="原护卫点" width="180" />
        <el-table-column prop="oldJobName" label="原岗位名称" width="180" />
        <el-table-column prop="newDeptName" label="新护卫点" width="180" />
        <el-table-column prop="newJobName" label="新岗位名称" width="180" />
        <el-table-column prop="certificateNumb" label="证件号码" width="180" />
        <el-table-column prop="changeType" label="调岗类型">
          <template scope="scope">
            {{ scope.row.changeType === '2' ? '升职': '' }}
            {{ scope.row.changeType === '3' ? '调动': '' }}
          </template>
        </el-table-column>
        <el-table-column prop="changeDate" label="调岗位日期" width="180" />
        <el-table-column prop="changeReason" 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="empName" label="姓名" width="80" />
        <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" min-width="120" />
        <el-table-column show-overflow-tooltip prop="oldDeptName" label="原护卫点" width="100" />
        <el-table-column show-overflow-tooltip prop="oldJobName" label="原岗位" width="100" />
        <el-table-column show-overflow-tooltip prop="newDeptName" label="新护卫点" width="100" />
        <el-table-column show-overflow-tooltip prop="newJobName" label="新岗位" width="100" />
        <el-table-column show-overflow-tooltip prop="certificateNumb" label="证件号码" min-width="100" />
        <el-table-column show-overflow-tooltip prop="changeType" :formatter="changeTypeFormat" label="调岗类型" width="100" />
        <el-table-column show-overflow-tooltip prop="changeDate" label="调岗位日期" width="150" />
        <el-table-column show-overflow-tooltip prop="changeReason" label="调岗原因" min-width="100" />
      </el-table>
      <pagination
        v-show="total>0"
@@ -95,7 +98,8 @@
      defaultProps: {
        children: 'children',
        label: 'label'
      }
      },
      changeTypeOptions: []
    }
  },
  computed: {
@@ -105,7 +109,15 @@
      }
    }
  },
  mounted() {
    this.getDicts('changeType').then(response => {
      this.changeTypeOptions = response.data
    })
  },
  methods: {
    changeTypeFormat(row, column) {
      return this.selectDictLabel(this.changeTypeOptions, row.changeType)
    },
    beforeClose(done) {
      this.$emit('cancleChooseUser')
    },