luoyb
2021-02-09 b0e30a9500901e3ba6ec14fb59fa07da2b58d490
src/views/user/Informationinput.vue
@@ -4,46 +4,46 @@
      <el-aside width="200px">
        <el-timeline>
          <el-timeline-item @click.native="isShow(showArr[0].show, 0)">
            <span :class="thisShowIndex==0?'selectedTimeline':''">基本信息</span>
            <span :class="thisShowIndex===0?'selectedTimeline':''">基本信息</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[1].show, 1)">
            <span :class="thisShowIndex==1?'selectedTimeline':''">工作经历</span>
            <span :class="thisShowIndex===1?'selectedTimeline':''">工作经历</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[2].show, 2)">
            <span :class="thisShowIndex==2?'selectedTimeline':''">体检信息</span>
            <span :class="thisShowIndex===2?'selectedTimeline':''">体检信息</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[3].show, 3)">
            <span :class="thisShowIndex==3?'selectedTimeline':''">合同信息</span>
            <span :class="thisShowIndex===3?'selectedTimeline':''">合同信息</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[4].show, 4)">
            <span :class="thisShowIndex==4?'selectedTimeline':''">考勤情况</span>
            <span :class="thisShowIndex===4?'selectedTimeline':''">考勤情况</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[5].show, 5)">
            <span :class="thisShowIndex==5?'selectedTimeline':''">请假记录</span>
            <span :class="thisShowIndex===5?'selectedTimeline':''">请假记录</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[6].show, 6)">
            <span :class="thisShowIndex==6?'selectedTimeline':''">辞职申请</span>
            <span :class="thisShowIndex===6?'selectedTimeline':''">辞职申请</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[7].show, 7)">
            <span :class="thisShowIndex==7?'selectedTimeline':''">失业金领取</span>
            <span :class="thisShowIndex===7?'selectedTimeline':''">失业金领取</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[8].show, 8)">
            <span :class="thisShowIndex==8?'selectedTimeline':''">社保申请</span>
            <span :class="thisShowIndex===8?'selectedTimeline':''">社保申请</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[9].show, 9)">
            <span :class="thisShowIndex==9?'selectedTimeline':''">意外险案件</span>
            <span :class="thisShowIndex===9?'selectedTimeline':''">意外险案件</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[10].show, 10)">
            <span :class="thisShowIndex==10?'selectedTimeline':''">工伤案件</span>
            <span :class="thisShowIndex===10?'selectedTimeline':''">工伤案件</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[11].show, 11)">
            <span :class="thisShowIndex==11?'selectedTimeline':''">劳资案件</span>
            <span :class="thisShowIndex===11?'selectedTimeline':''">劳资案件</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[12].show, 12)">
            <span :class="thisShowIndex==12?'selectedTimeline':''">不良记录</span>
            <span :class="thisShowIndex===12?'selectedTimeline':''">不良记录</span>
          </el-timeline-item>
          <el-timeline-item @click.native="isShow(showArr[13].show, 13)">
            <span :class="thisShowIndex==13?'selectedTimeline':''">备注信息</span>
            <span :class="thisShowIndex===13?'selectedTimeline':''">备注信息</span>
          </el-timeline-item>
        </el-timeline>
      </el-aside>
@@ -348,7 +348,7 @@
        </el-table>
        <el-table
          v-show="showArr[11].show"
          ref="occupationalTable"
          ref="laborTroubleTable"
          :data="laborTroubleData"
          style="width: 100%;height: 70%;"
        >
@@ -420,11 +420,17 @@
          <el-table-column prop="remarkDate" label="备注日期" width="180" />
          <el-table-column prop="remarkContent" label="备注信息" width="400" />
        </el-table>
        <pagination
          v-show="total>0"
          :total="total"
          :page.sync="pagination.num"
          :limit.sync="pagination.size"
          @pagination="search"
        />
        <el-col :span="24">
          <div style="margin: 0px auto; width: 250px;margin-top: 20px;">
            <el-button class="nomalBtn">取消</el-button>
            <el-button class="nomalBtn">暂存</el-button>
            <el-button class="commonBtn">提交</el-button>
          <div style="width: 250px;margin: 20px auto 0;">
            <el-button class="nomalBtn" @click="deleteFrom()">取消</el-button>
            <el-button class="commonBtn" @click="submitTo()">提交</el-button>
          </div>
        </el-col>
      </el-main>
@@ -439,13 +445,13 @@
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="empBaseInfoForm.empNumb" />
            </el-form-item>
            <el-form-item label="性别" prop="sex">
              <el-select v-model="empBaseInfoForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            <el-form-item label="身份证号码">
              <el-input
                v-model="empBaseInfoForm.certificateNumb"
                @input="generateUserInfo(0,empBaseInfoForm.certificateNumb)"
              />
            </el-form-item>
            <el-form-item label="员工类型">
            <el-form-item label="员工类别" prop="empType">
              <el-select v-model="empBaseInfoForm.empType" placeholder="请选择员工类型">
                <el-option label="正式工" value="1" />
                <el-option label="临时工" value="2" />
@@ -582,6 +588,9 @@
              <el-select v-model="empBaseInfoForm.insuranceType" placeholder="请选择保险类型">
                <el-option label="(深户)五险一档" value="1" />
                <el-option label="(非深户)五险一档" value="2" />
                <el-option label="(非深户)五险二档" value="3" />
                <el-option label="(非深户)五险三档" value="4" />
                <el-option label="(非深户)四险一档" value="5" />
              </el-select>
            </el-form-item>
            <el-form-item label="家庭成员及关系">
@@ -592,21 +601,20 @@
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="护卫点" required message="请选择护卫点" prop="deptId">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="empBaseInfoForm.empName" />
            </el-form-item>
            <el-form-item label="部门(护卫点)" required message="请选择护卫点" prop="deptId">
              <treeselect
                v-model="empBaseInfoForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                placeholder="请选择部门(护卫点)"
                style="width:100%"
              />
            </el-form-item>
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="empBaseInfoForm.empName" />
            </el-form-item>
            <el-form-item label="所属岗位">
              <!--              <el-input v-model="empBaseInfoForm.jobName" />-->
            <el-form-item label="岗位" prop="jobName">
              <el-autocomplete
                v-model="empBaseInfoForm.jobName"
                class="inline-input"
@@ -615,11 +623,11 @@
                @select="jobNameSelect"
              />
            </el-form-item>
            <el-form-item label="身份证号码">
              <el-input
                v-model="empBaseInfoForm.certificateNumb"
                @input="generateUserInfo(0,empBaseInfoForm.certificateNumb)"
              />
            <el-form-item label="性别" prop="sex">
              <el-select v-model="empBaseInfoForm.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="empBaseInfoForm.certificateValidity" />
@@ -680,8 +688,6 @@
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="相关证件">
              <el-select v-model="empBaseInfoForm.certificateList" placeholder="请选择相关证件">
@@ -703,62 +709,56 @@
      <el-form :model="workExperienceForm" :rules="rules" label-position="right" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="workExperienceForm.empNumb" />
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="workExperienceForm.empName" suffix-icon="el-icon-search" @click.native="showXzyg()" />
            </el-form-item>
            <el-form-item label="身份证号码">
            <el-form-item label="身份证号码" prop="certificateNumb">
              <el-input
                v-model="workExperienceForm.certificateNumb"
                @input="generateUserInfo(1,empBaseInfoForm.certificateNumb)"
              />
            </el-form-item>
            <el-form-item label="护卫点" required prop="deptNeme">
              <treeselect
                v-model="workExperienceForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                style="width:100%"
              />
            </el-form-item>
            <el-form-item label="开始时间">
              <el-date-picker
                v-model="workExperienceForm.beginDate"
                type="date"
                value-format="yyyy-MM-dd"
                placeholder="选择日期"
              />
            <el-form-item label="性别" prop="sex">
              <el-input v-model="workExperienceForm.sex" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="workExperienceForm.empName" />
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="workExperienceForm.empNumb" />
            </el-form-item>
            <el-form-item label="性别" prop="sex">
              <el-select v-model="workExperienceForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            <el-form-item label="部门(护卫点)" prop="deptName">
              <el-input v-model="workExperienceForm.deptName" />
            </el-form-item>
            <el-form-item label="岗位名称">
            <el-form-item label="岗位" prop="jobName">
              <el-input v-model="workExperienceForm.jobName" />
            </el-form-item>
            <el-form-item label="结束时间">
              <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-form-item label="工作单位" prop="workUnit">
              <el-input v-model="workExperienceForm.workUnit" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="开始日期">
              <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-date-picker
                v-model="workExperienceForm.endDate"
                type="date"
                value-format="yyyy-MM-dd"
                placeholder="年-月-日"
              />
            </el-form-item>
          </el-col>
        </el-row>
