表格样式调整

楚江漓i

2021-03-08 b6410541ccdf26f7be0f46d0a586abd8c28e65f6

 src/views/user/Informationinput.vue

@@ -60,8 +60,9 @@
          ref="empBaseInfoTable"
          :data="basicInformationData"
          stripe
          :cell-style="{padding:'7px 0'}"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          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" width="50" />
@@ -80,13 +81,26 @@
              </span>
            </template>
          </el-table-column>
          <el-table-column label="照片" width="80">
            <template slot-scope="scope" width="90">
              <img :src="scope.row.imagePath">
          <el-table-column label="照片" width="60">
            <template slot-scope="scope">
              <!--              <img :src="scope.row.imagePath">-->
              <el-image
                v-if="scope.row.imagePath && scope.row.imagePath != ''"
                style="width: 30px; height: 30px"
                :src="scope.row.imagePath"
                fit="cover"
              />

              <el-image
                v-else
                style="width: 30px; height: 30px"
                :src="defaultImg"
                fit="cover"
              />
            </template>
          </el-table-column>
          <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" />
          <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="60" />
          <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="50" />
          <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="50" />
          <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="80" />
          <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="50" />
          <el-table-column show-overflow-tooltip prop="empType" label="员工类别" width="80" :formatter="empTypeFormat" />
@@ -95,7 +109,7 @@
          <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" />
          <el-table-column show-overflow-tooltip prop="marriage" label="婚姻状况" width="80" :formatter="marriageFormat" />
          <el-table-column show-overflow-tooltip prop="politics" label="政治面貌" width="80" :formatter="politicsFormat" />
          <el-table-column show-overflow-tooltip prop="education" label="学历" width="80" :formatter="educationFormat" />
          <el-table-column show-overflow-tooltip prop="education" label="学历" width="50" :formatter="educationFormat" />
          <el-table-column prop="entryDate" show-overflow-tooltip label="入职日期" width="80" />
          <el-table-column
            prop="insuranceType"
@@ -106,16 +120,17 @@
          />
          <el-table-column prop="socialNumb" show-overflow-tooltip label="社保电脑号" />
          <el-table-column prop="guardNumb" show-overflow-tooltip label="保安员证号" />
          <el-table-column prop="archivesNumb" show-overflow-tooltip label="档案编号" />
          <el-table-column prop="archivesNumb" show-overflow-tooltip label="档案编号" width="80" />
          <el-table-column prop="archivesStatusName" show-overflow-tooltip label="档案情况" />
        </el-table>
        <el-table
          v-show="showArr[1].show"
          ref="workExperienceTable"
          :data="workExperienceData"
          :cell-style="{padding:'7px 0'}"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          :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%;"
        >
          <el-table-column type="selection" width="55" />
@@ -145,9 +160,10 @@
          v-show="showArr[2].show"
          ref="physicalExamTable"
          :data="physicalExamData"
          :cell-style="{padding:'7px 0'}"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          :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%;"
        >
          <el-table-column type="selection" width="50" />
@@ -191,9 +207,10 @@
          v-show="showArr[3].show"
          ref="contractInfoTable"
          :data="contractInfoData"
          :cell-style="{padding:'7px 0'}"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          :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%;"
        >
          <el-table-column type="selection" width="55" />
@@ -227,9 +244,10 @@
          v-show="showArr[4].show"
          ref="dimissionAttendTable"
          :data="dimissionAttendData"
          :cell-style="{padding:'7px 0'}"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          :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%;"
        >
          <el-table-column type="selection" width="50" />
