yz
2021-01-31 1a0ca117dd3d8aac9de0083d30f8b64478a588af
src/views/user/Informationinput.vue
@@ -2,735 +2,245 @@
  <div>
    <el-container>
      <el-aside width="200px">
        <el-card class="info-card" shadow="always" @click.native="isShow(showArr[0].show,0)">
          基本信息
        </el-card>
        <el-card class="info-card" shadow="always" @click.native="isShow(showArr[1].show,1)">
          工作经历
        </el-card>
        <el-card class="info-card" shadow="always" @click.native="isShow(showArr[2].show,2)">
          体检信息
        </el-card>
        <el-card class="info-card" shadow="always" @click.native="isShow(showArr[3].show,3)">
          合同信息
        </el-card>
        <el-card class="info-card" shadow="always" @click.native="isShow(showArr[4].show,4)">
          考勤情况
        </el-card>
        <el-card class="info-card" shadow="always" @click.native="isShow(showArr[5].show,5)">
          请假记录
        </el-card>
        <el-card class="info-card" shadow="always" @click.native="isShow(showArr[6].show,6)">
          辞职申请
        </el-card>
        <el-card class="info-card" shadow="always" @click.native="isShow(showArr[7].show,7)">
          失业金领取
        </el-card>
        <el-card class="info-card" shadow="always" @click.native="isShow(showArr[8].show,8)">
          社保申请
        </el-card>
        <el-card class="info-card" shadow="always" @click.native="isShow(showArr[9].show,9)">
          意外险案件
        </el-card>
        <el-card class="info-card" shadow="always" @click.native="isShow(showArr[10].show,10)">
          工伤案件
        </el-card>
        <el-card class="info-card" shadow="always" @click.native="isShow(showArr[11].show,11)">
          劳资案件
        </el-card>
        <el-card class="info-card" shadow="always" @click.native="isShow(showArr[12].show,12)">
          不良记录
        </el-card>
        <el-card class="info-card" shadow="always" @click.native="isShow(showArr[13].show,13)">
          备注信息
        </el-card>
        <el-timeline>
          <el-timeline-item @click.native="isShow(showArr[0].show,0)">
            基本信息
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[1].show,1)">
            工作经历
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[2].show,2)">
            体检信息
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[3].show,3)">
            合同信息
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[4].show,4)">
            考勤情况
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[5].show,5)">
            请假记录
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[6].show,6)">
            辞职申请
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[7].show,7)">
            失业金领取
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[8].show,8)">
            社保申请
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[9].show,9)">
            意外险案件
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[10].show,10)">
            工伤案件
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[11].show,11)">
            劳资案件
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[12].show,12)">
            不良记录
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[13].show,13)">
            备注信息
          </el-timeline-item>
        </el-timeline>
      </el-aside>
      <el-main>
        <el-row>
          <el-col :span="24">
            <el-button type="success" @click.native="dialogIsShow()">新增</el-button>
            <el-button type="info" @click.native="butDelete()">删除</el-button>
            <el-button type="primary">导入员工信息</el-button>
            <el-button class="commonBtn" @click.native="dialogIsShow()">新增</el-button>
            <el-button class="commonBtn" @click.native="butDelete()">删除</el-button>
            <el-button class="commonBtn" style="float: right;">导入员工信息</el-button>
          </el-col>
        </el-row>
        <el-table v-show="showArr[0].show" ref="empBaseInfoTable" :data="basicInformationData" style="width: 100%">
          <el-table-column
            fixed="left"
            label="操作"
            width="100"
          >
          <el-table-column fixed="left" label="操作" width="100">
            <template slot-scope="scope">
              <el-button type="text" size="small" @click="empBaseInfoEdit(scope.row)">编辑</el-button>
            </template>
          </el-table-column>
          <el-table-column
            prop=""
            label="照片"
            width="180"
          />
          <el-table-column
            prop="empNumb"
            label="员工编号"
            width="180"
          />
          <el-table-column
            prop="empName"
            label="姓名"
            width="180"
          />
          <el-table-column
            prop="deptName"
            label="护卫点"
          />
          <el-table-column
            prop="jobName"
            label="岗位"
            width="180"
          />
          <el-table-column
            prop="empType"
            label="员工类别"
            width="180"
          />
          <el-table-column
            prop="sex"
            label="性别"
          />
          <el-table-column
            prop="nation"
            label="民族"
          />
          <el-table-column
            prop="certificateNumb"
            label="身份证号码"
            width="180"
          />
          <el-table-column
            prop="marriage"
            label="婚姻状况"
          />
          <el-table-column
            prop="politics"
            label="政治面貌"
            width="180"
          />
          <el-table-column
            prop="education"
            label="最高学历"
            width="180"
          />
          <el-table-column
            prop="entryDate"
            label="入职日期"
            width="180"
          />
          <el-table-column
            prop="insuranceType"
            label="保险类型"
            width="180"
          />
          <el-table-column
            prop="socialNumb"
            label="社保电脑号"
            width="180"
          />
          <el-table-column
            prop="guardNumb"
            label="保安员证号"
            width="180"
          />
          <el-table-column
            prop="archivesNumber"
            label="档案编号"
            width="180"
          />
          <el-table-column
            prop="archivesStatus"
            label="档案情况"
            width="180"
          />
          <el-table-column prop="" label="照片" width="180" />
          <el-table-column prop="empNumb" label="员工编号" width="180" />
          <el-table-column prop="empName" label="姓名" width="180" />
          <el-table-column prop="deptName" label="护卫点" />
          <el-table-column prop="jobName" label="岗位" width="180" />
          <el-table-column prop="empType" label="员工类别" width="180" />
          <el-table-column prop="sex" label="性别" />
          <el-table-column prop="nation" label="民族" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="marriage" label="婚姻状况" />
          <el-table-column prop="politics" label="政治面貌" width="180" />
          <el-table-column prop="education" label="最高学历" width="180" />
          <el-table-column prop="entryDate" label="入职日期" width="180" />
          <el-table-column prop="insuranceType" label="保险类型" width="180" />
          <el-table-column prop="socialNumb" label="社保电脑号" width="180" />
          <el-table-column prop="guardNumb" label="保安员证号" width="180" />
          <el-table-column prop="archivesNumber" label="档案编号" width="180" />
          <el-table-column prop="archivesStatus" label="档案情况" width="180" />
        </el-table>
        <el-table
          v-show="showArr[1].show"
          :data="jobContentData"
          style="width: 100%"
        >
          <el-table-column
            fixed="left"
            label="操作"
            width="100"
          >
        <el-table v-show="showArr[1].show" ref="workExperienceTable" :data="workExperienceData" 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>
            </template>
          </el-table-column>
          <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="workUnit" label="工作单位" width="180" />
          <el-table-column prop="beginDate" label="开始日期" width="180" />
          <el-table-column prop="endDate" label="结束日期" width="180" />
          <el-table-column prop="jobContent" label="主要工作内容" width="180" />
        </el-table>
        <el-table v-show="showArr[2].show" ref="physicalExamTable" :data="physicalExamData" 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="editPhysicalExam(scope.row)">编辑</el-button>
            </template>
          </el-table-column>
          <el-table-column prop="empNumb" label="员工编号" width="180" />
          <el-table-column prop="deptName" label="护卫点" width="180" />
          <el-table-column prop="empName" label="员工姓名" width="180" />
          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
          <el-table-column prop="jobName" label="岗位" width="180" />
          <el-table-column prop="hospital" label="体检医院" width="180" />
          <el-table-column prop="physicalExamDate" label="体检日期" width="180" />
          <el-table-column prop="physicalExamType" label="体检类型" width="180" />
          <el-table-column prop="bloodPressure" label="血压" width="180" />
          <el-table-column prop="transaminase" label="转氨酶" width="180" />
          <el-table-column prop="ecg" label="心电图" width="180" />
          <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>
        <el-table v-show="showArr[3].show" ref="contractInfoTable" :data="contractInfoData" 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>
            </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="signingDate" label="合同签订日期" width="180" />
          <el-table-column prop="endDate" label="合同结束日期" width="180" />
          <el-table-column prop="contractPeriod" label="合同期限(年)" width="180" />
          <el-table-column prop="contractStatus" label="合同状态" width="180" />
          <el-table-column prop="transactor" label="合同办理人" width="180" />
        </el-table>
        <el-table v-show="showArr[4].show" :data="attendanceData" style="width: 100%">
          <el-table-column fixed="left" label="操作" width="100">
            <template>
              <el-button type="text" size="small">编辑</el-button>
            </template>
          </el-table-column>
          <el-table-column
            prop="userNumb"
            label="员工编号"
            width="180"
          />
          <el-table-column
            prop="name"
            label="姓名"
            width="180"
          />
          <el-table-column
            prop="sex"
            label="性别"
            width="180"
          />
          <el-table-column
            prop="idNumber"
            label="身份证号码"
            width="180"
          />
          <el-table-column
            prop="startDate"
            label="开始时间"
            width="180"
          />
          <el-table-column
            prop="endDate"
            label="结束时间"
            width="180"
          />
          <el-table-column
            prop="jobContent"
            label="主要工作内容"
            width="300"
          />
          <el-table-column prop="userNumb" label="员工编号" width="180" />
          <el-table-column prop="name" label="姓名" width="180" />
          <el-table-column prop="sex" label="性别" width="180" />
          <el-table-column prop="idNumber" label="身份证号码" width="180" />
          <el-table-column prop="deptName" label="所属部门" width="180" />
          <el-table-column prop="attendanceMonth" label="离职考勤月份" width="180" />
          <el-table-column prop="attendanceDay" label="出勤天数" width="180" />
          <el-table-column prop="overtimeDay" label="加班(天)" width="180" />
          <el-table-column prop="overtimeHour" label="加班(小时)" width="180" />
          <el-table-column prop="charge" label="有无代扣款项" width="180" />
          <el-table-column prop="leaveDay" label="请假(天)" width="180" />
          <el-table-column prop="absenteeismDay" label="旷工(天)" width="180" />
          <el-table-column prop="remark" label="备注" width="180" />
        </el-table>
        <el-table
          v-show="showArr[2].show"
          :data="physicalData"
          style="width: 100%"
        >
          <el-table-column
            fixed="left"
            label="操作"
            width="100"
          >
        <el-table v-show="showArr[5].show" :data="leaveData" style="width: 100%">
          <el-table-column fixed="left" label="操作" width="100">
            <template>
              <el-button type="text" size="small">编辑</el-button>
            </template>
          </el-table-column>
          <el-table-column
            prop="userNumb"
            label="员工编号"
            width="180"
          />
          <el-table-column
            prop="name"
            label="姓名"
            width="180"
          />
          <el-table-column
            prop="sex"
            label="性别"
            width="180"
          />
          <el-table-column
            prop="idNumber"
            label="身份证号码"
            width="180"
          />
          <el-table-column
            prop="hospital"
            label="体检医院"
            width="180"
          />
          <el-table-column
            prop="physicalDate"
            label="体检日期"
            width="180"
          />
          <el-table-column
            prop="physicalType"
            label="体检类型"
            width="180"
          />
          <el-table-column
            prop="bloodPressure"
            label="血压"
            width="180"
          />
          <el-table-column
            prop="transaminase"
            label="转氨酶"
            width="180"
          />
          <el-table-column
            prop="ecg"
            label="心电图"
            width="180"
          />
          <el-table-column
            prop="conclusion"
            label="体检结论"
            width="180"
          />
          <el-table-column
            prop="reviewRecords"
            label="复查记录"
            width="180"
          />
          <el-table-column
            prop="remark"
            label="备注"
            width="240"
          />
          <el-table-column prop="userNumb" label="员工编号" width="180" />
          <el-table-column prop="name" label="姓名" width="180" />
          <el-table-column prop="sex" label="性别" width="180" />
          <el-table-column prop="idNumber" label="身份证号码" width="180" />
          <el-table-column prop="deptName" label="所属部门" width="180" />
          <el-table-column prop="leaveStartDate" label="请假开始时间" width="180" />
          <el-table-column prop="leaveEndDate" label="请假结束时间" width="180" />
          <el-table-column prop="leaveDay" label="请假天数" width="180" />
          <el-table-column prop="leaveType" label="请假类型" width="180" />
          <el-table-column prop="comeDate" label="到岗时间" width="180" />
          <el-table-column prop="report" label="报备人" width="180" />
          <el-table-column prop="remark" label="备注" width="180" />
        </el-table>
        <el-table
          v-show="showArr[3].show"
          :data="contractData"
          style="width: 100%"
        >
          <el-table-column
            fixed="left"
            label="操作"
            width="100"
          >
        <el-table v-show="showArr[6].show" :data="resignData" style="width: 100%">
          <el-table-column fixed="left" label="操作" width="100">
            <template>
              <el-button type="text" size="small">编辑</el-button>
            </template>
          </el-table-column>
          <el-table-column
            prop="userNumb"
            label="员工编号"
            width="180"
          />
          <el-table-column
            prop="name"
            label="姓名"
            width="180"
          />
          <el-table-column
            prop="sex"
            label="性别"
            width="180"
          />
          <el-table-column
            prop="idNumber"
            label="身份证号码"
            width="180"
          />
          <el-table-column
            prop="deptName"
            label="所属部门"
            width="180"
          />
          <el-table-column
            prop="contractStartDate"
            label="合同开始日期"
            width="180"
          />
          <el-table-column
            prop="contractEndDate"
            label="合同结束日期"
            width="180"
          />
          <el-table-column
            prop="contractYear"
            label="合同期限(年)"
            width="180"
          />
          <el-table-column
            prop="contractStatus"
            label="合同状态"
            width="180"
          />
          <el-table-column
            prop="contractTransactor"
            label="合同办理人"
            width="180"
          />
          <el-table-column
            prop="contractDate"
            label="合同签订日期"
            width="180"
          />
          <el-table-column
            prop="remark"
            label="备注"
            width="180"
          />
          <el-table-column prop="userNumb" label="员工编号" width="180" />
          <el-table-column prop="name" label="姓名" width="180" />
          <el-table-column prop="sex" label="性别" width="180" />
          <el-table-column prop="idNumber" label="身份证号码" width="180" />
          <el-table-column prop="deptName" label="所属部门" width="180" />
          <el-table-column prop="resignDate" label="辞职申请日期" width="180" />
          <el-table-column prop="resign" label="辞职事由" width="180" />
          <el-table-column prop="report" label="汇报人" width="180" />
          <el-table-column prop="remark" label="备注" width="180" />
        </el-table>
        <el-table
          v-show="showArr[4].show"
          :data="attendanceData"
          style="width: 100%"
        >
          <el-table-column
            fixed="left"
            label="操作"
            width="100"
          >
        <el-table v-show="showArr[7].show" :data="unemploymentData" style="width: 100%">
          <el-table-column fixed="left" label="操作" width="100">
            <template>
              <el-button type="text" size="small">编辑</el-button>
            </template>
          </el-table-column>
          <el-table-column
            prop="userNumb"
            label="员工编号"
            width="180"
          />
          <el-table-column
            prop="name"
            label="姓名"
            width="180"
          />
          <el-table-column
            prop="sex"
            label="性别"
            width="180"
          />
          <el-table-column
            prop="idNumber"
            label="身份证号码"
            width="180"
          />
          <el-table-column
            prop="deptName"
            label="所属部门"
            width="180"
          />
          <el-table-column
            prop="attendanceMonth"
            label="离职考勤月份"
            width="180"
          />
          <el-table-column
            prop="attendanceDay"
            label="出勤天数"
            width="180"
          />
          <el-table-column
            prop="overtimeDay"
            label="加班(天)"
            width="180"
          />
          <el-table-column
            prop="overtimeHour"
            label="加班(小时)"
            width="180"
          />
          <el-table-column
            prop="charge"
            label="有无代扣款项"
            width="180"
          />
          <el-table-column
            prop="leaveDay"
            label="请假(天)"
            width="180"
          />
          <el-table-column
            prop="absenteeismDay"
            label="旷工(天)"
            width="180"
          />
          <el-table-column
            prop="remark"
            label="备注"
            width="180"
          />
          <el-table-column prop="userNumb" label="员工编号" width="180" />
          <el-table-column prop="name" label="姓名" width="180" />
          <el-table-column prop="sex" label="性别" width="180" />
          <el-table-column prop="idNumber" label="身份证号码" width="180" />
          <el-table-column prop="deptName" label="所属部门" width="180" />
          <el-table-column prop="unemploymentDate" label="失业金申请日期" width="180" />
          <el-table-column prop="declareReason" label="申报事由" width="180" />
          <el-table-column prop="report" label="汇报人" width="180" />
          <el-table-column prop="auditor" label="审核人" width="180" />
          <el-table-column prop="remark" label="备注" width="180" />
        </el-table>
        <el-table
          v-show="showArr[5].show"
          :data="leaveData"
          style="width: 100%"
        >
          <el-table-column
            fixed="left"
            label="操作"
            width="100"
          >
        <el-table v-show="showArr[8].show" :data="socialSecurityData" style="width: 100%">
          <el-table-column fixed="left" label="操作" width="100">
            <template>
              <el-button type="text" size="small">编辑</el-button>
            </template>
          </el-table-column>
          <el-table-column
            prop="userNumb"
            label="员工编号"
            width="180"
          />
          <el-table-column
            prop="name"
            label="姓名"
            width="180"
          />
          <el-table-column
            prop="sex"
            label="性别"
            width="180"
          />
          <el-table-column
            prop="idNumber"
            label="身份证号码"
            width="180"
          />
          <el-table-column
            prop="deptName"
            label="所属部门"
            width="180"
          />
          <el-table-column
            prop="leaveStartDate"
            label="请假开始时间"
            width="180"
          />
          <el-table-column
            prop="leaveEndDate"
            label="请假结束时间"
            width="180"
          />
          <el-table-column
            prop="leaveDay"
            label="请假天数"
            width="180"
          />
          <el-table-column
            prop="leaveType"
            label="请假类型"
            width="180"
          />
          <el-table-column
            prop="comeDate"
            label="到岗时间"
            width="180"
          />
          <el-table-column
            prop="report"
            label="报备人"
            width="180"
          />
          <el-table-column
            prop="remark"
            label="备注"
            width="180"
          />
        </el-table>
        <el-table
          v-show="showArr[6].show"
          :data="resignData"
          style="width: 100%"
        >
          <el-table-column
            fixed="left"
            label="操作"
            width="100"
          >
            <template>
              <el-button type="text" size="small">编辑</el-button>
            </template>
          </el-table-column>
          <el-table-column
            prop="userNumb"
            label="员工编号"
            width="180"
          />
          <el-table-column
            prop="name"
            label="姓名"
            width="180"
          />
          <el-table-column
            prop="sex"
            label="性别"
            width="180"
          />
          <el-table-column
            prop="idNumber"
            label="身份证号码"
            width="180"
          />
          <el-table-column
            prop="deptName"
            label="所属部门"
            width="180"
          />
          <el-table-column
            prop="resignDate"
            label="辞职申请日期"
            width="180"
          />
          <el-table-column
            prop="resign"
            label="辞职事由"
            width="180"
          />
          <el-table-column
            prop="report"
            label="汇报人"
            width="180"
          />
          <el-table-column
            prop="remark"
            label="备注"
            width="180"
          />
        </el-table>
        <el-table
          v-show="showArr[7].show"
          :data="unemploymentData"
          style="width: 100%"
        >
          <el-table-column
            fixed="left"
            label="操作"
            width="100"
          >
            <template>
              <el-button type="text" size="small">编辑</el-button>
            </template>
          </el-table-column>
          <el-table-column
            prop="userNumb"
            label="员工编号"
            width="180"
          />
          <el-table-column
            prop="name"
            label="姓名"
            width="180"
          />
          <el-table-column
            prop="sex"
            label="性别"
            width="180"
          />
          <el-table-column
            prop="idNumber"
            label="身份证号码"
            width="180"
          />
          <el-table-column
            prop="deptName"
            label="所属部门"
            width="180"
          />
          <el-table-column
            prop="unemploymentDate"
            label="失业金申请日期"
            width="180"
          />
          <el-table-column
            prop="declareReason"
            label="申报事由"
            width="180"
          />
          <el-table-column
            prop="report"
            label="汇报人"
            width="180"
          />
          <el-table-column
            prop="auditor"
            label="审核人"
            width="180"
          />
          <el-table-column
            prop="remark"
            label="备注"
            width="180"
          />
        </el-table>
        <el-table
          v-show="showArr[8].show"
          :data="socialSecurityData"
          style="width: 100%"
        >
          <el-table-column
            fixed="left"
            label="操作"
            width="100"
          >
            <template>
              <el-button type="text" size="small">编辑</el-button>
            </template>
          </el-table-column>
          <el-table-column
            prop="userNumb"
            label="员工编号"
            width="180"
          />
          <el-table-column
            prop="name"
            label="姓名"
            width="180"
          />
          <el-table-column
            prop="sex"
            label="性别"
            width="180"
          />
          <el-table-column
            prop="idNumber"
            label="身份证号码"
            width="180"
          />
          <el-table-column
            prop="deptName"
            label="所属部门"
            width="180"
          />
          <el-table-column
            prop="socialSecurityDate"
            label="社保申请日期"
            width="180"
          />
          <el-table-column
            prop="proposer"
            label="申请人"
            width="180"
          />
          <el-table-column
            prop="socialSecurityLevel"
            label="社保档位"
            width="180"
          />
          <el-table-column
            prop="isReport "
            label="是否已报告"
            width="180"
          />
          <el-table-column
            prop="status"
            label="状态"
            width="180"
          />
          <el-table-column
            prop="auditor"
            label="审核人"
            width="180"
          />
          <el-table-column
            prop="remark"
            label="备注"
            width="280"
          />
          <el-table-column prop="userNumb" label="员工编号" width="180" />
          <el-table-column prop="name" label="姓名" width="180" />
          <el-table-column prop="sex" label="性别" width="180" />
          <el-table-column prop="idNumber" label="身份证号码" width="180" />
          <el-table-column prop="deptName" label="所属部门" width="180" />
          <el-table-column prop="socialSecurityDate" label="社保申请日期" width="180" />
          <el-table-column prop="proposer" label="申请人" width="180" />
          <el-table-column prop="socialSecurityLevel" label="社保档位" width="180" />
          <el-table-column prop="isReport " label="是否已报告" width="180" />
          <el-table-column prop="status" label="状态" width="180" />
          <el-table-column prop="auditor" label="审核人" width="180" />
          <el-table-column prop="remark" label="备注" width="280" />
        </el-table>
        <el-table v-show="showArr[9].show" :data="data1" style="width: 100%">
          <el-table-column
            fixed="left"
            label="操作"
            width="100"
          >
          <el-table-column fixed="left" label="操作" width="100">
            <template>
              <el-button type="text" size="small">编辑</el-button>
            </template>
