From 755cd8a5a7f5be8e3e6d119fd68e24a1be590e0a Mon Sep 17 00:00:00 2001
From: luoyb <412940104@qq.com>
Date: 星期五, 05 二月 2021 15:29:24 +0800
Subject: [PATCH] feat(信息录入): 提交和翻页

---
 src/views/user/Informationinput.vue | 1576 ++++++++++++++++++++++++++++++++++------------------------
 1 files changed, 925 insertions(+), 651 deletions(-)

diff --git a/src/views/user/Informationinput.vue b/src/views/user/Informationinput.vue
index 89afbc8..6217a20 100644
--- a/src/views/user/Informationinput.vue
+++ b/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>
@@ -77,7 +77,7 @@
           <el-table-column prop="empName" label="姓名" width="100" />
           <el-table-column prop="deptName" label="护卫点" width="100" />
           <el-table-column prop="jobName" label="岗位" width="100" />
-          <el-table-column prop="empType" label="员工类别" width="100" />
+          <el-table-column prop="empTypeName" label="员工类别" width="100" />
           <el-table-column prop="sexName" label="性别" width="50" />
           <el-table-column prop="nationName" label="民族" width="100" />
           <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
@@ -88,8 +88,8 @@
           <el-table-column prop="insuranceType" label="保险类型" width="100" />
           <el-table-column prop="socialNumb" label="社保电脑号" width="150" />
           <el-table-column prop="guardNumb" label="保安员证号" width="100" />
-          <el-table-column prop="archivesNumber" label="档案编号" width="100" />
-          <el-table-column prop="archivesStatus" label="档案情况" width="100" />
+          <el-table-column prop="archivesNumb" label="档案编号" width="100" />
+          <el-table-column prop="archivesStatusName" label="档案情况" width="100" />
         </el-table>
         <el-table
           v-show="showArr[1].show"
@@ -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="rules" 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,81 @@
 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' }],
         empName: [{ required: true, message: '请输入员工姓名', trigger: 'blur' },
           { min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'blur' }],
-        jobName: [{ required: true, message: '请输入员工岗位', trigger: 'blur' },
+        empNumb: [{ required: true, message: '请输入员工编号', trigger: 'blur' },
           { min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'blur' }],
-        sex: [
-          { required: true, message: '请选择性别', trigger: 'change' }
-        ],
         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' }],
+        remarkDate: [{ required: true, message: '请选择备注日期', trigger: 'change' }],
+        remarkContent: [{ required: true, message: '请输入备注内容', trigger: 'blur' }]
       },
       restaurants: [{ value: '北京市', code: '110000' },
         { value: '天津市', code: '120000' },
@@ -2434,21 +2384,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 +2408,15 @@
         telePhone: '',
         returnReceipt: '',
         introducer: '',
-        archivesStatus: '',
+        archivesStatus: '0',
         bankName: '',
         bankNumb: '',
         InsuranceType: '',
         socialNumb: '',
         family: '',
-        handbookStatus: '',
+        handbookStatus: '0',
         urgencyPhone: '',
-        empCardStatus: '',
+        empCardStatus: '0',
         certificateList: '',
         createTime: '',
         creator: '',
@@ -2501,20 +2451,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 +2490,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 +2593,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 +2612,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 +2628,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 +2644,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 +2660,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 +2676,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 +2692,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 +2708,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 +2724,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 +2740,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 +2756,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 +2772,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 +2788,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 +2804,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 +2821,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 +3246,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 +3325,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 +3409,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 +3506,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 +3601,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 +3698,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 +3789,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 +3882,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 +3979,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 +4100,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 +4239,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 +4338,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 +4427,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 +4529,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 +4595,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 +4614,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
       }
     }

--
Gitblit v1.8.0