@@ -247,12 +265,12 @@
          <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="80" />
          <el-table-column show-overflow-tooltip prop="empName" label="员工姓名" width="80" />
          <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" />
          <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="100" />
          <el-table-column show-overflow-tooltip prop="attendMonth" label="离职考勤月份" width="100" />
          <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="60" />
          <el-table-column show-overflow-tooltip prop="attendMonth" label="离职考勤月份" width="120" />
          <el-table-column show-overflow-tooltip prop="attendDays" label="出勤天数" width="100" />
          <el-table-column show-overflow-tooltip prop="overtimeDay" label="加班（天）" width="100" />
          <el-table-column show-overflow-tooltip prop="overtimeHour" label="加班（小时）" width="80" />
          <el-table-column show-overflow-tooltip prop="deduct" label="有无代扣款项" width="80" />
          <el-table-column show-overflow-tooltip prop="overtimeHour" label="加班（小时）" width="120" />
          <el-table-column show-overflow-tooltip prop="deduct" label="有无代扣款项" width="120" />
          <el-table-column show-overflow-tooltip prop="leaveDay" label="请假（天）" width="100" />
          <el-table-column show-overflow-tooltip prop="absenteeism" label="旷工（天）" width="100" />
          <el-table-column show-overflow-tooltip prop="remark" label="备注" />
@@ -261,9 +279,10 @@
          v-show="showArr[5].show"
          ref="leaveInfoTable"
          :data="leaveInfoData"
          :cell-style="{padding:'7px 0'}"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          :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%;"
        >
          <el-table-column type="selection" width="50" />
@@ -276,13 +295,13 @@
              </span>
            </template>
          </el-table-column>
          <el-table-column show-overflow-tooltip prop="empNumb" label="编号" />
          <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" />
          <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="80" />
          <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="身份证号码" />
          <el-table-column show-overflow-tooltip prop="beginTime" label="开始时间" width="150" />
          <el-table-column show-overflow-tooltip prop="endTime" label="结束时间" width="150" />
          <el-table-column show-overflow-tooltip prop="beginTime" label="开始时间" width="120" />
          <el-table-column show-overflow-tooltip prop="endTime" label="结束时间" width="120" />
          <el-table-column show-overflow-tooltip prop="leaveDay" label="请假天数" width="80" />
          <el-table-column show-overflow-tooltip prop="leaveType" label="请假类型" width="80" :formatter="leaveTypeFormat" />
          <el-table-column show-overflow-tooltip prop="returnDate" label="到岗时间" width="120" />
@@ -293,9 +312,10 @@
          v-show="showArr[6].show"
          ref="resignTable"
          :data="resignData"
          :cell-style="{padding:'7px 0'}"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          :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%;"
        >
          <el-table-column type="selection" width="50" />
@@ -322,9 +342,10 @@
          v-show="showArr[7].show"
          ref="unemploymentTable"
          :data="unemploymentData"
          :cell-style="{padding:'7px 0'}"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          :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%;"
        >
          <el-table-column type="selection" width="50" />
@@ -337,13 +358,13 @@
              </span>
            </template>
          </el-table-column>
          <el-table-column show-overflow-tooltip prop="empNumb" label="编号" />
          <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" />
          <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="100" />
          <el-table-column show-overflow-tooltip prop="jobName" label="岗位名称" width="100" />
          <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="100" />
          <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" />
          <el-table-column show-overflow-tooltip prop="applayDate" label="失业金申请日期" width="150" />
          <el-table-column show-overflow-tooltip prop="applayReason" label="申报事由" width="100" />
          <el-table-column show-overflow-tooltip prop="applayReason" label="申报事由" />
          <el-table-column show-overflow-tooltip prop="reporter" label="汇报人" width="100" />
          <el-table-column show-overflow-tooltip prop="auditor" label="审核人" width="100" />
          <el-table-column show-overflow-tooltip prop="remark" label="备注" />
@@ -352,9 +373,10 @@
          v-show="showArr[8].show"
          ref="insuranceTable"
          :data="insuranceData"
          :cell-style="{padding:'7px 0'}"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          :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%;"
        >
          <el-table-column type="selection" width="50" />
