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

yubo

2026-04-11 11ab4edc4f3c59643ffbd73ef2bf05bbb3e793aa

 src/views/user/selectuser.vue

@@ -2,13 +2,13 @@
  <div id="mainDiv">
    <el-header :height="headerHeight">
      <el-form>
        <el-row>
        <el-row style="height: 45px;">
          <el-col :span="10">
            <el-form-item label="关键字">
              <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:200px" />
              <el-input v-model="queryParams.baseKey" placeholder="请输入内容" style="width:200px" />
            </el-form-item>
          </el-col>
          <el-col :span="10">
          <el-col :span="10" style="height: 100%;">
            <el-form-item label="员工状态">
              <el-checkbox-group v-model="queryParams.empStatus">
                <el-checkbox :label="0">在职</el-checkbox>
@@ -22,6 +22,10 @@
            <el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
          </el-col>
        </el-row>
        <el-row style="text-align: right;height: 45px;line-height: 45px">
          <el-button type="primary" @click="sureChoose">确定</el-button>
          <el-button type="danger" @click="cancleChoose">取消</el-button>
        </el-row>
      </el-form>
    </el-header>
    <el-main>
@@ -29,21 +33,26 @@
        ref="multipleTable"
        :data="list"
        row-key="prop1"
        width="80%"
        :cell-style="{padding:'7px 0','text-align':'center'}"
        :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
        stripe
        border
        style="width: 100%;color: #000;"
        @selection-change="handleSelectionChange"
        @row-dblclick="rowDblclick"
        @sort-change="changeSort"
      >
        <el-table-column type="selection" :reserve-selection="false" width="50" />
        <el-table-column v-if="show" prop="empId" label="员工Id" />
        <el-table-column prop="empNumb" label="员工编号" />
        <el-table-column prop="empName" label="姓名" />
        <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
        <el-table-column v-if="show" prop="deptId" label="部门Id" />
        <el-table-column prop="deptName" label="护卫点" width="180" />
        <el-table-column v-if="show" prop="jobId" label="岗位Id" />
        <el-table-column prop="jobName" label="岗位" />
        <el-table-column prop="empTypeName" label="员工类别" />
        <el-table-column prop="sexName" label="性别" width="50" />
        <el-table-column show-overflow-tooltip type="selection" :reserve-selection="false" width="50" />
        <el-table-column v-if="show" show-overflow-tooltip prop="empId" label="员工Id" />
        <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" />
        <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="110" />
        <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" min-width="120" />
        <el-table-column v-if="show" show-overflow-tooltip prop="deptId" label="部门Id" width="60" />
        <el-table-column show-overflow-tooltip prop="allDeptName" label="部门(护卫点)" width="400" sortable="custom" :sort-orders="['ascending', 'descending']" />
        <el-table-column v-if="show" show-overflow-tooltip prop="jobId" label="岗位Id" width="80" />
        <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="100" />
        <el-table-column show-overflow-tooltip prop="empTypeName" label="员工类别" width="80" />
        <el-table-column show-overflow-tooltip prop="sexName" label="性别" width="60" />
      </el-table>
      <!--
          page.sync 当前页
@@ -57,8 +66,7 @@
        :limit.sync="pagination.size"
        @pagination="search"
      />
      <el-button type="primary" @click="sureChoose">确定</el-button>
      <el-button type="danger" @click="cancleChoose">取消</el-button>

    </el-main>
  </div>
</template>
@@ -84,12 +92,12 @@
      multipleSelection: [],
      total: 0, // 总数量
      queryParams: {
        empNumb: '',
        baseKey: '',
        empStatus: []
      }, // 查询参数
      sort: {}, // 排序
      pagination: { // 分页参数
        size: 10,
        size: 15,
        num: 1
      },
      list: [], // 给table显示的数据
@@ -112,23 +120,13 @@
    },
    vagueSearch() {
      this.fetch({
        empNumb: this.queryParams.empNumb,
        empName: this.queryParams.empNumb,
        deptName: this.queryParams.empNumb,
        certificateNumb: this.queryParams.empNumb,
        nativePlaceName: this.queryParams.empNumb,
        censusAddress: this.queryParams.empNumb,
        baseKey: this.queryParams.baseKey,
        empStatus: this.queryParams.empStatus
      })
    },
    resetSearch() {
      this.queryParams = {
        empNumb: '',
        empName: '',
        deptName: '',
        certificateNumb: '',
        nativePlaceName: '',
        censusAddress: '',
        baseKey: '',
        empStatus: []
      }
      this.search()
@@ -166,6 +164,11 @@
    rowDblclick(row, column, event) {
      this.$refs.multipleTable.toggleRowSelection(row, true)
      this.sureChoose()
    },
    changeSort(val) {
      this.sort.field = val.prop
      this.sort.order = val.order
      this.search()
    }
  }
}