系统主页，信息录入，在职员工等样式修改

楚江漓i

2021-03-02 6dcaba66e84e79db877fde6f764a82cb9dea38f0

 src/views/user/Informationinput.vue

@@ -1,5 +1,5 @@
<template>
  <div>
  <div class="info-input">
    <el-container>
      <el-aside width="200px">
        <el-timeline>
@@ -59,311 +59,396 @@
          v-show="showArr[0].show"
          ref="empBaseInfoTable"
          :data="basicInformationData"
          stripe
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          style="width: 100%;"
        >
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
          <el-table-column type="selection" width="50" />
          <el-table-column fixed="left" label="操作" width="80">
            <template slot-scope="scope">
              <el-button
                type="text"
                size="small"
                @click="editEmpBase(scope.row)"
              >编辑
              </el-button>
              <!--              <el-button-->
              <!--                type="text"-->
              <!--                size="small"-->
              <!--                @click="editEmpBase(scope.row)"-->
              <!--              >编辑-->
              <!--              </el-button>-->

              <span style="color: #a00515;cursor: pointer;" @click="editEmpBase(scope.row)">
                <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" />
                编辑
              </span>
            </template>
          </el-table-column>
          <el-table-column prop="empNumb" label="员工编号" width="100" />
          <el-table-column prop="empName" label="姓名" width="100" />
          <el-table-column prop="deptName" label="护卫点" width="100" />
          <el-table-column prop="jobName" label="岗位" width="100" />
          <el-table-column prop="empTypeName" label="员工类别" width="100" />
          <el-table-column prop="sexName" label="性别" width="50" />
          <el-table-column prop="nationName" label="民族" width="100" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="marriageName" label="婚姻状况" width="80" />
          <el-table-column prop="politicsName" label="政治面貌" width="100" />
          <el-table-column prop="educationName" label="最高学历" width="100" />
          <el-table-column prop="entryDate" label="入职日期" width="100" />
          <el-table-column prop="insuranceType" label="保险类型" width="100" />
          <el-table-column prop="socialNumb" label="社保电脑号" width="150" />
          <el-table-column prop="guardNumb" label="保安员证号" width="100" />
          <el-table-column prop="archivesNumb" label="档案编号" width="100" />
          <el-table-column prop="archivesStatusName" label="档案情况" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="empName" label="姓名" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位" width="50" />
          <el-table-column show-overflow-tooltip="true" prop="empTypeName" label="员工类别" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="sexName" label="性别" width="50" />
          <el-table-column show-overflow-tooltip="true" prop="nationName" label="民族" width="50" />
          <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
          <el-table-column show-overflow-tooltip="true" prop="marriageName" label="婚姻状况" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="politicsName" label="政治面貌" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="educationName" label="最高学历" width="80" />
          <el-table-column prop="entryDate" show-overflow-tooltip="true" label="入职日期" width="80" />
          <el-table-column prop="insuranceType" show-overflow-tooltip="true" label="保险类型" width="80" />
          <el-table-column prop="socialNumb" show-overflow-tooltip="true" label="社保电脑号" />
          <el-table-column prop="guardNumb" show-overflow-tooltip="true" label="保安员证号" />
          <el-table-column prop="archivesNumb" show-overflow-tooltip="true" label="档案编号" />
          <el-table-column prop="archivesStatusName" show-overflow-tooltip="true" label="档案情况" />
        </el-table>
        <el-table
          v-show="showArr[1].show"
          ref="workExperienceTable"
          :data="workExperienceData"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          stripe
          style="width: 100%;"
        >
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
            <template slot-scope="scope">
              <el-button
                type="text"
                size="small"
                @click="editWorkExperience(scope.row)"
              >编辑
              </el-button>
              <!--              <el-button-->
              <!--                type="text"-->
              <!--                size="small"-->
              <!--                @click="editWorkExperience(scope.row)"-->
              <!--              >编辑-->
              <!--              </el-button>-->
              <span style="color: #a00515;cursor: pointer;" @click="editWorkExperience(scope.row)">
                <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" />
                编辑
              </span>
            </template>
          </el-table-column>
          <el-table-column prop="empNumb" label="员工编号" width="100" />
          <el-table-column prop="empName" label="员工姓名" width="100" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="workUnit" label="工作单位" width="240" />
          <el-table-column prop="beginDate" label="开始日期" width="100" />
          <el-table-column prop="endDate" label="结束日期" width="100" />
          <el-table-column prop="jobContent" label="主要工作内容" width="300" />
          <el-table-column prop="certificateNumb" show-overflow-tooltip="true" label="身份证号码" />
          <el-table-column prop="workUnit" show-overflow-tooltip="true" label="工作单位" />
          <el-table-column prop="beginDate" label="开始日期" width="120" />
          <el-table-column prop="endDate" label="结束日期" width="120" />
          <el-table-column prop="jobContent" show-overflow-tooltip="true" label="主要工作内容" />
        </el-table>
        <el-table
          v-show="showArr[2].show"
          ref="physicalExamTable"
          :data="physicalExamData"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          stripe
          style="width: 100%;"
        >
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
          <el-table-column type="selection" width="50" />
          <el-table-column fixed="left" label="操作" width="80">
            <template slot-scope="scope">
              <el-button
                type="text"
                size="small"
                @click="editPhysicalExam(scope.row)"
              >编辑
              </el-button>
              <!--              <el-button-->
              <!--                type="text"-->
              <!--                size="small"-->
              <!--                @click="editPhysicalExam(scope.row)"-->
              <!--              >编辑-->
              <!--              </el-button>-->

              <span style="color: #a00515;cursor: pointer;" @click="editPhysicalExam(scope.row)">
                <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" />
                编辑
              </span>
            </template>
          </el-table-column>
          <el-table-column prop="empNumb" label="员工编号" width="100" />
          <el-table-column prop="deptName" label="护卫点" width="150" />
          <el-table-column prop="empName" label="员工姓名" width="100" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="jobName" label="岗位" width="120" />
          <el-table-column prop="hospital" label="体检医院" width="150" />
          <el-table-column prop="physicalExamDate" label="体检日期" width="120" />
          <el-table-column prop="physicalExamTypeName" label="体检类型" width="100" />
          <el-table-column prop="bloodPressure" label="血压" width="120" />
          <el-table-column prop="transaminase" label="转氨酶" width="120" />
          <el-table-column prop="ecgName" label="心电图" width="120" />
          <el-table-column prop="conclusion" label="体检结论" width="180" />
          <el-table-column prop="reviewRecord" label="复查记录" width="180" />
          <el-table-column prop="remark" label="备注" width="180" />
          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="empName" label="员工姓名" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位" width="80" />
          <el-table-column prop="hospital" show-overflow-tooltip="true" label="体检医院" />
          <el-table-column show-overflow-tooltip="true" prop="physicalExamDate" label="体检日期" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="physicalExamTypeName" label="体检类型" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="bloodPressure" label="血压" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="transaminase" label="转氨酶" width="80" />
          <el-table-column prop="ecgName" show-overflow-tooltip="true" label="心电图" width="80" />
          <el-table-column prop="conclusion" show-overflow-tooltip="true" label="体检结论" />
          <el-table-column prop="reviewRecord" show-overflow-tooltip="true" label="复查记录" />
          <el-table-column prop="remark" show-overflow-tooltip="true" label="备注" />
        </el-table>
        <el-table
          v-show="showArr[3].show"
          ref="contractInfoTable"
          :data="contractInfoData"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          stripe
          style="width: 100%;"
        >
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
            <template slot-scope="scope">
              <el-button
                type="text"
                size="small"
                @click="editContractInfo(scope.row)"
              >编辑
              </el-button>
              <!--              <el-button-->
              <!--                type="text"-->
              <!--                size="small"-->
              <!--                @click="editContractInfo(scope.row)"-->
              <!--              >编辑-->
              <!--              </el-button>-->

              <span style="color: #a00515;cursor: pointer;" @click="editContractInfo(scope.row)">
                <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" />
                编辑
              </span>
            </template>
          </el-table-column>
          <el-table-column prop="empNumb" label="员工编号" width="100" />
          <el-table-column prop="deptName" label="护卫点" width="150" />
          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="150" />
          <el-table-column prop="empName" label="员工姓名" width="100" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="jobName" label="岗位" width="120" />
          <el-table-column prop="signingDate" label="合同签订日期" width="120" />
          <el-table-column prop="endDate" label="合同结束日期" width="120" />
          <el-table-column prop="contractPeriod" label="合同期限(年)" width="120" />
          <el-table-column prop="contractStatusName" label="合同状态" width="100" />
          <el-table-column prop="transactor" label="合同办理人" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="signingDate" label="合同签订日期" />
          <el-table-column show-overflow-tooltip="true" prop="endDate" label="合同结束日期" />
          <el-table-column show-overflow-tooltip="true" prop="contractPeriod" label="合同期限(年)" />
          <el-table-column show-overflow-tooltip="true" prop="contractStatusName" label="合同状态" />
          <el-table-column show-overflow-tooltip="true" prop="transactor" label="合同办理人" />
        </el-table>
        <el-table
          v-show="showArr[4].show"
          ref="dimissionAttendTable"
          :data="dimissionAttendData"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          stripe
          style="width: 100%;"
        >
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
          <el-table-column type="selection" width="50" />
          <el-table-column label="操作" width="80">
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="editDimissionAttend(scope.row)">编辑</el-button>
              <!--              <el-button type="text" size="small" @click="editDimissionAttend(scope.row)">编辑</el-button>-->

              <span style="color: #a00515;cursor: pointer;" @click="editDimissionAttend(scope.row)">
                <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" />
                编辑
              </span>
            </template>
          </el-table-column>
          <el-table-column prop="empNumb" label="员工编号" width="100" />
          <el-table-column prop="deptName" label="护卫点" width="150" />
          <el-table-column prop="empName" label="员工姓名" width="100" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="jobName" label="岗位" width="120" />
          <el-table-column prop="attendMonth" label="离职考勤月份" width="120" />
          <el-table-column prop="attendDays" label="出勤天数" width="120" />
          <el-table-column prop="overtimeDay" label="加班（天）" width="120" />
          <el-table-column prop="overtimeHour" label="加班（小时）" width="120" />
          <el-table-column prop="deduct" label="有无代扣款项" width="180" />
          <el-table-column prop="leaveDay" label="请假（天）" width="120" />
          <el-table-column prop="absenteeism" label="旷工（天）" width="120" />
          <el-table-column prop="remark" label="备注" width="180" />
          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="empName" label="员工姓名" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="attendMonth" label="离职考勤月份" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="attendDays" label="出勤天数" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="overtimeDay" label="加班（天）" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="overtimeHour" label="加班（小时）" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="deduct" label="有无代扣款项" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="leaveDay" label="请假（天）" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="absenteeism" label="旷工（天）" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="remark" label="备注" />
        </el-table>
        <el-table v-show="showArr[5].show" ref="leaveInfoTable" :data="leaveInfoData" style="width: 100%;">
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
        <el-table
          v-show="showArr[5].show"
          ref="leaveInfoTable"
          :data="leaveInfoData"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          stripe
          style="width: 100%;"
        >
          <el-table-column type="selection" width="50" />
          <el-table-column fixed="left" label="操作" width="80">
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="editLeaveInfo(scope.row)">编辑</el-button>
              <!--              <el-button type="text" size="small" @click="editLeaveInfo(scope.row)">编辑</el-button>-->
              <span style="color: #a00515;cursor: pointer;" @click="editLeaveInfo(scope.row)">
                <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" />
                编辑
              </span>
            </template>
          </el-table-column>
          <el-table-column prop="empNumb" label="员工编号" width="120" />
          <el-table-column prop="deptName" label="护卫点" width="180" />
          <el-table-column prop="jobName" label="岗位名称" width="120" />
          <el-table-column prop="empName" label="员工姓名" width="120" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="beginTime" label="开始时间" width="150" />
          <el-table-column prop="endTime" label="结束时间" width="150" />
          <el-table-column prop="leaveDay" label="请假天数" width="100" />
          <el-table-column prop="leaveTypeName" label="请假类型" width="120" />
          <el-table-column prop="returnDate" label="到岗时间" width="150" />
          <el-table-column prop="reporter" label="报备人" width="120" />
          <el-table-column prop="remark" label="备注" width="180" />
          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" />
          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位名称" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="empName" label="员工姓名" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
          <el-table-column show-overflow-tooltip="true" prop="beginTime" label="开始时间" width="150" />
          <el-table-column show-overflow-tooltip="true" prop="endTime" label="结束时间" width="150" />
          <el-table-column show-overflow-tooltip="true" prop="leaveDay" label="请假天数" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="leaveTypeName" label="请假类型" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="returnDate" label="到岗时间" width="120" />
          <el-table-column show-overflow-tooltip="true" prop="reporter" label="报备人" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="remark" label="备注" />
        </el-table>
        <el-table v-show="showArr[6].show" ref="resignTable" :data="resignData" style="width: 100%;">
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
        <el-table
          v-show="showArr[6].show"
          ref="resignTable"
          :data="resignData"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          stripe
          style="width: 100%;"
        >
          <el-table-column type="selection" width="50" />
          <el-table-column fixed="left" label="操作" width="80">
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="editResign(scope.row)">编辑</el-button>
              <!--              <el-button type="text" size="small" @click="editResign(scope.row)">编辑</el-button>-->
              <span style="color: #a00515;cursor: pointer;" @click="editResign(scope.row)">
                <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" />
                编辑
              </span>
            </template>
          </el-table-column>
          <el-table-column prop="deptName" label="护卫点" width="180" />
          <el-table-column prop="jobName" label="岗位名" width="180" />
          <el-table-column prop="empNumb" label="员工编号" width="180" />
          <el-table-column prop="empName" label="员工姓名" width="180" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="applayDate" label="辞职申请日期" width="180" />
          <el-table-column prop="reason" label="辞职事由" width="180" />
          <el-table-column prop="reporter" label="汇报人" width="180" />
          <el-table-column prop="remark" label="备注" width="180" />
          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位名" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" />
          <el-table-column show-overflow-tooltip="true" prop="empName" label="员工姓名" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
          <el-table-column show-overflow-tooltip="true" prop="applayDate" label="辞职申请日期" width="150" />
          <el-table-column show-overflow-tooltip="true" prop="reason" label="辞职事由" width="150" />
          <el-table-column show-overflow-tooltip="true" prop="reporter" label="汇报人" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="remark" label="备注" />
        </el-table>
        <el-table
          v-show="showArr[7].show"
          ref="unemploymentTable"
          :data="unemploymentData"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          stripe
          style="width: 100%;"
        >
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
          <el-table-column type="selection" width="50" />
          <el-table-column fixed="left" label="操作" width="80">
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="editUnemployment(scope.row)">编辑</el-button>
              <!--              <el-button type="text" size="small" @click="editUnemployment(scope.row)">编辑</el-button>-->
              <span style="color: #a00515;cursor: pointer;" @click="editUnemployment(scope.row)">
                <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" />
                编辑
              </span>
            </template>
          </el-table-column>
          <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="applayDate" label="失业金申请日期" width="180" />
          <el-table-column prop="applayReason" label="申报事由" width="180" />
          <el-table-column prop="reporter" label="汇报人" width="180" />
          <el-table-column prop="auditor" label="审核人" width="180" />
          <el-table-column prop="remark" label="备注" width="180" />
          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" />
          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位名称" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="empName" label="姓名" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
          <el-table-column show-overflow-tooltip="true" prop="applayDate" label="失业金申请日期" width="150" />
          <el-table-column show-overflow-tooltip="true" prop="applayReason" label="申报事由" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="reporter" label="汇报人" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="auditor" label="审核人" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="remark" label="备注" />
        </el-table>
        <el-table v-show="showArr[8].show" ref="insuranceTable" :data="insuranceData" style="width: 100%;">
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
        <el-table
          v-show="showArr[8].show"
          ref="insuranceTable"
          :data="insuranceData"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          stripe
          style="width: 100%;"
        >
          <el-table-column type="selection" width="50" />
          <el-table-column fixed="left" label="操作" width="80">
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="editInsurance(scope.row)">编辑</el-button>
              <!--              <el-button type="text" size="small" @click="editInsurance(scope.row)">编辑</el-button>-->
              <span style="color: #a00515;cursor: pointer;" @click="editInsurance(scope.row)">
                <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" />
                编辑
              </span>
            </template>
          </el-table-column>
          <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="applayDate" label="社保申请日期" width="180" />
          <el-table-column prop="proposer" label="申请人" width="180" />
          <el-table-column prop="insuranceGaers" label="社保档位" width="250">
          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" />
          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位名称" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="empName" label="姓名" width="100" />
          <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
          <el-table-column show-overflow-tooltip="true" prop="applayDate" label="社保申请日期" />
          <el-table-column show-overflow-tooltip="true" prop="proposer" label="申请人" width="80" />
          <el-table-column show-overflow-tooltip="true" prop="insuranceGaers" label="社保档位">
            <template slot-scope="{row}">
              {{ transinsuranceGaers(row.insuranceGaers) }}
            </template>
          </el-table-column>
          <el-table-column prop="reportStatus " label="是否已报告" width="180">
          <el-table-column prop="reportStatus " label="是否已报告" width="100">
            <template slot-scope="{row}">
              {{ row.reportStatus === 0?'未报告':'已报告' }}
            </template>
          </el-table-column>
          <el-table-column prop="applayStatus" label="状态">
          <el-table-column prop="applayStatus" label="状态" width="100">
            <template slot-scope="{row}">
              {{ row.applayStatus === 0?'未申请':'已申请' }}
            </template>
          </el-table-column>
          <el-table-column prop="auditor" label="审核人" width="180" />
          <el-table-column prop="remark" label="备注" width="280" />
          <el-table-column prop="auditor" label="审核人" width="100" />
          <el-table-column prop="remark" label="备注" />
        </el-table>
        <el-table
          v-show="showArr[9].show"
          ref="accidentCasesTable"
          :data="accidentCasesData"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          stripe
          style="width: 100%;"
        >
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
          <el-table-column type="selection" width="50" />
          <el-table-column fixed="left" label="操作" width="80">
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="editAccidentCases(scope.row)">编辑</el-button>
              <!--              <el-button type="text" size="small" @click="editAccidentCases(scope.row)">编辑</el-button>-->
              <span style="color: #a00515;cursor: pointer;" @click="editAccidentCases(scope.row)">
                <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" />
                编辑
              </span>
            </template>
          </el-table-column>
          <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 show-overflow-tooltip="true" prop="empNumb" label="员工编号" width="60" />
          <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="injuredTime" label="受伤日期" />
          <el-table-column show-overflow-tooltip="true" prop="injuredAddress" label="受伤地点" />
          <el-table-column show-overflow-tooltip="true" prop="injuredPart" label="受伤部位" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="injuredDescribe" label="受伤经过描述" />
          <el-table-column show-overflow-tooltip="true" prop="injuredDiacrisis" label="意外险诊断" />
          <el-table-column show-overflow-tooltip="true" prop="hospitalName" label="就诊医院" />
          <el-table-column show-overflow-tooltip="true" prop="treatmentName" label="就诊科室" />
          <el-table-column show-overflow-tooltip="true" prop="hospitalizatioFlag" label="是否住院" width="60">
            <template slot-scope="scope">
              {{ scope.row.hospitalizatioFlag ===1?'已住院':'未住院' }}
            </template>
          </el-table-column>
          <el-table-column prop="bedNumb" label="床号" width="180" />
          <el-table-column prop="reprotTime" 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="innsureFee" label="保险赔付费用" width="180" />
          <el-table-column show-overflow-tooltip="true" prop="bedNumb" label="床号" width="40" />
          <el-table-column show-overflow-tooltip="true" prop="reprotTime" label="报案时间" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="submitTime" label="递交资料时间" />
          <el-table-column show-overflow-tooltip="true" prop="sbumitBy" label="递交人" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="expensesFee" label="医疗总费用" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="innsureFee" label="保险赔付费用" width="60" />
        </el-table>
        <el-table
          v-show="showArr[10].show"
          ref="occupationalTable"
          :data="occupationalData"
          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
          stripe
          style="width: 100%;"
        >
          <el-table-column type="selection" width="55" />
          <el-table-column fixed="left" label="操作" width="100">
          <el-table-column type="selection" width="50" />
          <el-table-column fixed="left" label="操作" width="80">
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="editOccupational(scope.row)">编辑</el-button>
              <!--              <el-button type="text" size="small" @click="editOccupational(scope.row)">编辑</el-button>-->
              <span style="color: #a00515;cursor: pointer;" @click="editOccupational(scope.row)">
                <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" />
                编辑
              </span>
            </template>
          </el-table-column>
          <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 show-overflow-tooltip="true" prop="empNumb" label="员工编号" width="60" />
          <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="injuredTime" label="受伤日期" />
          <el-table-column show-overflow-tooltip="true" prop="injuredAddress" label="受伤地点" />
          <el-table-column show-overflow-tooltip="true" prop="injuredPart" label="受伤部位" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="injuredDescribe" label="受伤经过描述" />
          <el-table-column show-overflow-tooltip="true" prop="injuredDiacrisis" label="工伤诊断" />
          <el-table-column show-overflow-tooltip="true" prop="hospitalName" label="就诊医院" />
          <el-table-column show-overflow-tooltip="true" prop="treatmentName" label="就诊科室" />
          <el-table-column show-overflow-tooltip="true" prop="hospitalizatioFlag" label="是否住院" width="50">
            <template slot-scope="scope">
              {{ scope.row.hospitalizatioFlag ===1?'已住院':'未住院' }}
            </template>
          </el-table-column>
          <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="true" prop="bedNumb" label="床号" width="40" />
          <el-table-column show-overflow-tooltip="true" prop="reportTime" label="报案时间" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="submitTime" label="递交资料时间" />
          <el-table-column show-overflow-tooltip="true" prop="sbumitBy" label="递交人" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="expensesFee" label="医疗总费用" width="60" />
          <el-table-column show-overflow-tooltip="true" prop="compensated" label="已赔付医药费用" width="60" />
        </el-table>
        <el-table
          v-show="showArr[11].show"