@@ -784,26 +784,18 @@
      <el-form :model="physicalExamForm" :rules="rules" label-position="right" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="physicalExamForm.empNumb" />
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="physicalExamForm.empName" suffix-icon="el-icon-search" @click.native="showXzyg()" />
            </el-form-item>
            <el-form-item label="身份证号码">
            <el-form-item label="身份证号码" prop="certificateNumb">
              <el-input
                v-model="physicalExamForm.certificateNumb"
                @input="generateUserInfo(2,empBaseInfoForm.certificateNumb)"
              />
            </el-form-item>
            <el-form-item label="护卫点" required prop="deptNeme">
              <treeselect
                v-model="physicalExamForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                style="width:100%"
              />
            <el-form-item label="性别" prop="sex">
              <el-input v-model="physicalExamForm.sex" />
            </el-form-item>
            <el-form-item label="体检医院">
            <el-form-item label="体检医院" prop="hospital">
              <el-input v-model="physicalExamForm.hospital" />
            </el-form-item>
            <el-form-item label="体检类型">
@@ -820,19 +812,16 @@
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="physicalExamForm.empName" />
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="physicalExamForm.empNumb" />
            </el-form-item>
            <el-form-item label="性别" prop="sex">
              <el-select v-model="physicalExamForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            <el-form-item label="部门(护卫点)" prop="deptName">
              <el-input v-model="physicalExamForm.deptName" />
            </el-form-item>
            <el-form-item label="岗位名称">
            <el-form-item label="岗位" prop="jobName">
              <el-input v-model="physicalExamForm.jobName" />
            </el-form-item>
            <el-form-item label="体检日期">
            <el-form-item label="体检日期" prop="physicalExamDate">
              <el-date-picker
                v-model="physicalExamForm.physicalExamDate"
                value-format="yyyy-MM-dd"
@@ -853,7 +842,7 @@
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="体检结论">
            <el-form-item label="体检结论" prop="conclusion">
              <el-input v-model="physicalExamForm.conclusion" />
            </el-form-item>
            <el-form-item label="复查记录">
@@ -883,31 +872,18 @@
      <el-form :model="contractInfoForm" :rules="rules" label-position="right" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="contractInfoForm.empNumb" />
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="contractInfoForm.empName" suffix-icon="el-icon-search" @click.native="showXzyg()" />
            </el-form-item>
            <el-form-item label="证件号码">
              <el-input v-model="contractInfoForm.certificateNumb" />
            </el-form-item>
            <el-form-item label="护卫点" required prop="deptNeme">
              <treeselect
                v-model="contractInfoForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                style="width:100%"
            <el-form-item label="身份证号码" prop="certificateNumb">
              <el-input
                v-model="contractInfoForm.certificateNumb"
              />
            </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 label="性别" prop="sex">
              <el-input v-model="contractInfoForm.sex" />
            </el-form-item>
            <el-form-item label="合同状态">
            <el-form-item label="合同状态" prop="contractStatus">
              <el-select
                v-model="contractInfoForm.contractStatus"
                placeholder="请选择合同状态"
@@ -916,24 +892,29 @@
                <el-option label="老签" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="合同签订日期" prop="signingDate">
              <el-date-picker
                v-model="contractInfoForm.signingDate"
                value-format="yyyy-MM-dd"
                type="date"
                placeholder="选择日期"
              />
            </el-form-item>
            <el-form-item label="合同办理人">
              <el-input v-model="contractInfoForm.transactor" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="contractInfoForm.empName" />
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="contractInfoForm.empNumb" />
            </el-form-item>
            <el-form-item label="性别" prop="sex">
              <el-select v-model="contractInfoForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            <el-form-item label="部门(护卫点)" prop="deptName">
              <el-input v-model="contractInfoForm.deptName" />
            </el-form-item>
            <el-form-item label="岗位名称">
            <el-form-item label="岗位" prop="jobName">
              <el-input v-model="contractInfoForm.jobName" />
            </el-form-item>
            <el-form-item label="合同结束日期">
            <el-form-item label="合同结束日期" prop="endDate">
              <el-date-picker
                v-model="contractInfoForm.endDate"
                value-format="yyyy-MM-dd"
@@ -943,14 +924,6 @@
            </el-form-item>
            <el-form-item label="合同期限(年)">
              <el-input v-model="contractInfoForm.contractPeriod" />
            </el-form-item>
            <el-form-item label="合同签订日期">
              <el-date-picker
                v-model="contractInfoForm.signingDate"
                value-format="yyyy-MM-dd"
                type="date"
                placeholder="选择日期"
              />
            </el-form-item>
          </el-col>
        </el-row>
@@ -976,26 +949,18 @@
      <el-form :model="dimissionAttendForm" :rules="rules" label-position="right" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="dimissionAttendForm.empNumb" />
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="dimissionAttendForm.empName" suffix-icon="el-icon-search" @click.native="showXzyg()" />
            </el-form-item>
            <el-form-item label="性别" prop="sex">
              <el-select v-model="dimissionAttendForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="护卫点" required prop="deptNeme">
              <treeselect
                v-model="dimissionAttendForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                style="width:100%"
            <el-form-item label="身份证号码" prop="certificateNumb">
              <el-input
                v-model="dimissionAttendForm.certificateNumb"
              />
            </el-form-item>
            <el-form-item label="离职考勤月份">
            <el-form-item label="性别" prop="sex">
              <el-input v-model="dimissionAttendForm.sex" />
            </el-form-item>
            <el-form-item label="离职考勤月份" prop="attendMonth">
              <el-date-picker
                v-model="dimissionAttendForm.attendMonth"
                value-format="yyyy-MM"
@@ -1006,22 +971,24 @@
            <el-form-item label="加班(天)">
              <el-input v-model="dimissionAttendForm.overtimeDay" />
            </el-form-item>
            <el-form-item label="有无代扣款项">
            <el-form-item label="有无代扣款项" prop="deduct">
              <el-input v-model="dimissionAttendForm.deduct" />
            </el-form-item>
            <el-form-item label="旷工(天)">
              <el-input v-model="dimissionAttendForm.absenteeism" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="dimissionAttendForm.empName" />
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="dimissionAttendForm.empNumb" />
            </el-form-item>
            <el-form-item label="证件号码">
              <el-input v-model="dimissionAttendForm.certificateNumb" />
            <el-form-item label="部门(护卫点)" prop="deptName">
              <el-input v-model="dimissionAttendForm.deptName" />
            </el-form-item>
            <el-form-item label="岗位名称">
            <el-form-item label="岗位" prop="jobName">
              <el-input v-model="dimissionAttendForm.jobName" />
            </el-form-item>
            <el-form-item label="出勤天数">
            <el-form-item label="出勤天数" prop="attendDays">
              <el-input v-model="dimissionAttendForm.attendDays" />
            </el-form-item>
@@ -1031,10 +998,6 @@
            <el-form-item label="请假(天)">
              <el-input v-model="dimissionAttendForm.leaveDay" />
            </el-form-item>
            <el-form-item label="旷工(天)">
              <el-input v-model="dimissionAttendForm.absenteeism" />
            </el-form-item>
          </el-col>
        </el-row>
@@ -1056,26 +1019,18 @@
      <el-form :model="leaveInfoForm" :rules="rules" label-position="right" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="leaveInfoForm.empNumb" />
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="leaveInfoForm.empName" suffix-icon="el-icon-search" @click.native="showXzyg()" />
            </el-form-item>
            <el-form-item label="性别" prop="sex">
              <el-select v-model="leaveInfoForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="护卫点" required prop="deptNeme">
              <treeselect
                v-model="leaveInfoForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                style="width:100%"
            <el-form-item label="身份证号码" prop="certificateNumb">
              <el-input
                v-model="leaveInfoForm.certificateNumb"
              />
            </el-form-item>
            <el-form-item label="请假开始时间">
            <el-form-item label="性别" prop="sex">
              <el-input v-model="leaveInfoForm.sex" />
            </el-form-item>
            <el-form-item label="请假开始时间" prop="beginTime">
              <el-date-picker
                v-model="leaveInfoForm.beginTime"
                value-format="yyyy-MM-dd HH:mm:ss"
@@ -1085,28 +1040,28 @@
              />
            </el-form-item>
            <el-form-item label="请假类型">
            <el-form-item label="请假类型" prop="leaveType">
              <el-select v-model="leaveInfoForm.leaveType" placeholder="请选择请假类型">
                <el-option label="事假" value="1" />
                <el-option label="病假" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="报备人">
            <el-form-item label="报备人" prop="reporter">
              <el-input v-model="leaveInfoForm.reporter" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="leaveInfoForm.empName" />
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="leaveInfoForm.empNumb" />
            </el-form-item>
            <el-form-item label="证件号码">
              <el-input v-model="leaveInfoForm.certificateNumb" />
            <el-form-item label="部门(护卫点)" prop="deptName">
              <el-input v-model="leaveInfoForm.deptName" />
            </el-form-item>
            <el-form-item label="岗位名称">
            <el-form-item label="岗位" prop="jobName">
              <el-input v-model="leaveInfoForm.jobName" />
            </el-form-item>
            <el-form-item label="请假结束时间">
            <el-form-item label="请假结束时间" prop="endTime">
              <el-date-picker
                v-model="leaveInfoForm.endTime"
                value-format="yyyy-MM-dd HH:mm:ss"
