表格样式调整

楚江漓i

2021-03-08 b4c05bef12a828b8772da25d8496e1454dbdff04

 src/views/dashboard/ygUser.vue

@@ -23,32 +23,30 @@
        :data="list"
        row-key="prop1"
        stripe
        :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
        border
        :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
        style="width: 100%;"
      >
        <el-table-column show-overflow-tooltip="true" type="selection" :reserve-selection="false" width="55" />
        <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" width="80 " />
        <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="60" />
        <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位" width="60" />
        <el-table-column show-overflow-tooltip="true" prop="empName" label="姓名" width="60" />
        <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
        <el-table-column show-overflow-tooltip="true" prop="sex" :formatter="sexFormat" label="性别" width="50" />
        <el-table-column show-overflow-tooltip="true" prop="age" label="年龄" width="50" />
        <el-table-column show-overflow-tooltip="true" prop="education" :formatter="educationFormat" label="最高学历" width="60" />
        <el-table-column show-overflow-tooltip="true" prop="empType" :formatter="empTypeFormat" label="员工类别" width="60" />
        <el-table-column show-overflow-tooltip="true" prop="nativePlace" :formatter="nativePlaceFormat" label="籍贯" width="60" />
        <el-table-column show-overflow-tooltip="true" prop="telePhone" label="联系电话" width="80" />
        <el-table-column show-overflow-tooltip="true" prop="entryDate" label="入职日期" width="80" />
        <el-table-column show-overflow-tooltip="true" prop="empStatus" label="员工状态" width="50">
        <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">
          <template slot-scope="scope">
            <span>{{ gzdStateList[scope.row.empStatus] }}&nbsp;</span>
          </template>
        </el-table-column>
        <el-table-column show-overflow-tooltip="true" prop="dimissionDate" label="离职日期" width="80" />
        <el-table-column show-overflow-tooltip="true" prop="dimissionTypeName" label="离职类别" width="60" />
        <el-table-column show-overflow-tooltip="true" prop="applayDate" label="辞职申请日期" />
        <el-table-column show-overflow-tooltip="true" prop="reason" label="辞职事由" width="60" />
        <el-table-column show-overflow-tooltip="true" prop="reporter" label="汇报人" width="60" />
        <el-table-column show-overflow-tooltip prop="dimissionDate" label="离职日期" width="80" />
        <el-table-column show-overflow-tooltip prop="dimissionTypeName" label="离职类别" width="60" />
      </el-table>
      <pagination
        v-show="total>0"