@@ -384,7 +469,7 @@
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="arbitrationDate" label="仲裁日期" width="180" />
          <el-table-column prop="arbitrationDate" label="仲裁日期" width="180" />
          <el-table-column prop="arbitrationType" label="仲裁类型" width="180" />
          <el-table-column prop="arbitrationTypeName" label="仲裁类型" width="180" />
          <el-table-column prop="arbitrationReason" label="仲裁事由" width="180" />
          <el-table-column prop="reporter" label="报备人" width="180" />
          <el-table-column prop="remark" label="备注" width="180" />
@@ -464,6 +549,7 @@
            :on-change="handlePictureCardPreview"
            :auto-upload="false"
          >
            <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过4MB</div>
            <img v-if="empBaseInfoImageUrl" :src="empBaseInfoImageUrl" class="avatar">
            <i v-else class="el-icon-plus avatar-uploader-icon" />
          </el-upload>
@@ -1312,8 +1398,8 @@
            </el-form-item>
            <el-form-item label="状态" prop="applayStatus">
              <el-select v-model="insuranceForm.applayStatus" placeholder="请选择状态">
                <el-option label="未申请" value="1" />
                <el-option label="已申请" value="2" />
                <el-option label="未申请" value="0" />
                <el-option label="已申请" value="1" />
              </el-select>
            </el-form-item>
          </el-col>