@@ -760,11 +270,7 @@
        </el-table>
        <el-table v-show="showArr[10].show" :data="data2" style="width: 100%">
          <el-table-column
            fixed="left"
            label="操作"
            width="100"
          >
          <el-table-column fixed="left" label="操作" width="100">
            <template>
              <el-button type="text" size="small">编辑</el-button>
            </template>
@@ -796,11 +302,7 @@
        </el-table>
        <el-table v-show="showArr[11].show" :data="data3" style="width: 100%">
          <el-table-column
            fixed="left"
            label="操作"
            width="100"
          >
          <el-table-column fixed="left" label="操作" width="100">
            <template>
              <el-button type="text" size="small">编辑</el-button>
            </template>
@@ -820,15 +322,8 @@
        </el-table>
        <el-table v-show="showArr[12].show" ref="badRecordTable" :data="badRecordData" style="width: 100%">
          <el-table-column
            type="selection"
            width="55"
          />
          <el-table-column
            fixed="left"
            label="操作"
            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="badRecordEdit(scope.row)">编辑</el-button>
            </template>
@@ -844,11 +339,7 @@
        </el-table>
        <el-table v-show="showArr[13].show" :data="data5" style="width: 100%">
          <el-table-column
            fixed="left"
            label="操作"
            width="100"
          >
          <el-table-column fixed="left" label="操作" width="100">
            <template>
              <el-button type="text" size="small">编辑</el-button>
            </template>