@@ -1149,26 +1104,18 @@
      <el-form :model="resignForm" :rules="rules" label-position="right" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="resignForm.empNumb" />
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="resignForm.empName" suffix-icon="el-icon-search" @click.native="showXzyg()" />
            </el-form-item>
            <el-form-item label="性别" prop="sex">
              <el-select v-model="resignForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="护卫点" required prop="deptNeme">
              <treeselect
                v-model="resignForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                style="width:100%"
            <el-form-item label="身份证号码" prop="certificateNumb">
              <el-input
                v-model="resignForm.certificateNumb"
              />
            </el-form-item>
            <el-form-item label="辞职申请日期">
            <el-form-item label="性别" prop="sex">
              <el-input v-model="resignForm.sex" />
            </el-form-item>
            <el-form-item label="辞职申请日期" prop="applayDate">
              <el-date-picker
                v-model="resignForm.applayDate"
                value-format="yyyy-MM-dd"
@@ -1178,13 +1125,13 @@
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="resignForm.empName" />
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="resignForm.empNumb" />
            </el-form-item>
            <el-form-item label="证件号码">
              <el-input v-model="resignForm.certificateNumb" />
            <el-form-item label="部门(护卫点)" prop="deptName">
              <el-input v-model="resignForm.deptName" />
            </el-form-item>
            <el-form-item label="岗位名称">
            <el-form-item label="岗位" prop="jobName">
              <el-input v-model="resignForm.jobName" />
            </el-form-item>
            <el-form-item label="报备人">
@@ -1194,7 +1141,7 @@
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="辞职事由">
            <el-form-item label="辞职事由" prop="reason">
              <el-input v-model="resignForm.reason" />
            </el-form-item>
          </el-col>
@@ -1217,26 +1164,18 @@
      <el-form :model="unemploymentForm" :rules="rules" label-position="right" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号🔍" @click.native="showXzyg">
              <el-input v-model="unemploymentForm.empNumb" />
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="unemploymentForm.empName" suffix-icon="el-icon-search" @click.native="showXzyg()" />
            </el-form-item>
            <el-form-item label="性别" prop="sex">
              <el-select v-model="unemploymentForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="护卫点" required prop="deptNeme">
              <treeselect
                v-model="unemploymentForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                style="width:100%"
            <el-form-item label="身份证号码" prop="certificateNumb">
              <el-input
                v-model="unemploymentForm.certificateNumb"
              />
            </el-form-item>
            <el-form-item label="失业金申请日期">
            <el-form-item label="性别" prop="sex">
              <el-input v-model="unemploymentForm.sex" />
            </el-form-item>
            <el-form-item label="失业金申请日期" prop="applayDate" label-width="130px">
              <el-date-picker
                v-model="unemploymentForm.applayDate"
                value-format="yyyy-MM-dd"
@@ -1244,18 +1183,18 @@
                placeholder="选择失业金申请日期"
              />
            </el-form-item>
            <el-form-item label="申报事由">
            <el-form-item label="申报事由" prop="applayReason">
              <el-input v-model="unemploymentForm.applayReason" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="unemploymentForm.empName" />
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="unemploymentForm.empNumb" />
            </el-form-item>
            <el-form-item label="证件号码">
              <el-input v-model="unemploymentForm.certificateNumb" />
            <el-form-item label="部门(护卫点)" prop="deptName">
              <el-input v-model="unemploymentForm.deptName" />
            </el-form-item>
            <el-form-item label="岗位名称">
            <el-form-item label="岗位" prop="jobName">
              <el-input v-model="unemploymentForm.jobName" />
            </el-form-item>
            <el-form-item label="汇报人">
@@ -1285,26 +1224,18 @@
      <el-form :model="insuranceForm" :rules="rules" label-position="right" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="insuranceForm.empNumb" />
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="insuranceForm.empName" suffix-icon="el-icon-search" @click.native="showXzyg()" />
            </el-form-item>
            <el-form-item label="性别" prop="sex">
              <el-select v-model="insuranceForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="护卫点" required prop="deptNeme">
              <treeselect
                v-model="insuranceForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                style="width:100%"
            <el-form-item label="身份证号码" prop="certificateNumb">
              <el-input
                v-model="insuranceForm.certificateNumb"
              />
            </el-form-item>
            <el-form-item label="社保申请日期">
            <el-form-item label="性别" prop="sex">
              <el-input v-model="insuranceForm.sex" />
            </el-form-item>
            <el-form-item label="社保申请日期" prop="applayDate">
              <el-date-picker
                v-model="insuranceForm.applayDate"
                value-format="yyyy-MM-dd"
@@ -1312,10 +1243,16 @@
                placeholder="选择社保申请日期"
              />
            </el-form-item>
            <el-form-item label="社保档位">
              <el-input v-model="insuranceForm.insuranceGaers" />
            <el-form-item label="社保档位" prop="insuranceGaers">
              <el-select v-model="insuranceForm.insuranceGaers" placeholder="请选择社保档位">
                <el-option label="(深户)五险一档" value="1" />
                <el-option label="(非深户)五险一档" value="2" />
                <el-option label="(非深户)五险二档" value="3" />
                <el-option label="(非深户)五险三档" value="4" />
                <el-option label="(非深户)四险一档" value="5" />
              </el-select>
            </el-form-item>
            <el-form-item label="状态">
            <el-form-item label="状态" prop="applayStatus">
              <el-select v-model="insuranceForm.applayStatus" placeholder="请选择状态">
                <el-option label="未申请" value="1" />
                <el-option label="已申请" value="2" />
@@ -1323,16 +1260,16 @@
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="insuranceForm.empName" />
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="insuranceForm.empNumb" />
            </el-form-item>
            <el-form-item label="证件号码">
              <el-input v-model="insuranceForm.certificateNumb" />
            <el-form-item label="部门(护卫点)" prop="deptName">
              <el-input v-model="insuranceForm.deptName" />
            </el-form-item>
            <el-form-item label="岗位名称">
            <el-form-item label="岗位" prop="jobName">
              <el-input v-model="insuranceForm.jobName" />
            </el-form-item>
            <el-form-item label="申请人">
            <el-form-item label="申请人" prop="proposer">
              <el-input v-model="insuranceForm.proposer" />
            </el-form-item>
            <el-form-item label="是否已经报告">
@@ -1364,26 +1301,18 @@
      <el-form :model="accidentCasesForm" :rules="rules" label-position="right" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="accidentCasesForm.empNumb" />
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="accidentCasesForm.empName" suffix-icon="el-icon-search" @click.native="showXzyg()" />
            </el-form-item>
            <el-form-item label="性别" prop="sex">
              <el-select v-model="accidentCasesForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="护卫点" required prop="deptNeme">
              <treeselect
                v-model="accidentCasesForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                style="width:100%"
            <el-form-item label="身份证号码" prop="certificateNumb">
              <el-input
                v-model="accidentCasesForm.certificateNumb"
              />
            </el-form-item>
            <el-form-item label="受伤时间">
            <el-form-item label="性别" prop="sex">
              <el-input v-model="accidentCasesForm.sex" />
            </el-form-item>
            <el-form-item label="受伤时间" prop="injuredTime">
              <el-date-picker
                v-model="accidentCasesForm.injuredTime"
                value-format="yyyy-MM-dd HH:mm:ss"
@@ -1391,18 +1320,18 @@
                placeholder="选择受伤时间"
              />
            </el-form-item>
            <el-form-item label="受伤部位">
            <el-form-item label="受伤部位" prop="injuredPart">
              <el-input v-model="accidentCasesForm.injuredPart" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="accidentCasesForm.empName" />
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="accidentCasesForm.empNumb" />
            </el-form-item>
            <el-form-item label="证件号码">
              <el-input v-model="accidentCasesForm.certificateNumb" />
            <el-form-item label="部门(护卫点)" prop="deptName">
              <el-input v-model="accidentCasesForm.deptName" />
            </el-form-item>
            <el-form-item label="岗位名称">
            <el-form-item label="岗位" prop="jobName">
              <el-input v-model="accidentCasesForm.jobName" />
            </el-form-item>
            <el-form-item label="受伤地点">
@@ -1416,17 +1345,17 @@
        <el-row>
          <el-col :span="24">
            <el-form-item label="受伤经过描述">
            <el-form-item label="受伤经过描述" prop="injuredDescribe">
              <el-input v-model="accidentCasesForm.injuredDescribe" type="textarea" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="就诊医院">
            <el-form-item label="就诊医院" prop="hospitalName">
              <el-input v-model="accidentCasesForm.hospitalName" />
            </el-form-item>
            <el-form-item label="是否住院">
            <el-form-item label="是否住院" prop="hospitalizatioFlag">
              <el-select v-model="accidentCasesForm.hospitalizatioFlag" placeholder="是否住院">
                <el-option label="未住院" value="0" />
                <el-option label="已住院" value="1" />
@@ -1443,7 +1372,7 @@
            <el-form-item label="递交人">
              <el-input v-model="accidentCasesForm.sbumitBy" />
            </el-form-item>
            <el-form-item label="保险赔付费用">
            <el-form-item label="保险赔付费用" prop="innsureFee">
              <el-input v-model="accidentCasesForm.innsureFee" />
            </el-form-item>
            <el-form-item label="人事处理时间">
