style(user): 调整员工编号列宽度

yubo

2026-04-11 11ab4edc4f3c59643ffbd73ef2bf05bbb3e793aa

 src/views/dashboard/ygUser.vue

@@ -24,29 +24,30 @@
        row-key="prop1"
        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 show-overflow-tooltip type="selection" :reserve-selection="false" width="55" />
        <el-table-column show-overflow-tooltip prop="empNumb" label="员工编号" width="80 " />
        <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="60" />
        <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="60" />
        <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="60" />
        <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" />
        <el-table-column show-overflow-tooltip prop="sex" :formatter="sexFormat" label="性别" width="50" />
        <el-table-column show-overflow-tooltip prop="age" label="年龄" width="50" />
        <el-table-column show-overflow-tooltip prop="education" :formatter="educationFormat" label="最高学历" width="60" />
        <el-table-column show-overflow-tooltip prop="empType" :formatter="empTypeFormat" label="员工类别" width="60" />
        <el-table-column show-overflow-tooltip prop="nativePlace" :formatter="nativePlaceFormat" label="籍贯" width="60" />
        <el-table-column show-overflow-tooltip prop="telePhone" label="联系电话" width="80" />
        <el-table-column show-overflow-tooltip prop="entryDate" label="入职日期" width="80" />
        <el-table-column show-overflow-tooltip prop="empStatus" label="员工状态" width="50">
        <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="sex" :formatter="sexFormat" label="性别" width="60" />
        <el-table-column show-overflow-tooltip prop="age" label="年龄" width="60" />
        <el-table-column show-overflow-tooltip prop="education" :formatter="educationFormat" label="最高学历" width="80" />
        <el-table-column show-overflow-tooltip prop="empType" :formatter="empTypeFormat" label="员工类别" width="80" />
        <el-table-column show-overflow-tooltip prop="nativePlace" :formatter="nativePlaceFormat" label="籍贯" width="80" />
        <el-table-column show-overflow-tooltip prop="telePhone" label="联系电话" width="100" />
        <el-table-column show-overflow-tooltip prop="entryDate" label="入职日期" width="100" />
        <el-table-column show-overflow-tooltip prop="empStatus" label="员工状态" width="80">
          <template slot-scope="scope">
            <span>{{ gzdStateList[scope.row.empStatus] }}&nbsp;</span>
          </template>
        </el-table-column>
        <el-table-column show-overflow-tooltip prop="dimissionDate" label="离职日期" width="80" />
        <el-table-column show-overflow-tooltip prop="dimissionTypeName" label="离职类别" width="60" />
        <el-table-column show-overflow-tooltip prop="dimissionDate" label="离职日期" width="100" />
        <el-table-column show-overflow-tooltip prop="dimissionTypeName" label="离职类别" width="100" />
      </el-table>
      <pagination
        v-show="total>0"
@@ -62,10 +63,12 @@
<script>
// 引用翻页组件
import Pagination from '@/components/Pagination'
import dictMixin from '../../utils/dictMixin'
export default {
  components: {
    Pagination
  },
  mixins: [dictMixin],
  props: {
    dialogVisible: {
      type: Boolean,
@@ -102,19 +105,19 @@
      }, // 查询参数
      sort: {}, // 排序
      pagination: { // 分页参数
        size: 5,
        size: 15,
        num: 1
      },
      list: [], // 给table显示的数据
      defaultProps: {
        children: 'children',
        label: 'label'
      },
      educationOptions: [],
      nativePlaceOptions: [],
      sexOptions: [],
      empTypeOptions: [],
      nationOptions: []
      }
      // educationOptions: [],
      // nativePlaceOptions: [],
      // sexOptions: [],
      // empTypeOptions: [],
      // nationOptions: []
    }
  },
  computed: {
@@ -122,24 +125,17 @@
      get() {
        return this.dialogVisible
      }
    }
    },
    // 字典选项计算属性
    sexOptions() { return this.getDictOptions('EDUCATION') },
    empStatusOptions() { return this.getDictOptions('NATIVEPLACE') },
    empTypeOptions() { return this.getDictOptions('sex') },
    educationOptions() { return this.getDictOptions('EMPTYPE') },
    nativePlaceOptions() { return this.getDictOptions('NATION') }
  },
  mounted() {
    this.getDicts('EDUCATION').then(response => {
      this.educationOptions = response.data
    })
    this.getDicts('NATIVEPLACE').then(response => {
      this.nativePlaceOptions = response.data
    })
    this.getDicts('sex').then(response => {
      this.sexOptions = response.data
    })
    this.getDicts('empType').then(response => {
      this.empTypeOptions = response.data
    })
    this.getDicts('NATION').then(response => {
      this.nationOptions = response.data
    })
    // 字典数据已在登录时预加载，直接从 Vuex 获取
    this.initDictTypes(['sex', 'NATION', 'EMPTYPE', 'EDUCATION', 'NATIVEPLACE'])
  },
  methods: {
    educationFormat(row, column) {