@@ -859,6 +350,13 @@
          <el-table-column prop="prop5" label="备注日期" width="180" />
          <el-table-column prop="prop6" label="备注信息" width="400" />
        </el-table>
        <el-col :span="24">
          <div style="margin: 0px auto;width: 250px;">
            <el-button class="nomalBtn">取消</el-button>
            <el-button class="nomalBtn">暂存</el-button>
            <el-button class="commonBtn">提交</el-button>
          </div>
        </el-col>
      </el-main>
    </el-container>
    <el-dialog title="基本信息" :visible.sync="dialogshowArr[0].show" width="50%">
@@ -1025,110 +523,116 @@
    </el-dialog>
    <el-dialog title="工作经历" :visible.sync="dialogshowArr[1].show" width="50%">
      <el-form :model="jobContentForm" label-position="right" label-width="120px">
      <el-form :model="workExperienceForm" label-position="right" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号">
              <el-input v-model="jobContentForm.name" />
              <el-input v-model="workExperienceForm.empNumb" />
            </el-form-item>
            <el-form-item label="身份证号码">
              <el-input v-model="jobContentForm.name" />
              <el-input v-model="workExperienceForm.certificateNumb" />
            </el-form-item>
            <el-form-item label="部门名称">
              <el-input v-model="workExperienceForm.deptName" />
            </el-form-item>
            <el-form-item label="开始时间">
              <el-date-picker
                v-model="jobContentForm.name"
                type="date"
                placeholder="选择日期"
              />
              <el-date-picker v-model="workExperienceForm.beginDate" type="date" value-format="yyyy-MM-dd" placeholder="选择日期" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名">
              <el-input v-model="jobContentForm.name" />
              <el-input v-model="workExperienceForm.empName" />
            </el-form-item>
            <el-form-item label="性别" prop="region">
              <el-select v-model="jobContentForm.name" placeholder="请选择性别">
              <el-select v-model="workExperienceForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="岗位名称">
              <el-input v-model="workExperienceForm.jobName" />
            </el-form-item>
            <el-form-item label="结束时间">
              <el-date-picker
                v-model="jobContentForm.name"
                type="date"
                placeholder="选择日期"
              />
              <el-date-picker v-model="workExperienceForm.endDate" type="date" value-format="yyyy-MM-dd" placeholder="选择日期" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="工作单位">
              <el-input v-model="jobContentForm.name" />
              <el-input v-model="workExperienceForm.workUnit" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="主要工作内容">
              <el-input v-model="jobContentForm.name" type="textarea" />
              <el-input v-model="workExperienceForm.jobContent" type="textarea" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="putWorkExperience()">保 存</el-button>
        <el-button type="primary" @click="putWorkExperienceContinue()">保存并继续新增</el-button>
        <el-button @click="dialogIsShow()">取 消</el-button>
        <el-button type="primary" @click="dialogIsShow()">确 定</el-button>
      </div>
    </el-dialog>
    <el-dialog title="体检信息" :visible.sync="dialogshowArr[2].show" width="50%">
      <el-form :model="physicalForm" label-position="right" label-width="120px">
      <el-form :model="physicalExamForm" label-position="right" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号">
              <el-input v-model="physicalForm.name" />
              <el-input v-model="physicalExamForm.empNumb" />
            </el-form-item>
            <el-form-item label="身份证号码">
              <el-input v-model="physicalForm.name" />
              <el-input v-model="physicalExamForm.certificateNumb" />
            </el-form-item>
            <el-form-item label="部门名称">
              <el-input v-model="physicalExamForm.deptName" />
            </el-form-item>
            <el-form-item label="体检医院">
              <el-input v-model="physicalForm.name" />
              <el-input v-model="physicalExamForm.hospital" />
            </el-form-item>
            <el-form-item label="体检类型" prop="region">
              <el-select v-model="physicalForm.name" placeholder="请选择体检类型">
              <el-select v-model="physicalExamForm.physicalExamType" placeholder="请选择体检类型">
                <el-option label="普通体检" value="1" />
                <el-option label="员工体检" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="转氨酶">
              <el-input v-model="physicalForm.name" />
              <el-input v-model="physicalExamForm.transaminase" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名">
              <el-input v-model="physicalForm.name" />
              <el-input v-model="physicalExamForm.empName" />
            </el-form-item>
            <el-form-item label="性别" prop="region">
              <el-select v-model="physicalForm.name" placeholder="请选择性别">
              <el-select v-model="physicalExamForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="岗位名称">
              <el-input v-model="physicalExamForm.jobName" />
            </el-form-item>
            <el-form-item label="体检日期">
              <el-date-picker
                v-model="physicalForm.name"
                v-model="physicalExamForm.physicalExamDate"
                value-format="yyyy-MM-dd"
                type="date"
                placeholder="选择体检日期"
              />
            </el-form-item>
            <el-form-item label="血压">
              <el-input v-model="physicalForm.name" />
              <el-input v-model="physicalExamForm.bloodPressure" />
            </el-form-item>
            <el-form-item label="心电图" prop="region">
              <el-select v-model="physicalForm.name" placeholder="请选择心电图">
              <el-select v-model="physicalExamForm.name" placeholder="ecg">
                <el-option label="正常" value="1" />
                <el-option label="异常" value="2" />
                <el-option label="异常" value="0" />
              </el-select>
            </el-form-item>
          </el-col>