@@ -1455,7 +1384,7 @@
              />
            </el-form-item>
            <el-form-item label="案结时间">
            <el-form-item label="案结时间" prop="settleDate">
              <el-date-picker
                v-model="accidentCasesForm.settleDate"
                value-format="yyyy-MM-dd"
@@ -1479,13 +1408,13 @@
                placeholder="选择递交资料时间"
              />
            </el-form-item>
            <el-form-item label="医疗总费用">
            <el-form-item label="医疗总费用" prop="expensesFee">
              <el-input v-model="accidentCasesForm.expensesFee" />
            </el-form-item>
            <el-form-item label="报单号">
              <el-input v-model="accidentCasesForm.expenseReport" />
            </el-form-item>
            <el-form-item label="状态">
            <el-form-item label="状态" prop="settleStatus">
              <el-select v-model="accidentCasesForm.settleStatus" placeholder="">
                <el-option label="已结案" value="1" />
                <el-option label="未结案" value="0" />
@@ -1504,26 +1433,18 @@
      <el-form :model="occupationalForm" :rules="rules" label-position="right" label-width="140px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="occupationalForm.empNumb" />
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="occupationalForm.empName" suffix-icon="el-icon-search" @click.native="showXzyg()" />
            </el-form-item>
            <el-form-item label="性别" prop="sex">
              <el-select v-model="occupationalForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="护卫点" required prop="deptNeme">
              <treeselect
                v-model="occupationalForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                style="width:100%"
            <el-form-item label="身份证号码" prop="certificateNumb">
              <el-input
                v-model="occupationalForm.certificateNumb"
              />
            </el-form-item>
            <el-form-item label="受伤时间">
            <el-form-item label="性别" prop="sex">
              <el-input v-model="occupationalForm.sex" />
            </el-form-item>
            <el-form-item label="受伤时间" prop="injuredTime">
              <el-date-picker
                v-model="occupationalForm.injuredTime"
                value-format="yyyy-MM-dd HH:mm:ss"
@@ -1531,21 +1452,21 @@
                placeholder="选择受伤时间"
              />
            </el-form-item>
            <el-form-item label="受伤部位">
            <el-form-item label="受伤部位" prop="injuredPart">
              <el-input v-model="occupationalForm.injuredPart" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="occupationalForm.empName" />
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="occupationalForm.empNumb" />
            </el-form-item>
            <el-form-item label="证件号码">
              <el-input v-model="occupationalForm.certificateNumb" />
            <el-form-item label="部门(护卫点)" prop="deptName">
              <el-input v-model="occupationalForm.deptName" />
            </el-form-item>
            <el-form-item label="岗位名称">
            <el-form-item label="岗位" prop="jobName">
              <el-input v-model="occupationalForm.jobName" />
            </el-form-item>
            <el-form-item label="受伤地点">
            <el-form-item label="受伤地点" prop="injuredAddress">
              <el-input v-model="occupationalForm.injuredAddress" />
            </el-form-item>
            <el-form-item label="工伤诊断">
@@ -1556,17 +1477,17 @@
        <el-row>
          <el-col :span="24">
            <el-form-item label="受伤经过描述">
            <el-form-item label="受伤经过描述" prop="injuredDescribe">
              <el-input v-model="occupationalForm.injuredDescribe" type="textarea" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="就诊医院">
            <el-form-item label="就诊医院" prop="hospitalName">
              <el-input v-model="occupationalForm.hospitalName" />
            </el-form-item>
            <el-form-item label="是否住院">
            <el-form-item label="是否住院" prop="hospitalizatioFlag">
              <el-select v-model="occupationalForm.hospitalizatioFlag" placeholder="是否住院">
                <el-option label="未住院" value="0" />
                <el-option label="已住院" value="1" />
@@ -1613,7 +1534,7 @@
        <el-divider />
        <el-row>
          <el-col :span="12">
            <el-form-item label="医疗总费用">
            <el-form-item label="医疗总费用" prop="expensesFee">
              <el-input v-model="occupationalForm.expensesFee" />
            </el-form-item>
            <el-form-item label="一次性伤残补助金">
@@ -1639,7 +1560,7 @@
        <el-divider />
        <el-row>
          <el-col :span="12">
            <el-form-item label="已赔付医药费用">
            <el-form-item label="已赔付医药费用" prop="compensated">
              <el-input v-model="occupationalForm.compensated" />
            </el-form-item>
            <el-form-item label="一次性伤残补助金">
@@ -1659,10 +1580,10 @@
            <el-form-item label="工伤生活补贴">
              <el-input v-model="occupationalForm.companyAllowance" />
            </el-form-item>
            <el-form-item label="公司赔偿总费用">
            <el-form-item label="公司赔偿总费用" prop="companyCompensation">
              <el-input v-model="occupationalForm.companyCompensation" />
            </el-form-item>
            <el-form-item label="是否结案">
            <el-form-item label="是否结案" prop="settleStatus">
              <el-select v-model="occupationalForm.settleStatus" placeholder="">
                <el-option label="已结案" value="1" />
                <el-option label="未结案" value="0" />
@@ -1689,26 +1610,18 @@
      <el-form :model="laborTroubleForm" :rules="rules" label-position="right" label-width="140px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="laborTroubleForm.empNumb" />
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="laborTroubleForm.empName" suffix-icon="el-icon-search" @click.native="showXzyg()" />
            </el-form-item>
            <el-form-item label="性别" prop="sex">
              <el-select v-model="laborTroubleForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="护卫点" required prop="deptNeme">
              <treeselect
                v-model="laborTroubleForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                style="width:100%"
            <el-form-item label="身份证号码" prop="certificateNumb">
              <el-input
                v-model="laborTroubleForm.certificateNumb"
              />
            </el-form-item>
            <el-form-item label="仲裁日期">
            <el-form-item label="性别" prop="sex">
              <el-input v-model="laborTroubleForm.sex" />
            </el-form-item>
            <el-form-item label="仲裁日期" prop="arbitrationDate">
              <el-date-picker
                v-model="laborTroubleForm.arbitrationDate"
                value-format="yyyy-MM-dd"
@@ -1719,7 +1632,7 @@
            <el-form-item label="汇报人">
              <el-input v-model="laborTroubleForm.reporter" />
            </el-form-item>
            <el-form-item label="状态">
            <el-form-item label="状态" prop="arbitrationStatus">
              <el-select v-model="laborTroubleForm.arbitrationStatus" placeholder="">
                <el-option label="已结案" value="1" />
                <el-option label="未结案" value="0" />
@@ -1727,13 +1640,13 @@
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="laborTroubleForm.empName" />
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="laborTroubleForm.empNumb" />
            </el-form-item>
            <el-form-item label="证件号码">
              <el-input v-model="laborTroubleForm.certificateNumb" />
            <el-form-item label="部门(护卫点)" prop="deptName">
              <el-input v-model="laborTroubleForm.deptName" />
            </el-form-item>
            <el-form-item label="岗位名称">
            <el-form-item label="岗位" prop="jobName">
              <el-input v-model="laborTroubleForm.jobName" />
            </el-form-item>
            <el-form-item label="仲裁类型">
@@ -1754,7 +1667,7 @@
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="仲裁事由">
            <el-form-item label="仲裁事由" prop="arbitrationReason">
              <el-input v-model="laborTroubleForm.arbitrationReason" />
            </el-form-item>
          </el-col>
@@ -1777,26 +1690,18 @@
      <el-form :model="badRecordForm" :rules="rules" label-position="right" label-width="140px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="badRecordForm.empNumb" />
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="badRecordForm.empName" suffix-icon="el-icon-search" @click.native="showXzyg()" />
            </el-form-item>
            <el-form-item label="性别" prop="sex">
              <el-select v-model="badRecordForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="护卫点" required prop="deptNeme">
              <treeselect
                v-model="badRecordForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                style="width:100%"
            <el-form-item label="身份证号码" prop="certificateNumb">
              <el-input
                v-model="badRecordForm.certificateNumb"
              />
            </el-form-item>
            <el-form-item label="不良记录日期">
            <el-form-item label="性别" prop="sex">
              <el-input v-model="badRecordForm.sex" />
            </el-form-item>
            <el-form-item label="不良记录日期" prop="badDate">
              <el-date-picker
                v-model="badRecordForm.badDate"
                type="date"
@@ -1806,13 +1711,13 @@
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="badRecordForm.empName" />
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="badRecordForm.empNumb" />
            </el-form-item>
            <el-form-item label="证件号码">
              <el-input v-model="badRecordForm.certificateNumb" />
            <el-form-item label="部门(护卫点)" prop="deptName">
              <el-input v-model="badRecordForm.deptName" />
            </el-form-item>
            <el-form-item label="岗位名称">
            <el-form-item label="岗位" prop="jobName">
              <el-input v-model="badRecordForm.jobName" />
            </el-form-item>
            <el-form-item label="汇报人">