@@ -1332,8 +1418,8 @@
            </el-form-item>
            <el-form-item label="是否已经报告">
              <el-select v-model="insuranceForm.reportStatus" placeholder="是否已经报告">
                <el-option label="未报告" value="1" />
                <el-option label="已报告" value="2" />
                <el-option label="未报告" value="0" />
                <el-option label="已报告" value="1" />
              </el-select>
            </el-form-item>
            <el-form-item label="审批人">
@@ -2683,10 +2769,10 @@
        // var suffixIndex=fileName.lastIndexOf(".")
        // var suffix=fileName.substring(suffixIndex+1).toUpperCase()
        var suffix = fileName.substring(fileName.lastIndexOf('.') + 1).toUpperCase()
        if (suffix === 'JPG' || suffix === 'JPEG' || suffix === 'PNG') {
        if (suffix === 'JPG' || suffix === 'PNG') {
          this.preView(this.empBaseInfoImageUrl)
        } else {
          this.$message.error('文件类型不正确,请重新上传！')
          this.$message.error('只能上传jpg/png文件，且不超过4MB,请重新上传！')
        }
      } else {
        this.$message.error('图片大小超过4M,请重新上传')
@@ -5129,17 +5215,17 @@

}
.el-container {
  height: 770px;
  height: 86.7vh;
  background-color: #fff;

  .el-aside {
    background-color: #e9eef3;
    color: #333;
    text-align: center;
    height: 100%;
    background-color: #fff;
  }

  .el-main {
    background-color: #e9eef3;
    color: #333;
    height: 100%;
    .el-table{
@@ -5188,6 +5274,7 @@
  color: #333;
  text-align: center;
  line-height: 60px;

}

.el-date-editor.el-input,
@@ -5195,3 +5282,21 @@
  width: 100%;
}
</style>

<style lang="scss">
.info-input {
  .el-timeline-item__wrapper {

    color: #a00515;
    cursor: pointer;
    top: -5px;
    .el-timeline-item__content {
      &:hover {
        color: #a00515;
      }
    }

  }
}

</style>