@@ -1136,92 +640,90 @@
        <el-row>
          <el-col :span="24">
            <el-form-item label="体检结论">
              <el-input v-model="physicalForm.name" />
              <el-input v-model="physicalExamForm.conclusion" />
            </el-form-item>
            <el-form-item label="复查记录">
              <el-input v-model="physicalForm.name" />
              <el-input v-model="physicalExamForm.reviewRecord" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="备注">
              <el-input v-model="physicalForm.name" type="textarea" />
              <el-input v-model="physicalExamForm.remark" type="textarea" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="putPhysicalExam()">保 存</el-button>
        <el-button type="primary" @click="putPhysicalExamContinue()">保存并继续新增</el-button>
        <el-button @click="dialogIsShow()">取 消</el-button>
        <el-button type="primary" @click="dialogIsShow()">确 定</el-button>
      </div>
    </el-dialog>
    <el-dialog title="合同信息" :visible.sync="dialogshowArr[3].show" width="50%">
      <el-form :model="contractData" label-position="right" label-width="120px">
      <el-form :model="contractInfoForm" label-position="right" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号">
              <el-input v-model="contractData.name" />
              <el-input v-model="contractInfoForm.empNumb" />
            </el-form-item>
            <el-form-item label="身份证号码">
              <el-input v-model="contractData.name" />
            <el-form-item label="证件号码">
              <el-input v-model="contractInfoForm.certificateNumb" />
            </el-form-item>
            <el-form-item label="合同开始时间">
              <el-date-picker
                v-model="contractData.name"
                type="date"
                placeholder="选择日期"
              />
            <el-form-item label="部门名称">
              <el-input v-model="contractInfoForm.deptName" />
            </el-form-item>
            <el-form-item label="合同开始日期">
              <el-date-picker v-model="contractInfoForm.beginDate" value-format="yyyy-MM-dd" type="date" placeholder="选择日期" />
            </el-form-item>
            <el-form-item label="合同状态" prop="region">
              <el-select v-model="contractData.name" placeholder="请选择合同状态">
              <el-select v-model="contractInfoForm.contractStatus" placeholder="请选择合同状态">
                <el-option label="新签" value="1" />
                <el-option label="老签" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="合同办理人">
              <el-input v-model="contractData.name" />
              <el-input v-model="contractInfoForm.transactor" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名">
              <el-input v-model="contractData.name" />
              <el-input v-model="contractInfoForm.empName" />
            </el-form-item>
            <el-form-item label="所属部门">
              <el-input v-model="contractData.name" />
            <el-form-item label="性别" prop="region">
              <el-select v-model="contractInfoForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="合同结束时间">
              <el-date-picker
                v-model="contractData.name"
                type="date"
                placeholder="选择日期"
              />
            <el-form-item label="岗位名称">
              <el-input v-model="contractInfoForm.jobName" />
            </el-form-item>
            <el-form-item label="合同结束日期">
              <el-date-picker v-model="contractInfoForm.endDate" value-format="yyyy-MM-dd" type="date" placeholder="选择日期" />
            </el-form-item>
            <el-form-item label="合同期限(年)">
              <el-input v-model="contractData.name" />
              <el-input v-model="contractInfoForm.contractPeriod" />
            </el-form-item>
            <el-form-item label="合同签订日期">
              <el-date-picker
                v-model="contractData.name"
                type="date"
                placeholder="选择日期"
              />
              <el-date-picker v-model="contractInfoForm.signingDate" value-format="yyyy-MM-dd" type="date" placeholder="选择日期" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="备注">
              <el-input v-model="contractData.name" type="textarea" />
              <el-input v-model="contractInfoForm.remark" type="textarea" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="putContractInfo()">保 存</el-button>
        <el-button type="primary" @click="putContractInfoContinue()">保存并继续新增</el-button>
        <el-button @click="dialogIsShow()">取 消</el-button>
        <el-button type="primary" @click="dialogIsShow()">确 定</el-button>
      </div>
    </el-dialog>
@@ -1236,11 +738,7 @@
              <el-input v-model="attendanceForm.name" />
            </el-form-item>
            <el-form-item label="离职考勤月份">
              <el-date-picker
                v-model="attendanceForm.name"
                type="month"
                placeholder="选择考勤月份"
              />
              <el-date-picker v-model="attendanceForm.name" type="month" placeholder="选择考勤月份" />
            </el-form-item>
            <el-form-item label="加班(天)">
