项目表格样式调整

楚江漓i

2021-03-10 2558bbd5004cbc938762eb40991adf4e7e106aaa

 src/views/user/selectuser.vue

@@ -1,13 +1,28 @@
<template>
  <div id="mainDiv">
    <el-header :height="headerHeight">
      <el-row>
        <el-col :span="24">
          <el-input v-model="queryParams.empNumb" placeholder="请输入内容" style="width:200px" />
          <el-button size="mini" class="hr-but-all" type="primary" @click="vagueSearch">查询</el-button>
          <el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
        </el-col>
      </el-row>
      <el-form>
        <el-row>
          <el-col :span="10">
            <el-form-item label="关键字">
              <el-input v-model="queryParams.baseKey" placeholder="请输入内容" style="width:200px" />
            </el-form-item>
          </el-col>
          <el-col :span="10">
            <el-form-item label="员工状态">
              <el-checkbox-group v-model="queryParams.empStatus">
                <el-checkbox :label="0">在职</el-checkbox>
                <el-checkbox :label="1">离职</el-checkbox>
                <el-checkbox :label="2">退休</el-checkbox>
              </el-checkbox-group>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-button size="mini" class="hr-but-all" type="primary" @click="vagueSearch">查询</el-button>
            <el-button size="mini" class="hr-but" type="danger" @click="resetSearch">重置</el-button>
          </el-col>
        </el-row>
      </el-form>
    </el-header>
    <el-main>
      <el-table
@@ -20,7 +35,7 @@
      >
        <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="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" />
@@ -69,11 +84,12 @@
      multipleSelection: [],
      total: 0, // 总数量
      queryParams: {
        empNumb: ''
        baseKey: '',
        empStatus: []
      }, // 查询参数
      sort: {}, // 排序
      pagination: { // 分页参数
        size: 10,
        size: 15,
        num: 1
      },
      list: [], // 给table显示的数据
@@ -96,16 +112,14 @@
    },
    vagueSearch() {
      this.fetch({
        empNumb: this.queryParams.empNumb,
        empName: this.queryParams.empNumb,
        deptName: this.queryParams.empNumb
        baseKey: this.queryParams.baseKey,
        empStatus: this.queryParams.empStatus
      })
    },
    resetSearch() {
      this.queryParams = {
        empNumb: '',
        empName: '',
        deptName: ''
        baseKey: '',
        empStatus: []
      }
      this.search()
    },