@@ -1822,7 +1727,7 @@
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="不良记录描述">
            <el-form-item label="不良记录描述" prop="badContent">
              <el-input v-model="badRecordForm.badContent" />
            </el-form-item>
          </el-col>
@@ -1842,30 +1747,21 @@
      </div>
    </el-dialog>
    <el-dialog title="备注信息" :visible.sync="dialogshowArr[13].show" width="50%">
      <el-form :model="remarkInfoForm" :rules="rules" label-position="right" label-width="140px">
      <el-form ref="remarkInfoForm" :model="remarkInfoForm" :rules="remarkInfoRules" label-position="right" label-width="140px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="remarkInfoForm.empNumb" />
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="remarkInfoForm.empName" suffix-icon="el-icon-search" @click.native="showXzyg()" />
            </el-form-item>
            <el-form-item label="性别" prop="sex">
              <el-select v-model="remarkInfoForm.sex" placeholder="请选择性别">
                <el-option label="男" value="1" />
                <el-option label="女" value="2" />
              </el-select>
            </el-form-item>
            <el-form-item label="护卫点" required prop="deptNeme">
              <treeselect
                v-model="remarkInfoForm.deptId"
                :multiple="false"
                :options="depts"
                :clear-value-text="$t('common.clear')"
                placeholder=" "
                style="width:100%"
            <el-form-item label="身份证号码" prop="certificateNumb">
              <el-input
                v-model="remarkInfoForm.certificateNumb"
              />
            </el-form-item>
            <el-form-item label="备注日期">
            <el-form-item label="性别" prop="sex">
              <el-input v-model="remarkInfoForm.sex" />
            </el-form-item>
            <el-form-item label="备注日期" prop="remarkDate">
              <el-date-picker
                v-model="remarkInfoForm.remarkDate"
                value-format="yyyy-MM-dd"
@@ -1875,28 +1771,28 @@
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="姓名" prop="empName">
              <el-input v-model="remarkInfoForm.empName" />
            <el-form-item label="员工编号" prop="empNumb">
              <el-input v-model="remarkInfoForm.empNumb" />
            </el-form-item>
            <el-form-item label="证件号码">
              <el-input v-model="remarkInfoForm.certificateNumb" />
            <el-form-item label="部门(护卫点)" prop="deptName">
              <el-input v-model="remarkInfoForm.deptName" />
            </el-form-item>
            <el-form-item label="岗位名称">
            <el-form-item label="岗位" prop="jobName">
              <el-input v-model="remarkInfoForm.jobName" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="备注">
            <el-form-item label="备注" prop="remarkContent">
              <el-input v-model="remarkInfoForm.remarkContent" type="textarea" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="putRemarkInfo()">保 存</el-button>
        <el-button type="primary" @click="putRemarkInfoContinue()">保存并继续新增</el-button>
        <el-button type="primary" @click="putRemarkInfo('remarkInfoForm')">保 存</el-button>
        <el-button type="primary" @click="putRemarkInfoContinue('remarkInfoForm')">保存并继续新增</el-button>
        <el-button @click="dialogIsShow()">取 消</el-button>
      </div>
    </el-dialog>