@@ -1298,11 +796,7 @@
              <el-input v-model="leaveForm.name" />
            </el-form-item>
            <el-form-item label="请假开始时间">
              <el-date-picker
                v-model="leaveForm.name"
                type="date"
                placeholder="选择请假开始时间"
              />
              <el-date-picker v-model="leaveForm.name" type="date" placeholder="选择请假开始时间" />
            </el-form-item>
            <el-form-item label="请假类型" prop="region">
@@ -1324,11 +818,7 @@
              <el-input v-model="leaveForm.name" />
            </el-form-item>
            <el-form-item label="请假结束时间">
              <el-date-picker
                v-model="leaveForm.name"
                type="date"
                placeholder="选择请假结束时间"
              />
              <el-date-picker v-model="leaveForm.name" type="date" placeholder="选择请假结束时间" />
            </el-form-item>
            <el-form-item label="请假天数">
@@ -1336,11 +826,7 @@
            </el-form-item>
            <el-form-item label="到岗时间">
              <el-date-picker
                v-model="leaveForm.name"
                type="date"
                placeholder="选择到岗时间"
              />
              <el-date-picker v-model="leaveForm.name" type="date" placeholder="选择到岗时间" />
            </el-form-item>
          </el-col>
@@ -1370,11 +856,7 @@
              <el-input v-model="resignForm.name" />
            </el-form-item>
            <el-form-item label="辞职申请日期">
              <el-date-picker
                v-model="resignForm.name"
                type="date"
                placeholder="选择辞职申请日期"
              />
              <el-date-picker v-model="resignForm.name" type="date" placeholder="选择辞职申请日期" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
@@ -1421,11 +903,7 @@
              <el-input v-model="unemploymentForm.name" />
            </el-form-item>
            <el-form-item label="失业金申请日期">
              <el-date-picker
                v-model="unemploymentForm.name"
                type="date"
                placeholder="选择失业金申请日期"
              />
              <el-date-picker v-model="unemploymentForm.name" type="date" placeholder="选择失业金申请日期" />
            </el-form-item>
            <el-form-item label="申报事由">
              <el-input v-model="unemploymentForm.name" />
@@ -1472,11 +950,7 @@
              <el-input v-model="socialSecurityForm.name" />
            </el-form-item>
            <el-form-item label="社保申请日期">
              <el-date-picker
                v-model="socialSecurityForm.name"
                type="date"
                placeholder="选择社保申请日期"
              />
              <el-date-picker v-model="socialSecurityForm.name" type="date" placeholder="选择社保申请日期" />
            </el-form-item>
            <el-form-item label="社保档位">
              <el-input v-model="socialSecurityForm.name" />
@@ -1535,11 +1009,7 @@
              <el-input v-model="socialSecurityForm.name" />
            </el-form-item>
            <el-form-item label="受伤时间">
              <el-date-picker
                v-model="socialSecurityForm.name"
                type="date"
                placeholder="选择受伤时间"
              />
              <el-date-picker v-model="socialSecurityForm.name" type="date" placeholder="选择受伤时间" />
            </el-form-item>
            <el-form-item label="受伤部位">
              <el-input v-model="socialSecurityForm.name" />
@@ -1580,11 +1050,7 @@
              </el-select>
            </el-form-item>
            <el-form-item label="报案时间">
              <el-date-picker
                v-model="socialSecurityForm.name"
                type="date"
                placeholder="选择报案时间"
              />
              <el-date-picker v-model="socialSecurityForm.name" type="date" placeholder="选择报案时间" />
            </el-form-item>
            <el-form-item label="递交人">
              <el-input v-model="socialSecurityForm.name" />
@@ -1593,19 +1059,11 @@
              <el-input v-model="socialSecurityForm.name" />
            </el-form-item>
            <el-form-item label="人事处理时间">
              <el-date-picker
                v-model="socialSecurityForm.name"
                type="date"
                placeholder="选择人事处理时间"
              />
              <el-date-picker v-model="socialSecurityForm.name" type="date" placeholder="选择人事处理时间" />
            </el-form-item>
            <el-form-item label="案结时间">
              <el-date-picker
                v-model="socialSecurityForm.name"
                type="date"
                placeholder="选择案结时间"
              />
              <el-date-picker v-model="socialSecurityForm.name" type="date" placeholder="选择案结时间" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
@@ -1616,11 +1074,7 @@
              <el-input v-model="socialSecurityForm.name" />
            </el-form-item>
            <el-form-item label="递交资料时间">
              <el-date-picker
                v-model="socialSecurityForm.name"
                type="date"
                placeholder="选择递交资料时间"
              />
              <el-date-picker v-model="socialSecurityForm.name" type="date" placeholder="选择递交资料时间" />
            </el-form-item>
            <el-form-item label="医疗总费用">
              <el-input v-model="socialSecurityForm.name" />
@@ -1655,11 +1109,7 @@
              <el-input v-model="socialSecurityForm.name" />
            </el-form-item>
            <el-form-item label="受伤时间">
              <el-date-picker
                v-model="socialSecurityForm.name"
                type="date"
                placeholder="选择受伤时间"
              />
              <el-date-picker v-model="socialSecurityForm.name" type="date" placeholder="选择受伤时间" />
            </el-form-item>
            <el-form-item label="受伤部位">
              <el-input v-model="socialSecurityForm.name" />
@@ -1700,11 +1150,7 @@
              </el-select>
            </el-form-item>
            <el-form-item label="报案时间">
              <el-date-picker
                v-model="socialSecurityForm.name"
                type="date"
                placeholder="选择报案时间"
              />
              <el-date-picker v-model="socialSecurityForm.name" type="date" placeholder="选择报案时间" />
            </el-form-item>
            <el-form-item label="递交人">
              <el-input v-model="socialSecurityForm.name" />
@@ -1718,18 +1164,10 @@
              <el-input v-model="socialSecurityForm.name" />
            </el-form-item>
            <el-form-item label="递交资料时间">
              <el-date-picker
                v-model="socialSecurityForm.name"
                type="date"
                placeholder="选择递交资料时间"
              />
              <el-date-picker v-model="socialSecurityForm.name" type="date" placeholder="选择递交资料时间" />
            </el-form-item>
            <el-form-item label="人事处理时间">
              <el-date-picker
                v-model="socialSecurityForm.name"
                type="date"
                placeholder="选择人事处理时间"
              />
              <el-date-picker v-model="socialSecurityForm.name" type="date" placeholder="选择人事处理时间" />
            </el-form-item>
          </el-col>
        </el-row>
@@ -1820,11 +1258,7 @@
              <el-input v-model="socialSecurityForm.name" />
            </el-form-item>
            <el-form-item label="仲裁日期">
              <el-date-picker
                v-model="socialSecurityForm.name"
                type="date"
                placeholder="选择仲裁日期"
              />
              <el-date-picker v-model="socialSecurityForm.name" type="date" placeholder="选择仲裁日期" />
            </el-form-item>
            <el-form-item label="汇报人">
              <el-input v-model="socialSecurityForm.name" />
@@ -1850,11 +1284,7 @@
              <el-input v-model="socialSecurityForm.name" />
            </el-form-item>
            <el-form-item label="案结日期">
              <el-date-picker
                v-model="socialSecurityForm.name"
                type="date"
                placeholder="选择案结日期"
              />
              <el-date-picker v-model="socialSecurityForm.name" type="date" placeholder="选择案结日期" />
            </el-form-item>
          </el-col>
        </el-row>
@@ -1890,12 +1320,7 @@
              <el-input v-model="badRecordFrom.name" />
            </el-form-item>
            <el-form-item label="不良记录日期">
              <el-date-picker
                v-model="badRecordFrom.badDate"
                type="date"
                value-format="yyyy-MM-dd"
                placeholder="选择不良记录日期"
              />
              <el-date-picker v-model="badRecordFrom.badDate" type="date" value-format="yyyy-MM-dd" placeholder="选择不良记录日期" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
@@ -1940,11 +1365,7 @@
            </el-form-item>
            <el-form-item label="备注日期">
              <el-date-picker
                v-model="socialSecurityForm.name"
                type="date"
                placeholder="选择备注日期"
              />
              <el-date-picker v-model="socialSecurityForm.name" type="date" placeholder="选择备注日期" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