@@ -367,7 +389,7 @@
              </span>
            </template>
          </el-table-column>
          <el-table-column show-overflow-tooltip prop="empNumb" label="编号" />
          <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" />
          <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="100" />
          <el-table-column show-overflow-tooltip prop="jobName" label="岗位名称" width="100" />
          <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="100" />
@@ -384,9 +406,10 @@
          v-show="showArr[9].show"
          ref="accidentCasesTable"
          :data="accidentCasesData"
          :cell-style="{padding:'7px 0'}"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          :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%;"
        >
          <el-table-column type="selection" width="50" />
@@ -400,38 +423,39 @@
            </template>
          </el-table-column>
          <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="60" />
          <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="deptName" label="护卫点" width="80" />
          <el-table-column show-overflow-tooltip prop="jobName" label="岗位名称" width="80" />
          <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="certificateNumb" label="身份证号码" width="120" />
          <el-table-column show-overflow-tooltip prop="injuredTime" label="受伤日期" />
          <el-table-column show-overflow-tooltip prop="injuredAddress" label="受伤地点" />
          <el-table-column show-overflow-tooltip prop="injuredPart" label="受伤部位" width="60" />
          <el-table-column show-overflow-tooltip prop="injuredDescribe" label="受伤经过描述" />
          <el-table-column show-overflow-tooltip prop="injuredDiacrisis" label="意外险诊断" />
          <el-table-column show-overflow-tooltip prop="hospitalName" label="就诊医院" />
          <el-table-column show-overflow-tooltip prop="treatmentName" 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="120" />
          <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="是否住院"
            width="60"
            width="80"
            :formatter="hospitalizatioFlagFormat"
          />
          <el-table-column show-overflow-tooltip prop="bedNumb" label="床号" width="40" />
          <el-table-column show-overflow-tooltip prop="reprotTime" label="报案时间" width="60" />
          <el-table-column show-overflow-tooltip prop="submitTime" label="递交资料时间" />
          <el-table-column show-overflow-tooltip prop="sbumitBy" label="递交人" width="60" />
          <el-table-column show-overflow-tooltip prop="expensesFee" label="医疗总费用" width="60" />
          <el-table-column show-overflow-tooltip prop="innsureFee" label="保险赔付费用" width="60" />
          <el-table-column show-overflow-tooltip prop="bedNumb" label="床号" width="60" />
          <el-table-column show-overflow-tooltip prop="reprotTime" label="报案时间" width="80" />
          <el-table-column show-overflow-tooltip prop="submitTime" label="递交资料时间" width="120" />
          <el-table-column show-overflow-tooltip prop="sbumitBy" label="递交人" width="80" />
          <el-table-column show-overflow-tooltip prop="expensesFee" label="医疗总费用" width="100" />
          <el-table-column show-overflow-tooltip prop="innsureFee" label="保险赔付费用" width="120" />
        </el-table>
        <el-table
          v-show="showArr[10].show"
          ref="occupationalTable"
          :data="occupationalData"
          :cell-style="{padding:'7px 0'}"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          :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%;"
        >
          <el-table-column type="selection" width="50" />
