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

yubo

2026-04-11 11ab4edc4f3c59643ffbd73ef2bf05bbb3e793aa

 src/views/dashboard/gsUser.vue

@@ -2,9 +2,11 @@
  <el-dialog
    :title="title"
    top="50px"
    width="80%"
    :close-on-click-modal="false"
    :close-on-press-escape="false"
    :visible.sync="isVisible"
    :before-close="beforeClose"
  >
    <div class="app-container">
      <div class="filter-container" style="margin-left: -340px;">
@@ -20,28 +22,33 @@
        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="injuredTime" label="受伤日期" width="180" />
        <el-table-column prop="injuredAddress" label="受伤地点" width="180" />
        <el-table-column prop="injuredPart" label="受伤部位" width="180" />
        <el-table-column prop="injuredDescribe" label="受伤经过描述" width="180" />
        <el-table-column prop="injuredDiacrisis" label="工伤诊断" width="180" />
        <el-table-column prop="hospitalName" label="就诊医院" width="180" />
        <el-table-column prop="treatmentName" label="就诊科室" width="180" />
        <el-table-column prop="hospitalizatioFlag" label="是否住院" width="180" />
        <el-table-column prop="bedNumb" label="床号" width="180" />
        <el-table-column prop="reportTime" label="报案时间" width="180" />
        <el-table-column prop="submitTime" label="递交资料时间" width="180" />
        <el-table-column prop="sbumitBy" label="递交人" width="180" />
        <el-table-column prop="expensesFee" label="医疗总费用" width="180" />
        <el-table-column prop="compensated" label="已赔付医药费用" width="180" />
        <el-table-column show-overflow-tooltip type="index" width="55" label="序号" />
        <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="60" />
        <el-table-column show-overflow-tooltip prop="allDeptName" label="部门(护卫点)" width="300" />
        <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="身份证号码" width="120" />
        <el-table-column show-overflow-tooltip prop="injuredTime" label="受伤日期" width="80" />
        <el-table-column show-overflow-tooltip prop="injuredAddress" label="受伤地点" />
        <el-table-column show-overflow-tooltip prop="injuredPart" label="受伤部位" width="80" />
        <el-table-column show-overflow-tooltip prop="injuredDescribe" label="受伤经过描述" width="120" />
        <el-table-column show-overflow-tooltip prop="injuredDiacrisis" label="工伤诊断" width="80" />
        <el-table-column show-overflow-tooltip prop="hospitalName" label="就诊医院" width="80" />
        <el-table-column show-overflow-tooltip prop="treatmentName" label="就诊科室" width="80" />
        <el-table-column show-overflow-tooltip prop="hospitalizatioFlag" label="是否住院" :formatter="hospitalizatioFlagFormat" width="80" />
        <el-table-column show-overflow-tooltip prop="settleStatus" label="案结状态" width="80" :formatter="settleStatusFormat" />
        <el-table-column show-overflow-tooltip prop="bedNumb" label="床号" width="80" />
        <el-table-column show-overflow-tooltip prop="reportTime" label="报案时间" width="80" />
        <el-table-column show-overflow-tooltip prop="submitTime" label="递交资料时间" width="120" />
        <el-table-column show-overflow-tooltip prop="sbumitBy" label="递交人" width="70" />
        <el-table-column show-overflow-tooltip prop="expensesFee" label="医疗总费用" width="100" />
        <el-table-column show-overflow-tooltip prop="compensated" label="已赔付医药费用" width="120" />
      </el-table>
      <pagination
        v-show="total>0"
@@ -92,9 +99,11 @@
      }, // 查询参数
      sort: {}, // 排序
      pagination: { // 分页参数
        size: 5,
        size: 15,
        num: 1
      },
      // hospitalizatioFlagOptions: [],
      // settleStatusOptions: [],
      list: [], // 给table显示的数据
      defaultProps: {
        children: 'children',
@@ -107,9 +116,33 @@
      get() {
        return this.dialogVisible
      }
    }
    },
    // 字典选项计算属性
    hospitalizatioFlagOptions() { return this.getDictOptions('hospitalizatioFlag') },
    settleStatusOptions() { return this.getDictOptions('settleStatus') }
  },
  mounted() {
    // 字典数据已在登录时预加载，直接从 Vuex 获取
    this.initDictTypes(['settleStatus', 'hospitalizatioFlag'])
  },
  methods: {
    hospitalizatioFlagFormat(row, column) {
      return this.selectDictLabel(this.hospitalizatioFlagOptions, row.hospitalizatioFlag)
    },
    settleStatusFormat(row, column) {
      return this.selectDictLabel(this.settleStatusOptions, row.settleStatus)
    },
    transArbitrationStatus(arbitrationStatus) {
      switch (arbitrationStatus) {
        case 1:
          return '已结案'
        case 0:
          return '未结案'
      }
    },
    beforeClose(done) {
      this.$emit('cancleChooseUser')
    },
    search() {
      this.fetch({
        ...this.queryParams