@@ -1909,27 +1805,85 @@
import { toCardGetUserInfo } from '@/utils/myUtil'
import Treeselect from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
import Pagination from '@/components/Pagination'
export default {
  components: { Treeselect },
  components: { Treeselect, Pagination },
  data() {
    return {
      total: 0, // 总数量
      queryParams: {}, // 查询参数
      sort: {}, // 排序
      pagination: { // 分页参数
        size: 20,
        num: 1
      },
      tableUrl: '',
      tableDataName: '',
      inputForName: '',
      rules: {
        empNumb: [{ required: true, message: '请输入员工编号', trigger: 'blur' },
          { min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'blur' }],
        archivesNumb: [{ required: true, message: '请输入档案号', trigger: 'blur' }, { max: 20, message: this.$t('rules.noMoreThan20'), trigger: 'blur' }],
        empName: [{ required: true, message: '请输入员工姓名', trigger: 'blur' },
          { min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'blur' }],
        jobName: [{ required: true, message: '请输入员工岗位', trigger: 'blur' },
          { min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'blur' }],
        sex: [
          { required: true, message: '请选择性别', trigger: 'change' }
        ],
          { min: 2, max: 50, message: this.$t('rules.noMoreThan50'), trigger: 'blur' }],
        empNumb: [{ required: true, message: '请输入员工编号', trigger: 'blur' },
          { min: 2, max: 20, message: this.$t('rules.noMoreThan20'), trigger: 'blur' }],
        deptName: [
          { required: true, message: '请选择护卫点', trigger: 'input' }
        ],
        empType: [{
          required: true, message: '请选择员工类型', trigger: 'change'
        }]
        certificateNumb: [{ required: true, message: '请输入身份证号', trigger: 'blur' }],
        jobName: [{ required: true, message: '请选择岗位', trigger: 'change' }],
        nativePlaceName: [{ required: true, message: '请选择籍贯', trigger: 'change' }],
        bankName: [{ required: true, message: '请输入银行名称', trigger: 'blur' }],
        insuranceType: [{ required: true, message: '请选择保险类型', trigger: 'change' }],
        entryDate: [{ required: true, message: '请选择入职日期', trigger: 'change' }],
        seniority: [{ required: true, message: '请输入入司工龄', trigger: 'blur' }],
        archivesStatus: [{ required: true, message: '请选择档案情况', trigger: 'change' }],
        bankNumb: [{ required: true, message: '请输入银行账号', trigger: 'blur' }],
        empType: [{ required: true, message: '请选择员工类型', trigger: 'change' }],
        workUnit: [{ required: true, message: '请输入工作单位', trigger: 'blur' }],
        beginDate: [{ required: true, message: '请选择开始日期', trigger: 'change' }],
        endDate: [{ required: true, message: '请选择结束日期', trigger: 'change' }],
        hospital: [{ required: true, message: '请输入体检医院', trigger: 'blur' }],
        physicalExamDate: [{ required: true, message: '请选择体检日期', trigger: 'change' }],
        conclusion: [{ required: true, message: '请输入体检结论', trigger: 'blur' }],
        signingDate: [{ required: true, message: '请选择合同签订日期', trigger: 'change' }],
        contractStatus: [{ required: true, message: '请选择合同状态', trigger: 'change' }],
        attendMonth: [{ required: true, message: '请选择出勤月份', trigger: 'change' }],
        deduct: [{ required: true, message: '请输入代扣填款项', trigger: 'blur' }],
        attendDays: [{ required: true, message: '请输入出勤天数', trigger: 'blur' }],
        beginTime: [{ required: true, message: '请选择请假开始时间', trigger: 'change' }],
        leaveType: [{ required: true, message: '请选择请假类型', trigger: 'change' }],
        reporter: [{ required: true, message: '请输入报备人', trigger: 'blur' }],
        endTime: [{ required: true, message: '请选择请假结束时间', trigger: 'change' }],
        applayDate: [{ required: true, message: '请选择申请日期', trigger: 'change' }],
        reason: [{ required: true, message: '请输入辞职事由', trigger: 'blur' }],
        applayReason: [{ required: true, message: '请输入申报事由', trigger: 'blur' }],
        insuranceGaers: [{ required: true, message: '请选择社保档位', trigger: 'change' }],
        applayStatus: [{ required: true, message: '请选择申请状态', trigger: 'change' }],
        proposer: [{ required: true, message: '请输入申请人', trigger: 'blur' }],
        injuredTime: [{ required: true, message: '请选择受伤时间', trigger: 'blur' }],
        injuredPart: [{ required: true, message: '请输入受伤部位', trigger: 'blur' }],
        injuredDescribe: [{ required: true, message: '请输入受伤经过描述', trigger: 'blur' }],
        hospitalName: [{ required: true, message: '请输入就诊医院', trigger: 'blur' }],
        hospitalizatioFlag: [{ required: true, message: '请选择是否住院', trigger: 'blur' }],
        innsureFee: [{ required: true, message: '请输入保险赔付费用', trigger: 'blur' }],
        settleDate: [{ required: true, message: '请选择案结时间', trigger: 'change' }],
        expensesFee: [{ required: true, message: '请输入医疗总费用', trigger: 'blur' }],
        settleStatus: [{ required: true, message: '请选择结案状态', trigger: 'change' }],
        injuredAddress: [{ required: true, message: '请输入受伤地点', trigger: 'blur' }],
        compensated: [{ required: true, message: '请输入已赔付医药费用', trigger: 'blur' }],
        companyCompensation: [{ required: true, message: '请输入公司赔偿总费用', trigger: 'blur' }],
        arbitrationDate: [{ required: true, message: '请选择仲裁日期', trigger: 'change' }],
        arbitrationReason: [{ required: true, message: '请输入仲裁事由', trigger: 'blur' }],
        arbitrationStatus: [{ required: true, message: '请选择结案状态', trigger: 'change' }],
        badDate: [{ required: true, message: '请选择不良记录日期', trigger: 'change' }],
        badContent: [{ required: true, message: '请输入不良记录描述', trigger: 'blur' }]
      },
      remarkInfoRules: {
        empName: [{ required: true, message: '请输入员工姓名', trigger: 'blur' }],
        remarkDate: [{ required: true, message: '请选择备注日期', trigger: 'change' }],
        remarkContent: [{ required: true, message: '请输入备注内容', trigger: 'blur' },
          { max: 512, message: this.$t('rules.noMoreThan512'), trigger: 'blur' }]
      },
      restaurants: [{ value: '北京市', code: '110000' },
        { value: '天津市', code: '120000' },
@@ -2434,21 +2388,21 @@
        deptName: '',
        empNumb: '',
        empName: '',
        sex: '',
        sex: '1',
        JobId: '',
        jobName: '',
        empType: '',
        empType: '1',
        certificateType: '',
        certificateNumb: '',
        nation: '',
        nation: '01',
        certificateValidity: '',
        marriage: '',
        marriage: '1',
        age: '',
        stature: '',
        birthdate: '',
        politics: '',
        politics: '13',
        entryDate: '',
        education: '',
        education: '61',
        seniority: '',
        nativePlace: '',
        nativePlaceName: '',
@@ -2458,15 +2412,15 @@
        telePhone: '',
        returnReceipt: '',
        introducer: '',
        archivesStatus: '',
        archivesStatus: '0',
        bankName: '',
        bankNumb: '',
        InsuranceType: '',
        socialNumb: '',
        family: '',
        handbookStatus: '',
        handbookStatus: '0',
        urgencyPhone: '',
        empCardStatus: '',
        empCardStatus: '0',
        certificateList: '',
        createTime: '',
        creator: '',
@@ -2501,20 +2455,29 @@
  },
  mounted() {
    this.initDept()
    this.selectBadRecord()
    this.selectEmpBase()
    this.selectWorkExperience()
    this.selectPhysicalExam()
    this.selectContractInfo()
    this.selectDimissionAttend()
    this.selectLeaveInfo()
    this.selectResign()
    this.selectUnemployment()
    this.selectAccidentCases()
    this.selectLaborTrouble()
    this.selectRemarkInfo()
    this.thisShowIndex = 1
    this.isShow(false, 0)
  },
  methods: {
    // 翻页插件翻页方法
    search() {
      this.fetch({
        ...this.queryParams,
        ...this.sort
      })
    },
    // 公用查询
    fetch(params = {}) {
      params.pageSize = this.pagination.size
      params.pageNum = this.pagination.num
      this.$get(this.tableUrl, {
        ...params
      }).then((r) => {
        const data = r.data.data
        this.total = data.total
        this[this.tableDataName] = data.rows
      })
    },
    dialogIsShow() {
      this.isAdd = true
      this.dialogshowArr[this.thisShowIndex].show = !this.dialogshowArr[this.thisShowIndex]
@@ -2531,6 +2494,92 @@
        this.showArr[this.thisShowIndex].show = false
      }
      this.thisShowIndex = index
      switch (this.thisShowIndex) {
        case 0:
          this.tableUrl = 'hr/empBaseInfo/list'
          this.tableDataName = 'basicInformationData'
          this.queryParams.delFlag = 2
          this.search()
          break
        case 1:
          this.tableUrl = 'hr/empWorkExperience/list'
          this.tableDataName = 'workExperienceData'
          this.queryParams.delFlag = 2
          this.search()
          break
        case 2:
          this.tableUrl = 'hr/empPhysicalExam/list'
          this.tableDataName = 'physicalExamData'
          this.queryParams.delFlag = 2
          this.search()
          break
        case 3:
          this.tableUrl = 'hr/empContractInfo/list'
          this.tableDataName = 'contractInfoData'
          this.queryParams.delFlag = 2
          this.search()
          break
        case 4:
          this.tableUrl = 'hr/empDimissionAttend/list'
          this.tableDataName = 'dimissionAttendData'
          this.queryParams.delFlag = 2
          this.search()
          break
        case 5:
          this.tableUrl = 'hr/empLeaveInfo/list'
          this.tableDataName = 'leaveInfoData'
          this.queryParams.delFlag = 2
          this.search()
          break
        case 6:
          this.tableUrl = 'hr/empResign/list'
          this.tableDataName = 'resignData'
          this.queryParams.delFlag = 2
          this.search()
          break
        case 7:
          this.tableUrl = 'hr/empUnemployment/list'
          this.tableDataName = 'unemploymentData'
          this.queryParams.delFlag = 2
          this.search()
          break
        case 8:
          this.tableUrl = 'hr/empInsurance/list'
          this.tableDataName = 'insuranceData'
          this.queryParams.delFlag = 2
          this.search()
          break
        case 9:
          this.tableUrl = 'hr/empAccidentCases/list'
          this.tableDataName = 'accidentCasesData'
          this.queryParams.delFlag = 2
          this.search()
          break
        case 10:
          this.tableUrl = 'hr/empOccupational/list'
          this.tableDataName = 'occupationalData'
          this.queryParams.delFlag = 2
          this.search()
          break
        case 11:
          this.tableUrl = 'hr/empLaborTrouble/list'
          this.tableDataName = 'laborTroubleData'
          this.queryParams.delFlag = 2
          this.search()
          break
        case 12:
          this.tableUrl = 'hr/empBadRecord/list'
          this.tableDataName = 'badRecordData'
          this.queryParams.delFlag = 2
          this.search()
          break
        case 13:
          this.tableUrl = 'hr/empRemarkInfo/list'
          this.tableDataName = 'remarkInfoData'
          this.queryParams.delFlag = 2
          this.search()
          break
      }
    },
    initDept() {
      this.$get('system/dept').then((r) => {
@@ -2548,9 +2597,10 @@
      this.$refs.deptTree.setCheckedKeys([])
    },
    butDelete() {
      let selected
      switch (this.thisShowIndex) {
        case 0:
          var selected = this.$refs.empBaseInfoTable.selection
          selected = this.$refs.empBaseInfoTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
@@ -2566,8 +2616,7 @@
          }
          break
        case 1:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.workExperienceTable.selection
          selected = this.$refs.workExperienceTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
@@ -2583,8 +2632,7 @@
          }
          break
        case 2:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.physicalExamTable.selection
          selected = this.$refs.physicalExamTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
@@ -2600,8 +2648,7 @@
          }
          break
        case 3:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.contractInfoTable.selection
          selected = this.$refs.contractInfoTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
@@ -2617,8 +2664,7 @@
          }
          break
        case 4:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.dimissionAttendTable.selection
          selected = this.$refs.dimissionAttendTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
@@ -2634,8 +2680,7 @@
          }
          break
        case 5:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.leaveInfoTable.selection
          selected = this.$refs.leaveInfoTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
@@ -2651,8 +2696,7 @@
          }
          break
        case 6:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.resignTable.selection
          selected = this.$refs.resignTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
@@ -2668,8 +2712,7 @@
          }
          break
        case 7:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.unemploymentTable.selection
          selected = this.$refs.unemploymentTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
@@ -2685,8 +2728,7 @@
          }
          break
        case 8:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.insuranceTable.selection
          selected = this.$refs.insuranceTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
@@ -2702,8 +2744,7 @@
          }
          break
        case 9:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.accidentCasesTable.selection
          selected = this.$refs.accidentCasesTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
@@ -2719,8 +2760,7 @@
          }
          break
        case 10:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.occupationalTable.selection
          selected = this.$refs.occupationalTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
@@ -2736,8 +2776,7 @@
          }
          break
        case 11:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.occupationalTable.selection
          selected = this.$refs.occupationalTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