@@ -1978,262 +1399,72 @@
    return {
      formLabelWidth: '120px',
      thisShowIndex: 0,
      dialogshowArr: [{ show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }],
      dialogshowArr: [{
        show: false
      }, {
        show: false
      }, {
        show: false
      }, {
        show: false
      }, {
        show: false
      }, {
        show: false
      }, {
        show: false
      }, {
        show: false
      }, {
        show: false
      }, {
        show: false
      }, {
        show: false
      }, {
        show: false
      }, {
        show: false
      }, {
        show: false
      }],
      // eslint-disable-next-line no-undef
      showArr: [{ show: true }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }, { show: false }],
      showArr: [{
        show: true
      }, {
        show: false
      }, {
        show: false
      }, {
        show: false
      }, {
        show: false
      }, {
        show: false
      }, {
        show: false
      }, {
        show: false
      }, {
        show: false
      }, {
        show: false
      }, {
        show: false
      }, {
        show: false
      }, {
        show: false
      }, {
        show: false
      }],
      isAdd: false,
      physicalData: [{
        name: '王小虎',
        userNumb: '12321222',
        sex: '女',
        idNumber: '430422199823222222',
        hospital: '宝安中心医院',
        physicalDate: '2020-01-01',
        physicalType: '员工体检',
        bloodPressure: '80/120',
        transaminase: '85',
        ecg: '正常',
        conclusion: '血压偏高',
        reviewRecords: '2019-02-05',
        remark: ''
      }, {
        name: '王小虎',
        userNumb: '12321222',
        sex: '女',
        idNumber: '430422199823222222',
        hospital: '宝安中心医院',
        physicalDate: '2020-01-01',
        physicalType: '员工体检',
        bloodPressure: '80/120',
        transaminase: '85',
        ecg: '正常',
        conclusion: '血压偏高',
        reviewRecords: '2019-02-05',
        remark: ''
      }, {
        name: '王小虎',
        userNumb: '12321222',
        sex: '女',
        idNumber: '430422199823222222',
        hospital: '宝安中心医院',
        physicalDate: '2020-01-01',
        physicalType: '员工体检',
        bloodPressure: '80/120',
        transaminase: '85',
        ecg: '正常',
        conclusion: '血压偏高',
        reviewRecords: '2019-02-05',
        remark: ''
      }],
      jobContentData: [{
        name: '王小虎',
        userNumb: '12321222',
        sex: '女',
        idNumber: '430422199823222222',
        startDate: '2020-01-01',
        endDate: '2020-01-01',
        jobContent: '深圳市宇川智能系统'
      }, {
        name: '王小虎',
        userNumb: '12321222',
        sex: '女',
        idNumber: '430422199823222222',
        startDate: '2020-01-01',
        endDate: '2020-01-01',
        jobContent: '深圳市宇川智能系统'
      }, {
        name: '王小虎',
        userNumb: '12321222',
        sex: '女',
        idNumber: '430422199823222222',
        startDate: '2020-01-01',
        endDate: '2020-01-01',
        jobContent: '深圳市宇川智能系统'
      }],
      physicalExamData: [],
      workExperienceData: [],
      basicInformationData: [],
      contractData: [{
        userNumb: '12321222',
        name: '王小虎',
        deptName: '开发部',
        sex: '女',
        national: '汉',
        idNumber: '430422199823222222',
        contractStartDate: '2020-01-12',
        contractEndDate: '2020-01-12',
        contractYear: '10',
        contractStatus: '正常',
        contractTransactor: '盘琪',
        contractDate: '2020-01-12',
        remark: ''
      }, {
        userNumb: '12321222',
        name: '王小虎',
        deptName: '开发部',
        sex: '女',
        national: '汉',
        idNumber: '430422199823222222',
        contractStartDate: '2020-01-12',
        contractEndDate: '2020-01-12',
        contractYear: '10',
        contractStatus: '正常',
        contractTransactor: '盘琪',
        contractDate: '2020-01-12',
        remark: ''
      }, {
        userNumb: '12321222',
        name: '王小虎',
        deptName: '开发部',
        sex: '女',
        national: '汉',
        idNumber: '430422199823222222',
        contractStartDate: '2020-01-12',
        contractEndDate: '2020-01-12',
        contractYear: '10',
        contractStatus: '正常',
        contractTransactor: '盘琪',
        contractDate: '2020-01-12',
        remark: ''
      }, {
        userNumb: '12321222',
        name: '王小虎',
        deptName: '开发部',
        sex: '女',
        national: '汉',
        idNumber: '430422199823222222',
        contractStartDate: '2020-01-12',
        contractEndDate: '2020-01-12',
        contractYear: '10',
        contractStatus: '正常',
        contractTransactor: '盘琪',
        contractDate: '2020-01-12',
        remark: ''
      }, {
        userNumb: '12321222',
        name: '王小虎',
        deptName: '开发部',
        sex: '女',
        national: '汉',
        idNumber: '430422199823222222',
        contractStartDate: '2020-01-12',
        contractEndDate: '2020-01-12',
        contractYear: '10',
        contractStatus: '正常',
        contractTransactor: '盘琪',
        contractDate: '2020-01-12',
        remark: ''
      }, {
        userNumb: '12321222',
        name: '王小虎',
        deptName: '开发部',
        sex: '女',
        national: '汉',
        idNumber: '430422199823222222',
        contractStartDate: '2020-01-12',
        contractEndDate: '2020-01-12',
        contractYear: '10',
        contractStatus: '正常',
        contractTransactor: '盘琪',
        contractDate: '2020-01-12',
        remark: ''
      }, {
        userNumb: '12321222',
        name: '王小虎',
        deptName: '开发部',
        sex: '女',
        national: '汉',
        idNumber: '430422199823222222',
        contractStartDate: '2020-01-12',
        contractEndDate: '2020-01-12',
        contractYear: '10',
        contractStatus: '正常',
        contractTransactor: '盘琪',
        contractDate: '2020-01-12',
        remark: ''
      }],
      attendanceData: [{
        userNumb: '12321222',
        name: '王小虎',
        deptName: '开发部',
        sex: '女',
        idNumber: '430422199823222222',
        attendanceMonth: '2020-01',
        attendanceDay: '129',
        overtimeDay: '8',
        overtimeHour: '150',
        charge: '有',
        leaveDay: '1',
        absenteeismDay: '1',
        remark: '有'
      }, {
        userNumb: '12321222',
        name: '王小虎',
        idNumber: '430422199823222222',
        deptName: '开发部',
        sex: '女',
        attendanceMonth: '2020-01',
        attendanceDay: '129',
        overtimeDay: '8',
        overtimeHour: '150',
        charge: '有',
        leaveDay: '1',
        absenteeismDay: '1',
        remark: '有'
      }, {
        userNumb: '12321222',
        idNumber: '430422199823222222',
        name: '王小虎',
        deptName: '开发部',
        sex: '女',
        attendanceMonth: '2020-01',
        attendanceDay: '129',
        overtimeDay: '8',
        overtimeHour: '150',
        charge: '有',
        leaveDay: '1',
        absenteeismDay: '1',
        remark: '有'
      }],
      leaveData: [{
        userNumb: '12321222',
        name: '王小虎',
        deptName: '开发部',
        sex: '女',
        idNumber: '430422199823222222',
        leaveStartDate: '2020-01-01',
        leaveEndDate: '2020-01-01',
        leaveDay: '1',
        leaveType: '病假',
        comeDate: '2020-01-01',
        report: '盘琪',
        remark: '请假按摩'
      }, {
        userNumb: '12321222',
        name: '王小虎',
        deptName: '开发部',
        sex: '女',
        idNumber: '430422199823222222',
        leaveStartDate: '2020-01-01',
        leaveEndDate: '2020-01-01',
        leaveDay: '1',
        leaveType: '病假',
        comeDate: '2020-01-01',
        report: '盘琪',
        remark: '请假按摩'
      }, {
        userNumb: '12321222',
        name: '王小虎',
        deptName: '开发部',
        sex: '女',
        idNumber: '430422199823222222',
        leaveStartDate: '2020-01-01',
        leaveEndDate: '2020-01-01',
        leaveDay: '1',
        leaveType: '病假',
        comeDate: '2020-01-01',
        report: '盘琪',
        remark: '请假按摩'
      }],
      contractData: [],
      attendanceData: [],
      leaveData: [],
      resignData: [{
        userNumb: '12321222',
        name: '王小虎',
@@ -2627,9 +1858,7 @@
        'prop12': '',
        'prop13': ''
      }],
      badRecordData: [],
      data5: [{
        'prop0': '',
        'prop1': '编辑',
@@ -2730,20 +1959,30 @@
        report: '',
        remark: ''
      },
      contractForm: {
        userNumb: '',
        name: '',
        deptName: '',
      contractInfoForm: {
        contractId: '',
        empId: '',
        empNumb: '',
        empName: '',
        certificateNumb: '',
        sex: '',
        national: '',
        idNumber: '',
        contractStartDate: '',
        contractEndDate: '',
        contractYear: '',
        deptId: '',
        deptName: '',
        JobId: '',
        jobName: '',
        beginDate: '',
        endDate: '',
        contractStatus: '',
        contractTransactor: '',
        contractDate: '',
        remark: ''
        contractPeriod: '',
        transactor: '',
        signingDate: '',
        remark: '',
        createTime: '',
        creator: '',
        modifyTime: '',
        modifier: '',
        delFlag: '',
        version: ''
      },
      attendanceForm: {
        userNumb: '',
@@ -2760,29 +1999,54 @@
        absenteeismDay: '',
        remark: ''
      },
      physicalForm: {
        name: '',
        userNumb: '',
      physicalExamForm: {
        physicalExamId: '',
        empId: '',
        empNumb: '',
        empName: '',
        certificateNumb: '',
        sex: '',
        idNumber: '',
        deptId: '',
        deptName: '',
        JobId: '',
        jobName: '',
        hospital: '',
        physicalDate: '',
        physicalType: '',
        physicalExamDate: '',
        physicalExamType: '',
        bloodPressure: '',
        transaminase: '',
        ecg: '',
        conclusion: '',
        reviewRecords: '',
        remark: ''
        reviewRecord: '',
        remark: '',
        createTime: '',
        creator: '',
        modifyTime: '',
        modifier: '',
        delFlag: '',
        version: ''
      },
      jobContentForm: {
        name: '',
        userNumb: '',
      workExperienceForm: {
        workExperienceId: '',
        empId: '',
        empNumb: '',
        empName: '',
        certificateNumb: '',
        sex: '',
        idNumber: '',
        startDate: '',
        deptId: '',
        deptName: '',
        JobId: '',
        jobName: '',
        workUnit: '',
        beginDate: '',
        endDate: '',
        jobContent: ''
        jobContent: '',
        createTime: '',
        creator: '',
        modifyTime: '',
        modifier: '',
        delFlag: '',
        version: ''
      },
      empBaseInfoForm: {
        empId: '',
@@ -2842,9 +2106,13 @@
        remark: ''
      }
    }
  }, mounted() {
  },
  mounted() {
    this.getBadRecord()
    this.selectEmpBase()
    this.selectWorkExperience()
    this.selectPhysicalExam()
    this.selectContractInfo()
  },
  methods: {
    dialogIsShow() {
@@ -2862,6 +2130,77 @@
        this.showArr[this.thisShowIndex].show = false
      }
      this.thisShowIndex = index
    },
    butDelete() {
      switch (this.thisShowIndex) {
        case 1:
          var selected = this.$refs.workExperienceTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.workExperienceId)
            })
            this.$delete(`hr/empWorkExperience/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.deleteSuccess'),
                type: 'success'
              })
              this.selectWorkExperience()
            })
          }
          break
        case 2:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.physicalExamTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.physicalExamId)
            })
            this.$delete(`hr/empPhysicalExam/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.deleteSuccess'),
                type: 'success'
              })
              this.selectPhysicalExam()
            })
          }
          break
        case 3:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.contractInfoTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.contractId)
            })
            this.$delete(`hr/empContractInfo/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.deleteSuccess'),
                type: 'success'
              })
              this.selectContractInfo()
            })
          }
          break
        case 12:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.badRecordTable.selection
          if (selected.length > 0) {
            const badIds = []
            selected.forEach((j) => {
              badIds.push(j.badId)
            })
            this.$delete(`hr/empBadRecord/` + badIds).then(() => {
              this.$message({
                message: this.$t('tips.deleteSuccess'),
                type: 'success'
              })
              this.getBadRecord()
            })
          }
          break
      }
    },
    getBadRecord() {
      this.$get('hr/empBadRecord/list').then((r) => {
@@ -2885,7 +2224,8 @@
    },
    putBadRecord() {
      if (this.isAdd) {
        this.$post('hr/empBadRecord', { ...this.badRecordFrom }).then(() => {
        this.$post('hr/empBadRecord', { ...this.badRecordFrom
        }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
@@ -2895,7 +2235,8 @@
          this.getBadRecord()
        })
      } else {
        this.$put('hr/empBadRecord', { ...this.badRecordFrom }).then(() => {
        this.$put('hr/empBadRecord', { ...this.badRecordFrom
        }).then(() => {
          this.$message({
            message: this.$t('tips.updateSuccess'),
            type: 'success'
@@ -2918,25 +2259,6 @@
      this.badRecordFrom.remark = row.remark
      this.dialogshowArr[12].show = true
    },
    butDelete() {
      if (this.thisShowIndex === 12) {
        var selected = this.$refs.badRecordTable.selection
        if (selected.length > 0) {
          const badIds = []
          selected.forEach((j) => {
            badIds.push(j.badId)
          })
          this.$delete(`hr/empBadRecord/` + badIds).then(() => {
            this.$message({
              message: this.$t('tips.deleteSuccess'),
              type: 'success'
            })
            this.getBadRecord()
          })
        }
      }
    },
    selectEmpBase() {
      this.$get('hr/empBaseInfo/list').then((r) => {
        this.basicInformationData = r.data.data.rows
@@ -2962,7 +2284,8 @@
    },
    putEmpBase() {
      if (this.isAdd) {
        this.$post('hr/empBaseInfo', { ...this.empBaseInfoForm }).then(() => {
        this.$post('hr/empBaseInfo', { ...this.empBaseInfoForm
        }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
@@ -2972,7 +2295,8 @@
          this.selectEmpBase()
        })
      } else {
        this.$put('hr/empBaseInfo', { ...this.empBaseInfoForm }).then(() => {
        this.$put('hr/empBaseInfo', { ...this.empBaseInfoForm
        }).then(() => {
          this.$message({
            message: this.$t('tips.updateSuccess'),
            type: 'success'
@@ -2983,47 +2307,342 @@
        })
      }
      this.dialogIsShow()
    },
    selectWorkExperience() {
      this.$get('hr/empWorkExperience/list').then((r) => {
        this.workExperienceData = r.data.data.rows
      }).catch((error) => {
        console.error(error)
        this.$message({
          message: this.$t('tips.getDataFail'),
          type: 'error'
        })
      })
    },
    putWorkExperience() {
      if (this.isAdd) {
        this.$post('hr/empWorkExperience', { ...this.workExperienceForm
        }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
            type: 'success'
          })
          this.cleanWorkExperience()
          this.selectWorkExperience()
        })
      } else {
        this.$put('hr/empWorkExperience', { ...this.workExperienceForm
        }).then(() => {
          this.$message({
            message: this.$t('tips.updateSuccess'),
            type: 'success'
          })
          this.$emit('success')
          this.cleanWorkExperience()
          this.selectWorkExperience()
        })
      }
      this.dialogIsShow()
    },
    putWorkExperienceContinue() {
      if (this.isAdd) {
        this.$post('hr/empWorkExperience', { ...this.workExperienceForm
        }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
            type: 'success'
          })
          this.cleanWorkExperience()
          this.selectWorkExperience()
        })
      }
    },
    cleanWorkExperience() {
      this.workExperienceForm.workUnit = ''
      this.workExperienceForm.beginDate = ''
      this.workExperienceForm.endDate = ''
      this.workExperienceForm.jobContent = ''
      this.workExperienceForm.createTime = ''
      this.workExperienceForm.creator = ''
      this.workExperienceForm.modifyTime = ''
      this.workExperienceForm.modifier = ''
      this.workExperienceForm.delFlag = ''
      this.workExperienceForm.version = ''
    },
    editWorkExperience(row) {
      this.isAdd = false
      this.workExperienceForm.workExperienceId = row.workExperienceId
      this.workExperienceForm.empId = row.empId
      this.workExperienceForm.empNumb = row.empNumb
      this.workExperienceForm.empName = row.empName
      this.workExperienceForm.certificateNumb = row.certificateNumb
      this.workExperienceForm.sex = row.sex
      this.workExperienceForm.deptId = row.deptId
      this.workExperienceForm.deptName = row.deptName
      this.workExperienceForm.JobId = row.JobId
      this.workExperienceForm.jobName = row.jobName
      this.workExperienceForm.workUnit = row.workUnit
      this.workExperienceForm.beginDate = row.beginDate
      this.workExperienceForm.endDate = row.endDate
      this.workExperienceForm.jobContent = row.jobContent
      this.workExperienceForm.createTime = row.createTime
      this.workExperienceForm.creator = row.creator
      this.workExperienceForm.modifyTime = row.modifyTime
      this.workExperienceForm.modifier = row.modifier
      this.workExperienceForm.delFlag = row.delFlag
      this.workExperienceForm.version = row.version
      this.dialogshowArr[1].show = true
    },
    selectPhysicalExam() {
      this.$get('hr/empPhysicalExam/list').then((r) => {
        this.physicalExamData = r.data.data.rows
      }).catch((error) => {
        console.error(error)
        this.$message({
          message: this.$t('tips.getDataFail'),
          type: 'error'
        })
      })
    },
    putPhysicalExam() {
      if (this.isAdd) {
        this.$post('hr/empPhysicalExam', { ...this.physicalExamForm
        }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
            type: 'success'
          })
          this.cleanPhysicalExam()
          this.selectPhysicalExam()
        })
      } else {
        this.$put('hr/empPhysicalExam', { ...this.physicalExamForm
        }).then(() => {
          this.$message({
            message: this.$t('tips.updateSuccess'),
            type: 'success'
          })
          this.$emit('success')
          this.cleanPhysicalExam()
          this.selectPhysicalExam()
        })
      }
      this.dialogIsShow()
    },
    putPhysicalExamContinue() {
      if (this.isAdd) {
        this.$post('hr/empPhysicalExam', { ...this.physicalExamForm
        }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
            type: 'success'
          })
          this.cleanPhysicalExam()
          this.selectPhysicalExam()
        })
      }
    },
    cleanPhysicalExam() {
      this.physicalExamForm.hospital = ''
      this.physicalExamForm.physicalExamDate = ''
      this.physicalExamForm.physicalExamType = ''
      this.physicalExamForm.bloodPressure = ''
      this.physicalExamForm.transaminase = ''
      this.physicalExamForm.ecg = ''
      this.physicalExamForm.conclusion = ''
      this.physicalExamForm.reviewRecord = ''
      this.physicalExamForm.remark = ''
    },
    editPhysicalExam(row) {
      this.isAdd = false
      this.physicalExamForm.physicalExamId = row.physicalExamId
      this.physicalExamForm.empId = row.empId
      this.physicalExamForm.empNumb = row.empNumb
      this.physicalExamForm.empName = row.empName
      this.physicalExamForm.certificateNumb = row.certificateNumb
      this.physicalExamForm.sex = row.sex
      this.physicalExamForm.deptId = row.deptId
      this.physicalExamForm.deptName = row.deptName
      this.physicalExamForm.JobId = row.JobId
      this.physicalExamForm.jobName = row.jobName
      this.physicalExamForm.hospital = row.hospital
      this.physicalExamForm.physicalExamDate = row.physicalExamDate
      this.physicalExamForm.physicalExamType = row.physicalExamType
      this.physicalExamForm.bloodPressure = row.bloodPressure
      this.physicalExamForm.transaminase = row.transaminase
      this.physicalExamForm.ecg = row.ecg
      this.physicalExamForm.conclusion = row.conclusion
      this.physicalExamForm.reviewRecord = row.reviewRecord
      this.physicalExamForm.remark = row.remark
      this.physicalExamForm.createTime = row.createTime
      this.physicalExamForm.creator = row.creator
      this.physicalExamForm.modifyTime = row.modifyTime
      this.physicalExamForm.modifier = row.modifier
      this.physicalExamForm.delFlag = row.delFlag
      this.physicalExamForm.version = row.version
      this.dialogshowArr[2].show = true
    },
    selectContractInfo() {
      this.$get('hr/empContractInfo/list').then((r) => {
        this.contractInfoData = r.data.data.rows
      }).catch((error) => {
        console.error(error)
        this.$message({
          message: this.$t('tips.getDataFail'),
          type: 'error'
        })
      })
    },
    putContractInfo() {
      if (this.isAdd) {
        this.$post('hr/empContractInfo', { ...this.contractInfoForm
        }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
            type: 'success'
          })
          this.cleanContractInfo()
          this.selectContractInfo()
        })
      } else {
        this.$put('hr/empContractInfo', { ...this.contractInfoForm
        }).then(() => {
          this.$message({
            message: this.$t('tips.updateSuccess'),
            type: 'success'
          })
          this.$emit('success')
          this.cleanContractInfo()
          this.selectContractInfo()
        })
      }
      this.dialogIsShow()
    },
    putContractInfoContinue() {
      if (this.isAdd) {
        this.$post('hr/empContractInfo', { ...this.contractInfoForm
        }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
            type: 'success'
          })
          this.cleanContractInfo()
          this.selectContractInfo()
        })
      }
    },
    cleanContractInfo() {
      this.contractInfoForm.contractId = ''
      this.contractInfoForm.empId = ''
      this.contractInfoForm.empNumb = ''
      this.contractInfoForm.empName = ''
      this.contractInfoForm.certificateNumb = ''
      this.contractInfoForm.sex = ''
      this.contractInfoForm.deptId = ''
      this.contractInfoForm.deptName = ''
      this.contractInfoForm.JobId = ''
      this.contractInfoForm.jobName = ''
      this.contractInfoForm.beginDate = ''
      this.contractInfoForm.endDate = ''
      this.contractInfoForm.contractStatus = ''
      this.contractInfoForm.contractPeriod = ''
      this.contractInfoForm.transactor = ''
      this.contractInfoForm.signingDate = ''
      this.contractInfoForm.remark = ''
      this.contractInfoForm.createTime = ''
      this.contractInfoForm.creator = ''
      this.contractInfoForm.modifyTime = ''
      this.contractInfoForm.modifier = ''
      this.contractInfoForm.delFlag = ''
      this.contractInfoForm.version = ''
    },
    editContractInfo(row) {
      this.isAdd = false
      this.contractInfoForm.contractId = row.contractId
      this.contractInfoForm.empId = row.empId
      this.contractInfoForm.empNumb = row.empNumb
      this.contractInfoForm.empName = row.empName
      this.contractInfoForm.certificateNumb = row.certificateNumb
      this.contractInfoForm.sex = row.sex
      this.contractInfoForm.deptId = row.deptId
      this.contractInfoForm.deptName = row.deptName
      this.contractInfoForm.JobId = row.JobId
      this.contractInfoForm.jobName = row.jobName
      this.contractInfoForm.beginDate = row.beginDate
      this.contractInfoForm.endDate = row.endDate
      this.contractInfoForm.contractStatus = row.contractStatus
      this.contractInfoForm.contractPeriod = row.contractPeriod
      this.contractInfoForm.transactor = row.transactor
      this.contractInfoForm.signingDate = row.signingDate
      this.contractInfoForm.remark = row.remark
      this.contractInfoForm.createTime = row.createTime
      this.contractInfoForm.creator = row.creator
      this.contractInfoForm.modifyTime = row.modifyTime
      this.contractInfoForm.modifier = row.modifier
      this.contractInfoForm.delFlag = row.delFlag
      this.contractInfoForm.version = row.version
      this.dialogshowArr[3].show = true
    }
  }
}
</script>
<style lang="scss">
.el-container{
  height: 770px;
.el-aside {
  background-color: #E9EEF3;
  color: #333;
  text-align: center;
  height: 100%;
}
<style>
  .button-from {
    text-align: center;
    margin-top: 2%;
  }
.el-main {
  background-color: #E9EEF3;
  color: #333;
  height: 100%;
}
}
.button-from {
  text-align: center;
  margin-top: 2%;
}
  .el-select {
    width: 100%;
  }
.el-select {
  width: 100%;
}
  .commonBtn {
    background-color: rgb(163, 44, 48);
    color: white;
  }
.el-date-editor.el-input, .el-date-editor.el-input__inner {
  width: 100%;
}
  .nomalBtn {
    border: 1px solid rgb(163, 44, 48);
    background-color: white;
    color: rgb(163, 44, 48);
  }
.info-card {
  margin-top: 20px;
}
  .el-date-editor.el-input,
  .el-date-editor.el-input__inner {
    width: 100%;
  }
.el-header, .el-footer {
  background-color: #E9EEF3;
  color: #333;
  text-align: center;
  line-height: 60px;
}
  .info-card {
    margin-top: 20px;
  }
  .el-header,
  .el-footer {
    background-color: #E9EEF3;
    color: #333;
    text-align: center;
    line-height: 60px;
  }
  .el-aside {
    background-color: #E9EEF3;
    color: #333;
    text-align: center;
    height: 800px;
  }
  .el-main {
    background-color: #E9EEF3;
    color: #333;
    height: 800px;
  }
</style>