@@ -445,39 +469,40 @@
            </template>
          </el-table-column>
          <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="60" />
          <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="60" />
          <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="80" />
          <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="injuredTime" label="受伤日期" />
          <el-table-column show-overflow-tooltip prop="injuredAddress" label="受伤地点" />
          <el-table-column show-overflow-tooltip prop="injuredPart" label="受伤部位" width="60" />
          <el-table-column show-overflow-tooltip prop="injuredDescribe" label="受伤经过描述" />
          <el-table-column show-overflow-tooltip prop="injuredDiacrisis" label="工伤诊断" />
          <el-table-column show-overflow-tooltip prop="hospitalName" label="就诊医院" />
          <el-table-column show-overflow-tooltip prop="treatmentName" label="就诊科室" />
          <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="120" />
          <el-table-column show-overflow-tooltip prop="injuredTime" label="受伤日期" width="100" />
          <el-table-column show-overflow-tooltip prop="injuredAddress" label="受伤地点" width="100" />
          <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="100" />
          <el-table-column show-overflow-tooltip prop="treatmentName" label="就诊科室" width="100" />
          <el-table-column
            show-overflow-tooltip
            prop="hospitalizatioFlag"
            label="是否住院"
            width="50"
            width="80"
            :formatter="hospitalizatioFlagFormat"
          />
          <el-table-column show-overflow-tooltip prop="bedNumb" label="床号" width="40" />
          <el-table-column show-overflow-tooltip prop="reportTime" label="报案时间" width="60" />
          <el-table-column show-overflow-tooltip prop="submitTime" label="递交资料时间" />
          <el-table-column show-overflow-tooltip prop="sbumitBy" label="递交人" width="60" />
          <el-table-column show-overflow-tooltip prop="expensesFee" label="医疗总费用" width="60" />
          <el-table-column show-overflow-tooltip prop="compensated" label="已赔付医药费用" width="60" />
          <el-table-column show-overflow-tooltip prop="settleStatusName" label="是否结案" width="60" />
          <el-table-column show-overflow-tooltip prop="bedNumb" label="床号" width="60" />
          <el-table-column show-overflow-tooltip prop="reportTime" label="报案时间" width="100" />
          <el-table-column show-overflow-tooltip prop="submitTime" label="递交资料时间" width="120" />
          <el-table-column show-overflow-tooltip prop="sbumitBy" label="递交人" width="80" />
          <el-table-column show-overflow-tooltip prop="expensesFee" label="医疗总费用" width="100" />
          <el-table-column show-overflow-tooltip prop="compensated" label="已赔付医药费用" width="120" />
          <el-table-column show-overflow-tooltip prop="settleStatusName" label="是否结案" width="80" />
        </el-table>
        <el-table
          v-show="showArr[11].show"
          ref="laborTroubleTable"
          :data="laborTroubleData"
          :cell-style="{padding:'7px 0'}"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          :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%;"
        >
          <el-table-column type="selection" width="50" />
@@ -490,9 +515,9 @@
              </span>
            </template>
          </el-table-column>
          <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" />
          <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="100" />
          <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="70" />
          <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="60" />
          <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="80" />
          <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="身份证号码" />
          <el-table-column show-overflow-tooltip prop="arbitrationDate" label="仲裁日期" width="100" />
@@ -507,7 +532,7 @@
          <el-table-column show-overflow-tooltip prop="arbitrationReason" label="仲裁事由" />
          <el-table-column show-overflow-tooltip prop="reporter" label="报备人" width="80" />
          <el-table-column show-overflow-tooltip prop="remark" label="备注" />
          <el-table-column show-overflow-tooltip prop="arbitrationPay" label="仲裁赔付（元）" width="100" />
          <el-table-column show-overflow-tooltip prop="arbitrationPay" label="仲裁赔付（元）" width="120" />
          <el-table-column
            show-overflow-tooltip
            prop="arbitrationStatus"
@@ -521,9 +546,10 @@
          v-show="showArr[12].show"
          ref="badRecordTable"
          :data="badRecordData"
          :cell-style="{padding:'7px 0'}"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          :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%;"
        >
          <el-table-column type="selection" width="55" />
@@ -541,7 +567,7 @@
              </span>
            </template>
          </el-table-column>
          <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="120" />
          <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="100" />
          <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="120" />
          <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="120" />
          <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="120" />
@@ -555,9 +581,10 @@
          v-show="showArr[13].show"
          ref="remarkInfoTable"
          :data="remarkInfoData"
          :cell-style="{padding:'7px 0'}"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          :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%;"
        >
          <el-table-column type="selection" width="50" />
@@ -2131,6 +2158,7 @@
  components: { Treeselect, Pagination },
  data() {
    return {
      defaultImg: require('../../assets/avatar/20180414165936.jpg'),
      baseicInformationForm: {},
      dialogShowDryg: false,
      empBaseInfoImageUrl: '',