@@ -2753,8 +2792,7 @@
          }
          break
        case 12:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.badRecordTable.selection
          selected = this.$refs.badRecordTable.selection
          if (selected.length > 0) {
            const badIds = []
            selected.forEach((j) => {
@@ -2770,8 +2808,7 @@
          }
          break
        case 13:
          // eslint-disable-next-line no-redeclare
          var selected = this.$refs.remarkInfoTable.selection
          selected = this.$refs.remarkInfoTable.selection
          if (selected.length > 0) {
            const badIds = []
            selected.forEach((j) => {
@@ -2788,18 +2825,285 @@
          break
      }
    },
    deleteFrom() {
      this.butDelete()
    },
    submitTo() {
      let selected
      switch (this.thisShowIndex) {
        case 0:
          selected = this.$refs.empBaseInfoTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.empId)
            })
            this.$delete(`hr/empBaseInfo/toNormal/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.tableUrl = 'hr/empBaseInfo/list'
              this.tableDataName = 'basicInformationData'
              this.queryParams.delFlag = 2
              this.search()
            })
          }
          break
        case 1:
          selected = this.$refs.workExperienceTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.workExperienceId)
            })
            this.$delete(`hr/empWorkExperience/toNormal/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.tableUrl = 'hr/empWorkExperience/list'
              this.tableDataName = 'workExperienceData'
              this.queryParams.delFlag = 2
              this.search()
            })
          }
          break
        case 2:
          selected = this.$refs.physicalExamTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.physicalExamId)
            })
            this.$delete(`hr/empPhysicalExam/toNormal/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.tableUrl = 'hr/empPhysicalExam/list'
              this.tableDataName = 'physicalExamData'
              this.queryParams.delFlag = 2
              this.search()
            })
          }
          break
        case 3:
          selected = this.$refs.contractInfoTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.contractId)
            })
            this.$delete(`hr/empContractInfo/toNormal/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.tableUrl = 'hr/empContractInfo/list'
              this.tableDataName = 'contractInfoData'
              this.queryParams.delFlag = 2
              this.search()
            })
          }
          break
        case 4:
          selected = this.$refs.dimissionAttendTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.dimissionAttendId)
            })
            this.$delete(`hr/empDimissionAttend/toNormal/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.tableUrl = 'hr/empDimissionAttend/list'
              this.tableDataName = 'dimissionAttendData'
              this.queryParams.delFlag = 2
              this.search()
            })
          }
          break
        case 5:
          selected = this.$refs.leaveInfoTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.leaveId)
            })
            this.$delete(`hr/empLeaveInfo/toNormal/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.tableUrl = 'hr/empLeaveInfo/list'
              this.tableDataName = 'leaveInfoData'
              this.queryParams.delFlag = 2
              this.search()
            })
          }
          break
        case 6:
          selected = this.$refs.resignTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.resignId)
            })
            this.$delete(`hr/empResign/toNormal/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.tableUrl = 'hr/empResign/list'
              this.tableDataName = 'resignData'
              this.queryParams.delFlag = 2
              this.search()
            })
          }
          break
        case 7:
          selected = this.$refs.unemploymentTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.unemploymentId)
            })
            this.$delete(`hr/empUnemployment/toNormal/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.tableUrl = 'hr/empUnemployment/list'
              this.tableDataName = 'unemploymentData'
              this.queryParams.delFlag = 2
              this.search()
            })
          }
          break
        case 8:
          selected = this.$refs.insuranceTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.insuranceId)
            })
            this.$delete(`hr/empInsurance/toNormal/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.tableUrl = 'hr/empInsurance/list'
              this.tableDataName = 'insuranceData'
              this.queryParams.delFlag = 2
              this.search()
            })
          }
          break
        case 9:
          selected = this.$refs.accidentCasesTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.accidentId)
            })
            this.$delete(`hr/empAccidentCases/toNormal/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.tableUrl = 'hr/empAccidentCases/list'
              this.tableDataName = 'accidentCasesData'
              this.queryParams.delFlag = 2
              this.search()
            })
          }
          break
        case 10:
          selected = this.$refs.occupationalTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.occupationalId)
            })
            this.$delete(`hr/empOccupational/toNormal/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.tableUrl = 'hr/empOccupational/list'
              this.tableDataName = 'occupationalData'
              this.queryParams.delFlag = 2
              this.search()
            })
          }
          break
        case 11:
          selected = this.$refs.laborTroubleTable.selection
          if (selected.length > 0) {
            const delIds = []
            selected.forEach((j) => {
              delIds.push(j.arbitrationId)
            })
            this.$delete(`hr/empLaborTrouble/toNormal/` + delIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.tableUrl = 'hr/empLaborTrouble/list'
              this.tableDataName = 'laborTroubleData'
              this.queryParams.delFlag = 2
              this.search()
            })
          }
          break
        case 12:
          selected = this.$refs.badRecordTable.selection
          if (selected.length > 0) {
            const badIds = []
            selected.forEach((j) => {
              badIds.push(j.badId)
            })
            this.$delete(`hr/empBadRecord/toNormal/` + badIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.tableUrl = 'hr/empBadRecord/list'
              this.tableDataName = 'badRecordData'
              this.queryParams.delFlag = 2
              this.search()
            })
          }
          break
        case 13:
          selected = this.$refs.remarkInfoTable.selection
          if (selected.length > 0) {
            const badIds = []
            selected.forEach((j) => {
              badIds.push(j.remarkId)
            })
            this.$delete(`hr/empRemarkInfo/toNormal/` + badIds).then(() => {
              this.$message({
                message: this.$t('tips.submitSuccess'),
                type: 'success'
              })
              this.tableUrl = 'hr/empRemarkInfo/list'
              this.tableDataName = 'remarkInfoData'
              this.queryParams.delFlag = 2
              this.search()
            })
          }
          break
      }
    },
    selectEmpBase() {
      this.$get('hr/empBaseInfo/list')
        .then((r) => {
          this.basicInformationData = r.data.data.rows
        })
        .catch((error) => {
          console.error(error)
          this.$message({
            message: this.$t('tips.getDataFail'),
            type: 'error'
          })
        })
      this.tableUrl = 'hr/empBaseInfo/list'
      this.tableDataName = 'basicInformationData'
      this.queryParams.delFlag = 2
      this.search()
    },
    cleanEmpBase() {
      this.empBaseInfoForm.empId = ''
@@ -2946,17 +3250,10 @@
      })
    },
    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'
          })
        })
      this.tableUrl = 'hr/empWorkExperience/list'
      this.tableDataName = 'workExperienceData'
      this.queryParams.delFlag = 2
      this.search()
    },
    putWorkExperience() {
      if (this.isAdd) {
@@ -3032,17 +3329,10 @@
      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'
          })
        })
      this.tableUrl = 'hr/empPhysicalExam/list'
      this.tableDataName = 'physicalExamData'
      this.queryParams.delFlag = 2
      this.search()
    },
    putPhysicalExam() {
      if (this.isAdd) {
@@ -3123,17 +3413,10 @@
      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'
          })
        })
      this.tableUrl = 'hr/empContractInfo/list'
      this.tableDataName = 'contractInfoData'
      this.queryParams.delFlag = 2
      this.search()
    },
    putContractInfo() {
      if (this.isAdd) {
@@ -3227,15 +3510,10 @@
      this.dialogshowArr[3].show = true
    },
    selectDimissionAttend() {
      this.$get('hr/empDimissionAttend/list').then((r) => {
        this.dimissionAttendData = r.data.data.rows
      }).catch((error) => {
        console.error(error)
        this.$message({
          message: this.$t('tips.getDataFail'),
          type: 'error'
        })
      })
      this.tableUrl = 'hr/empDimissionAttend/list'
      this.tableDataName = 'dimissionAttendData'
      this.queryParams.delFlag = 2
      this.search()
    },
    putDimissionAttend() {
      if (this.isAdd) {
@@ -3327,15 +3605,10 @@
      this.dialogshowArr[4].show = true
    },
    selectLeaveInfo() {
      this.$get('hr/empLeaveInfo/list').then((r) => {
        this.leaveInfoData = r.data.data.rows
      }).catch((error) => {
        console.error(error)
        this.$message({
          message: this.$t('tips.getDataFail'),
          type: 'error'
        })
      })
      this.tableUrl = 'hr/empLeaveInfo/list'
      this.tableDataName = 'leaveInfoData'
      this.queryParams.delFlag = 2
      this.search()
    },
    putLeaveInfo() {
      if (this.isAdd) {
@@ -3429,15 +3702,10 @@
      this.dialogshowArr[5].show = true
    },
    selectResign() {
      this.$get('hr/empResign/list').then((r) => {
        this.resignData = r.data.data.rows
      }).catch((error) => {
        console.error(error)
        this.$message({
          message: this.$t('tips.getDataFail'),
          type: 'error'
        })
      })
      this.tableUrl = 'hr/empResign/list'
      this.tableDataName = 'resignData'
      this.queryParams.delFlag = 2
      this.search()
    },
    putResign() {
      if (this.isAdd) {
@@ -3525,15 +3793,10 @@
      this.dialogshowArr[6].show = true
    },
    selectUnemployment() {
      this.$get('hr/empUnemployment/list').then((r) => {
        this.unemploymentData = r.data.data.rows
      }).catch((error) => {
        console.error(error)
        this.$message({
          message: this.$t('tips.getDataFail'),
          type: 'error'
        })
      })
      this.tableUrl = 'hr/empUnemployment/list'
      this.tableDataName = 'unemploymentData'
      this.queryParams.delFlag = 2
      this.search()
    },
    putUnemployment() {
      if (this.isAdd) {
@@ -3623,15 +3886,10 @@
      this.dialogshowArr[7].show = true
    },
    selectInsurance() {
      this.$get('hr/empInsurance/list').then((r) => {
        this.insuranceData = r.data.data.rows
      }).catch((error) => {
        console.error(error)
        this.$message({
          message: this.$t('tips.getDataFail'),
          type: 'error'
        })
      })
      this.tableUrl = 'hr/empInsurance/list'
      this.tableDataName = 'insuranceData'
      this.queryParams.delFlag = 2
      this.search()
    },
    putInsurance() {
      if (this.isAdd) {
@@ -3725,15 +3983,10 @@
      this.dialogshowArr[8].show = true
    },
    selectAccidentCases() {
      this.$get('hr/empAccidentCases/list').then((r) => {
        this.accidentCasesData = r.data.data.rows
      }).catch((error) => {
        console.error(error)
        this.$message({
          message: this.$t('tips.getDataFail'),
          type: 'error'
        })
      })
      this.tableUrl = 'hr/empAccidentCases/list'
      this.tableDataName = 'accidentCasesData'
      this.queryParams.delFlag = 2
      this.search()
    },
    putAccidentCases() {
      if (this.isAdd) {
@@ -3851,15 +4104,10 @@
      this.dialogshowArr[9].show = true
    },
    selectOccupational() {
      this.$get('hr/empOccupational/list').then((r) => {
        this.occupationalData = r.data.data.rows
      }).catch((error) => {
        console.error(error)
        this.$message({
          message: this.$t('tips.getDataFail'),
          type: 'error'
        })
      })
      this.tableUrl = 'hr/empOccupational/list'
      this.tableDataName = 'occupationalData'
      this.queryParams.delFlag = 2
      this.search()
    },
    putOccupational() {
      if (this.isAdd) {
@@ -3995,15 +4243,10 @@
      this.dialogshowArr[10].show = true
    },
    selectLaborTrouble() {
      this.$get('hr/empLaborTrouble/list').then((r) => {
        this.laborTroubleData = r.data.data.rows
      }).catch((error) => {
        console.error(error)
        this.$message({
          message: this.$t('tips.getDataFail'),
          type: 'error'
        })
      })
      this.tableUrl = 'hr/empLaborTrouble/list'
      this.tableDataName = 'laborTroubleData'
      this.queryParams.delFlag = 2
      this.search()
    },
    putLaborTrouble() {
      if (this.isAdd) {
@@ -4099,17 +4342,10 @@
      this.dialogshowArr[11].show = true
    },
    selectBadRecord() {
      this.$get('hr/empBadRecord/list')
        .then((r) => {
          this.badRecordData = r.data.data.rows
        })
        .catch((error) => {
          console.error(error)
          this.$message({
            message: this.$t('tips.getDataFail'),
            type: 'error'
          })
        })
      this.tableUrl = 'hr/empBadRecord/list'
      this.tableDataName = 'badRecordData'
      this.queryParams.delFlag = 2
      this.search()
    },
    cleanBadRecord() {
      this.badRecordForm.badId = ''
@@ -4195,52 +4431,55 @@
      this.dialogshowArr[12].show = true
    },
    selectRemarkInfo() {
      this.$get('hr/empRemarkInfo/list').then((r) => {
        this.remarkInfoData = r.data.data.rows
      }).catch((error) => {
        console.error(error)
        this.$message({
          message: this.$t('tips.getDataFail'),
          type: 'error'
        })
      this.tableUrl = 'hr/empRemarkInfo/list'
      this.tableDataName = 'remarkInfoData'
      this.queryParams.delFlag = 2
      this.search()
    },
    putRemarkInfo(formName) {
      this.$refs[formName].validate((valid) => {
        if (valid) {
          if (this.isAdd) {
            this.$post('hr/empRemarkInfo', { ...this.remarkInfoForm }).then(() => {
              this.buttonLoading = false
              this.$message({
                message: this.$t('tips.createSuccess'),
                type: 'success'
              })
              this.cleanRemarkInfo()
              this.selectRemarkInfo()
            })
          } else {
            this.$put('hr/empRemarkInfo', { ...this.remarkInfoForm }).then(() => {
              this.$message({
                message: this.$t('tips.updateSuccess'),
                type: 'success'
              })
              this.$emit('success')
              this.cleanRemarkInfo()
              this.selectRemarkInfo()
            })
          }
          this.dialogIsShow()
        }
      })
    },
    putRemarkInfo() {
      if (this.isAdd) {
        this.$post('hr/empRemarkInfo', { ...this.remarkInfoForm }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
            type: 'success'
          })
          this.cleanRemarkInfo()
          this.selectRemarkInfo()
        })
      } else {
        this.$put('hr/empRemarkInfo', { ...this.remarkInfoForm }).then(() => {
          this.$message({
            message: this.$t('tips.updateSuccess'),
            type: 'success'
          })
          this.$emit('success')
          this.cleanRemarkInfo()
          this.selectRemarkInfo()
        })
      }
      this.dialogIsShow()
    },
    putRemarkInfoContinue() {
      if (this.isAdd) {
        this.$post('hr/empRemarkInfo', { ...this.remarkInfoForm }).then(() => {
          this.buttonLoading = false
          this.$message({
            message: this.$t('tips.createSuccess'),
            type: 'success'
          })
          this.cleanRemarkInfo()
          this.selectRemarkInfo()
        })
      }
    putRemarkInfoContinue(formName) {
      this.$refs[formName].validate((valid) => {
        if (valid) {
          if (this.isAdd) {
            this.$post('hr/empRemarkInfo', { ...this.remarkInfoForm }).then(() => {
              this.buttonLoading = false
              this.$message({
                message: this.$t('tips.createSuccess'),
                type: 'success'
              })
              this.cleanRemarkInfo()
              this.selectRemarkInfo()
            })
          }
        }
      })
    },
    cleanRemarkInfo() {
      this.remarkInfoForm.remarkId = ''
@@ -4294,17 +4533,61 @@
    selectedUser(users) {
      for (var i = 0; i < users.length; i++) {
        var data = users[i]
        this.unemploymentForm.empNumb = data.empNumb
        this.unemploymentForm.sex = data.sex === '0' ? '1' : '2'
        switch (this.thisShowIndex) {
          case 1:
            this.inputForName = 'workExperienceForm'
            break
          case 2:
            this.inputForName = 'physicalExamForm'
            break
          case 3:
            this.inputForName = 'contractInfoForm'
            break
          case 4:
            this.inputForName = 'dimissionAttendForm'
            break
          case 5:
            this.inputForName = 'leaveInfoForm'
            break
          case 6:
            this.inputForName = 'resignForm'
            break
          case 7:
            this.inputForName = 'unemploymentForm'
            break
          case 8:
            this.inputForName = 'insuranceForm'
            break
          case 9:
            this.inputForName = 'accidentCasesForm'
            break
          case 10:
            this.inputForName = 'occupationalForm'
            break
          case 11:
            this.inputForName = 'laborTroubleForm'
            break
          case 12:
            this.inputForName = 'badRecordForm'
            break
          case 13:
            this.inputForName = 'remarkInfoForm'
            break
        }
        this[this.inputForName].empId = data.empId
        this[this.inputForName].empName = data.empName
        this[this.inputForName].empNumb = data.empNumb
        this[this.inputForName].certificateNumb = data.certificateNumb
        this[this.inputForName].deptId = data.deptId
        this[this.inputForName].deptName = data.deptName
        this[this.inputForName].JobId = data.jobId
        this[this.inputForName].jobName = data.jobName
        this[this.inputForName].sex = data.sex === '0' ? '男' : '女'
      }
      this.dialogShowXzyg = false
    }, querySearch(queryString, cb) {
    },
    querySearch(queryString, cb) {
      var restaurants = this.restaurants
      var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants
      // 调用 callback 返回建议列表的数据
      cb(results)
    }, querySearchJob(queryString, cb) {
      var restaurants = this.restaurJob
      var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants
      // 调用 callback 返回建议列表的数据
      cb(results)
@@ -4316,6 +4599,11 @@
    }, placeNameSelect(item) {
      this.empBaseInfoForm.nativePlaceName = item.value
      this.empBaseInfoForm.nativePlace = item.code
    }, querySearchJob(queryString, cb) {
      const restaurants = this.restaurJob
      const results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants
      // 调用 callback 返回建议列表的数据
      cb(results)
    }, jobNameSelect(item) {
      this.empBaseInfoForm.jobName = item.value
      this.empBaseInfoForm.JobId = item.code
@@ -4330,16 +4618,6 @@
          this.empBaseInfoForm.age = userinfo.age
          this.empBaseInfoForm.birthdate = userinfo.birth
          this.empBaseInfoForm.sex = userinfo.sex
          break
        case 1:
          this.workExperienceForm.age = userinfo.age
          this.workExperienceForm.birthdate = userinfo.birth
          this.workExperienceForm.sex = userinfo.sex
          break
        case 2:
          this.physicalExamForm.age = userinfo.age
          this.physicalExamForm.birthdate = userinfo.birth
          this.physicalExamForm.sex = userinfo.sex
          break
      }
    }
@@ -4369,10 +4647,6 @@
  margin-top: 2%;
}
.el-select {
  width: 100%;
}
.commonBtn {
  background-color: rgb(163, 44, 48);
  color: white;
@@ -4388,25 +4662,26 @@
  color: rgb(163, 44, 48);
}
.el-date-editor.el-input,
.el-date-editor.el-input__inner {
  width: 100%;
}
.info-card {
  margin-top: 20px;
}
.el-header,
.el-footer {
</style>
<style lang="scss" scoped>
.el-select {
  width: 100%;
}
.el-autocomplete{
  width: 100%;
}
.el-header,.el-footer {
  background-color: #e9eef3;
  color: #333;
  text-align: center;
  line-height: 60px;
}
</style>
<style lang="scss" scoped>
.el-autocomplete {
.el-date-editor.el-input,
.el-date-editor.el-input__inner {
  width: 100%;
}
</style>