From 3a77c6fbda3243c135f9a3b55ad205970fd9f6cb Mon Sep 17 00:00:00 2001
From: yubo <autumnal_wind@yeah.net>
Date: 星期日, 12 四月 2026 19:15:38 +0800
Subject: [PATCH] feat(user): 员工代码重构

---
 src/views/user/Informationinput.vue | 4040 ++++++++++++++++++----------------------------------------
 1 files changed, 1,270 insertions(+), 2,770 deletions(-)

diff --git a/src/views/user/Informationinput.vue b/src/views/user/Informationinput.vue
index a6345c1..1cb5b07 100644
--- a/src/views/user/Informationinput.vue
+++ b/src/views/user/Informationinput.vue
@@ -3,53 +3,53 @@
     <el-container>
       <el-aside width="175px">
         <el-timeline style="padding-left: 15px">
-          <el-timeline-item @click.native="isShow(showArr[0].show, 0)">
+          <el-timeline-item v-show="timelineShow('empBaseinfo:list')" @click.native="isShow(showArr[0].show, 0)">
             <span :class="thisShowIndex===0?'selectedTimeline':''">基本信息</span>
           </el-timeline-item>
-          <el-timeline-item @click.native="isShow(showArr[1].show, 1)">
+          <el-timeline-item v-show="timelineShow('empWorkexperience:list')" @click.native="isShow(showArr[1].show, 1)">
             <span :class="thisShowIndex===1?'selectedTimeline':''">工作经历</span>
           </el-timeline-item>
-          <el-timeline-item @click.native="isShow(showArr[2].show, 2)">
+          <el-timeline-item v-show="timelineShow('empPhysicalexam:list')" @click.native="isShow(showArr[2].show, 2)">
             <span :class="thisShowIndex===2?'selectedTimeline':''">体检信息</span>
           </el-timeline-item>
-          <el-timeline-item @click.native="isShow(showArr[3].show, 3)">
+          <el-timeline-item v-show="timelineShow('empContractinfo:list')" @click.native="isShow(showArr[3].show, 3)">
             <span :class="thisShowIndex===3?'selectedTimeline':''">合同信息</span>
           </el-timeline-item>
-          <el-timeline-item @click.native="isShow(showArr[4].show, 4)">
+          <el-timeline-item v-show="timelineShow('empDimissionattend:list')" @click.native="isShow(showArr[4].show, 4)">
             <span :class="thisShowIndex===4?'selectedTimeline':''">离职当月考勤</span>
           </el-timeline-item>
-          <el-timeline-item @click.native="isShow(showArr[5].show, 5)">
+          <el-timeline-item v-show="timelineShow('empLeaveinfo:list')" @click.native="isShow(showArr[5].show, 5)">
             <span :class="thisShowIndex===5?'selectedTimeline':''">请假记录</span>
           </el-timeline-item>
-          <el-timeline-item @click.native="isShow(showArr[6].show, 6)">
+          <el-timeline-item v-show="timelineShow('empResign:list')" @click.native="isShow(showArr[6].show, 6)">
             <span :class="thisShowIndex===6?'selectedTimeline':''">辞职申请</span>
           </el-timeline-item>
-          <el-timeline-item @click.native="isShow(showArr[7].show, 7)">
+          <el-timeline-item v-show="timelineShow('empUnemployment:list')" @click.native="isShow(showArr[7].show, 7)">
             <span :class="thisShowIndex===7?'selectedTimeline':''">失业金领取</span>
           </el-timeline-item>
-          <el-timeline-item @click.native="isShow(showArr[8].show, 8)">
+          <el-timeline-item v-show="timelineShow('empInsurance:list')" @click.native="isShow(showArr[8].show, 8)">
             <span :class="thisShowIndex===8?'selectedTimeline':''">社保申请</span>
           </el-timeline-item>
-          <el-timeline-item @click.native="isShow(showArr[9].show, 9)">
+          <el-timeline-item v-show="timelineShow('empAccidentcases:list')" @click.native="isShow(showArr[9].show, 9)">
             <span :class="thisShowIndex===9?'selectedTimeline':''">意外险案件</span>
           </el-timeline-item>
-          <el-timeline-item @click.native="isShow(showArr[10].show, 10)">
+          <el-timeline-item v-show="timelineShow('empOccupational:list')" @click.native="isShow(showArr[10].show, 10)">
             <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>
+          <el-timeline-item v-show="timelineShow('empLabortrouble:list')" @click.native="isShow(showArr[11].show, 11)">
+            <span :class="thisShowIndex===11?'selectedTimeline':''">仲裁案件</span>
           </el-timeline-item>
-          <el-timeline-item @click.native="isShow(showArr[12].show, 12)">
+          <el-timeline-item v-show="timelineShow('empBadrecord:list')" @click.native="isShow(showArr[12].show, 12)">
             <span :class="thisShowIndex===12?'selectedTimeline':''">不良记录</span>
           </el-timeline-item>
-          <el-timeline-item @click.native="isShow(showArr[13].show, 13)">
+          <el-timeline-item v-show="timelineShow('empRemarkinfo:list')" @click.native="isShow(showArr[13].show, 13)">
             <span :class="thisShowIndex===13?'selectedTimeline':''">备注信息</span>
           </el-timeline-item>
         </el-timeline>
       </el-aside>
       <el-main>
         <el-row>
-          <el-col :span="24">
+          <el-col>
             <el-button class="commonBtn" @click.native="dialogIsShow('0')">新增</el-button>
             <el-button class="commonBtn" style="background-color: #409EFF" @click.native="butDelete()">删除</el-button>
             <el-button class="commonBtn" style="float: right" @click.native="showDryg(0)">导入员工信息</el-button>
@@ -64,6 +64,7 @@
           :cell-style="{padding:'7px 0','text-align':'center'}"
           :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
           style="width: 100%;"
+          @sort-change="changeSort"
         >
           <el-table-column type="selection" width="50" />
           <el-table-column label="操作" width="80">
@@ -80,7 +81,8 @@
                 编辑
               </span>
             </template>
-          </el-table-column>-->
+          </el-table-column>
+          -->
           <!--          <el-table-column label="照片" width="60">-->
           <!--            <template slot-scope="scope">-->
           <!--              &lt;!&ndash;              <img :src="scope.row.imagePath">&ndash;&gt;-->
@@ -99,27 +101,67 @@
           <!--              />-->
           <!--            </template>-->
           <!--          </el-table-column>-->
-          <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="50" />
-          <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="50" />
-          <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="80" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="empNumb"
+            label="编号"
+            width="80"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column
+            show-overflow-tooltip
+            prop="allDeptName"
+            label="部门(护卫点)"
+            width="300"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
           <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="50" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="empName"
+            label="姓名"
+            width="80"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="180" />
           <el-table-column show-overflow-tooltip prop="empType" label="员工类别" width="80" :formatter="empTypeFormat" />
           <el-table-column show-overflow-tooltip prop="sex" label="性别" width="50" :formatter="sexFormat" />
           <el-table-column show-overflow-tooltip prop="nation" label="民族" width="50" :formatter="nationFormat" />
-          <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" />
-          <el-table-column show-overflow-tooltip prop="marriage" label="婚姻状况" width="80" :formatter="marriageFormat" />
-          <el-table-column show-overflow-tooltip prop="politics" label="政治面貌" width="80" :formatter="politicsFormat" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="marriage"
+            label="婚姻状况"
+            width="80"
+            :formatter="marriageFormat"
+          />
+          <el-table-column
+            show-overflow-tooltip
+            prop="politics"
+            label="政治面貌"
+            width="80"
+            :formatter="politicsFormat"
+          />
           <el-table-column show-overflow-tooltip prop="education" label="学历" width="50" :formatter="educationFormat" />
-          <el-table-column prop="entryDate" show-overflow-tooltip label="入职日期" width="80" />
+          <el-table-column
+            prop="entryDate"
+            show-overflow-tooltip
+            label="入职日期"
+            width="120"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
           <el-table-column
             prop="insuranceType"
             show-overflow-tooltip
-            label="保险类型"
+            label="社保档位"
             width="80"
             :formatter="insuranceTypeFormat"
           />
-          <el-table-column prop="socialNumb" show-overflow-tooltip label="社保电脑号" />
-          <el-table-column prop="guardNumb" show-overflow-tooltip label="保安员证号" />
+          <el-table-column prop="socialNumb" show-overflow-tooltip label="社保电脑号" width="100" />
+          <el-table-column prop="guardNumb" show-overflow-tooltip label="保安员证号" width="100" />
           <el-table-column prop="archivesNumb" show-overflow-tooltip label="档案编号" width="80" />
           <el-table-column prop="archivesStatusName" show-overflow-tooltip label="档案情况" />
         </el-table>
@@ -132,6 +174,7 @@
           stripe
           border
           style="width: 100%;"
+          @sort-change="changeSort"
         >
           <el-table-column type="selection" width="55" />
           <el-table-column label="操作" width="100">
@@ -148,13 +191,31 @@
               </span>
             </template>
           </el-table-column>
-          <el-table-column prop="empNumb" label="编号" width="100" />
-          <el-table-column prop="empName" label="员工姓名" width="100" />
-          <el-table-column prop="certificateNumb" show-overflow-tooltip label="身份证号码" />
-          <el-table-column prop="workUnit" show-overflow-tooltip label="工作单位" />
-          <el-table-column prop="beginDate" label="开始日期" width="120" />
-          <el-table-column prop="endDate" label="结束日期" width="120" />
-          <el-table-column prop="jobContent" show-overflow-tooltip label="主要工作内容" />
+          <el-table-column
+            prop="empNumb"
+            label="编号"
+            width="100"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column
+            prop="empName"
+            label="姓名"
+            width="100"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column prop="certificateNumb" show-overflow-tooltip label="身份证号码" width="180" />
+          <el-table-column prop="workUnit" show-overflow-tooltip label="工作单位" width="160" />
+          <el-table-column
+            prop="beginDate"
+            label="开始日期"
+            width="140"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column prop="endDate" label="结束日期" width="140" />
+          <el-table-column prop="jobContent" show-overflow-tooltip label="主要工作内容" min-width="120" />
         </el-table>
         <el-table
           v-show="showArr[2].show"
@@ -165,6 +226,7 @@
           stripe
           border
           style="width: 100%;"
+          @sort-change="changeSort"
         >
           <el-table-column type="selection" width="50" />
           <el-table-column label="操作" width="80">
@@ -182,13 +244,41 @@
               </span>
             </template>
           </el-table-column>
-          <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" />
-          <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="80" />
-          <el-table-column show-overflow-tooltip prop="empName" label="员工姓名" width="80" />
-          <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="empNumb"
+            label="编号"
+            width="80"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column
+            show-overflow-tooltip
+            prop="allDeptName"
+            label="部门(护卫点)"
+            width="300"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
           <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="80" />
-          <el-table-column prop="hospital" show-overflow-tooltip label="体检医院" />
-          <el-table-column show-overflow-tooltip prop="physicalExamDate" label="体检日期" width="100" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="empName"
+            label="姓名"
+            width="80"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="160" />
+          <el-table-column prop="hospital" show-overflow-tooltip label="体检医院" min-width="100" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="physicalExamDate"
+            label="体检日期"
+            width="120"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
           <el-table-column
             show-overflow-tooltip
             prop="physicalExamType"
@@ -199,8 +289,8 @@
           <el-table-column show-overflow-tooltip prop="bloodPressure" label="血压" width="60" />
           <el-table-column show-overflow-tooltip prop="transaminase" label="转氨酶" width="80" />
           <el-table-column prop="ecg" show-overflow-tooltip label="心电图" width="80" :formatter="ecgNameFormat" />
-          <el-table-column prop="conclusion" show-overflow-tooltip label="体检结论" />
-          <el-table-column prop="reviewRecord" show-overflow-tooltip label="复查日期" />
+          <el-table-column prop="conclusion" show-overflow-tooltip label="体检结论" min-width="100" />
+          <el-table-column prop="reviewRecord" show-overflow-tooltip label="复查日期" min-width="100" />
           <el-table-column prop="remark" show-overflow-tooltip label="备注" />
         </el-table>
         <el-table
@@ -212,6 +302,7 @@
           stripe
           border
           style="width: 100%;"
+          @sort-change="changeSort"
         >
           <el-table-column type="selection" width="55" />
           <el-table-column label="操作" width="100">
@@ -229,16 +320,58 @@
               </span>
             </template>
           </el-table-column>
-          <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="100" />
-          <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="150" />
-          <el-table-column prop="empName" label="员工姓名" width="100" />
-          <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="empNumb"
+            label="编号"
+            width="100"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column
+            show-overflow-tooltip
+            prop="allDeptName"
+            label="部门(护卫点)"
+            width="300"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
           <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="100" />
-          <el-table-column show-overflow-tooltip prop="signingDate" label="合同签订日期" />
-          <el-table-column show-overflow-tooltip prop="endDate" label="合同结束日期" />
-          <el-table-column show-overflow-tooltip prop="contractPeriod" label="合同期限(年)" />
-          <el-table-column show-overflow-tooltip prop="contractStatus" label="合同状态" :formatter="contractStatusFormat" />
-          <el-table-column show-overflow-tooltip prop="transactor" label="合同办理人" />
+          <el-table-column
+            prop="empName"
+            label="姓名"
+            width="100"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="155" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="signingDate"
+            label="合同签订日期"
+            width="140"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column
+            show-overflow-tooltip
+            prop="endDate"
+            label="合同结束日期"
+            width="140"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column show-overflow-tooltip prop="contractPeriod" label="合同期限(年)" width="120" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="contractStatus"
+            label="合同状态"
+            :formatter="contractStatusFormat"
+            width="120"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column show-overflow-tooltip prop="transactor" label="合同办理人" width="100" />
         </el-table>
         <el-table
           v-show="showArr[4].show"
@@ -249,6 +382,7 @@
           stripe
           border
           style="width: 100%;"
+          @sort-change="changeSort"
         >
           <el-table-column type="selection" width="50" />
           <el-table-column label="操作" width="80">
@@ -261,11 +395,32 @@
               </span>
             </template>
           </el-table-column>
-          <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" />
-          <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="80" />
-          <el-table-column show-overflow-tooltip prop="empName" label="员工姓名" width="80" />
-          <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="empNumb"
+            label="编号"
+            width="80"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column
+            show-overflow-tooltip
+            prop="allDeptName"
+            label="部门(护卫点)"
+            width="300"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
           <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="60" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="empName"
+            label="姓名"
+            width="80"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="120" />
           <el-table-column show-overflow-tooltip prop="attendMonth" label="离职考勤月份" width="120" />
           <el-table-column show-overflow-tooltip prop="attendDays" label="出勤天数" width="100" />
           <el-table-column show-overflow-tooltip prop="overtimeDay" label="加班(天)" width="100" />
@@ -284,6 +439,7 @@
           stripe
           border
           style="width: 100%;"
+          @sort-change="changeSort"
         >
           <el-table-column type="selection" width="50" />
           <el-table-column label="操作" width="80">
@@ -295,16 +451,50 @@
               </span>
             </template>
           </el-table-column>
-          <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" />
-          <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="80" />
-          <el-table-column show-overflow-tooltip prop="jobName" label="岗位名称" width="80" />
-          <el-table-column show-overflow-tooltip prop="empName" label="员工姓名" width="80" />
-          <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" />
-          <el-table-column show-overflow-tooltip prop="beginTime" label="开始时间" width="120" />
-          <el-table-column show-overflow-tooltip prop="endTime" label="结束时间" width="120" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="empNumb"
+            label="编号"
+            width="80"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column
+            show-overflow-tooltip
+            prop="allDeptName"
+            label="部门(护卫点)"
+            width="300"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="80" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="empName"
+            label="姓名"
+            width="80"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="120" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="beginTime"
+            label="开始时间"
+            width="140"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column show-overflow-tooltip prop="endTime" label="结束时间" width="110" />
           <el-table-column show-overflow-tooltip prop="leaveDay" label="请假天数" width="80" />
-          <el-table-column show-overflow-tooltip prop="leaveType" label="请假类型" width="80" :formatter="leaveTypeFormat" />
-          <el-table-column show-overflow-tooltip prop="returnDate" label="返岗时间" width="120" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="leaveType"
+            label="请假类型"
+            width="80"
+            :formatter="leaveTypeFormat"
+          />
+          <el-table-column show-overflow-tooltip prop="returnDate" label="返岗时间" width="110" />
           <el-table-column show-overflow-tooltip prop="reporter" label="报备人" width="80" />
           <el-table-column show-overflow-tooltip prop="remark" label="备注" />
         </el-table>
@@ -317,6 +507,7 @@
           stripe
           border
           style="width: 100%;"
+          @sort-change="changeSort"
         >
           <el-table-column type="selection" width="50" />
           <el-table-column label="操作" width="80">
@@ -328,12 +519,40 @@
               </span>
             </template>
           </el-table-column>
-          <el-table-column show-overflow-tooltip prop="empNumb" label="编号" />
-          <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="100" />
-          <el-table-column show-overflow-tooltip prop="jobName" label="岗位名" width="100" />
-          <el-table-column show-overflow-tooltip prop="empName" label="员工姓名" width="100" />
-          <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" />
-          <el-table-column show-overflow-tooltip prop="applayDate" label="辞职申请日期" width="150" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="empNumb"
+            label="编号"
+            width="80"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column
+            show-overflow-tooltip
+            prop="allDeptName"
+            label="部门(护卫点)"
+            width="300"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="100" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="empName"
+            label="姓名"
+            width="100"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="160" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="applayDate"
+            label="辞职申请日期"
+            width="150"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
           <el-table-column show-overflow-tooltip prop="reason" label="辞职事由" width="150" />
           <el-table-column show-overflow-tooltip prop="reporter" label="汇报人" width="100" />
           <el-table-column show-overflow-tooltip prop="remark" label="备注" />
@@ -347,6 +566,7 @@
           stripe
           border
           style="width: 100%;"
+          @sort-change="changeSort"
         >
           <el-table-column type="selection" width="50" />
           <el-table-column label="操作" width="80">
@@ -358,12 +578,40 @@
               </span>
             </template>
           </el-table-column>
-          <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" />
-          <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="100" />
-          <el-table-column show-overflow-tooltip prop="jobName" label="岗位名称" width="100" />
-          <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="100" />
-          <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" />
-          <el-table-column show-overflow-tooltip prop="applayDate" label="失业金申请日期" width="150" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="empNumb"
+            label="编号"
+            width="80"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column
+            show-overflow-tooltip
+            prop="allDeptName"
+            label="部门(护卫点)"
+            width="300"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="100" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="empName"
+            label="姓名"
+            width="100"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="150" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="applayDate"
+            label="失业金申请日期"
+            width="150"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
           <el-table-column show-overflow-tooltip prop="applayReason" label="申报事由" />
           <el-table-column show-overflow-tooltip prop="reporter" label="汇报人" width="100" />
           <el-table-column show-overflow-tooltip prop="auditor" label="审核人" width="100" />
@@ -378,6 +626,7 @@
           stripe
           border
           style="width: 100%;"
+          @sort-change="changeSort"
         >
           <el-table-column type="selection" width="50" />
           <el-table-column label="操作" width="80">
@@ -389,18 +638,52 @@
               </span>
             </template>
           </el-table-column>
-          <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" />
-          <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="100" />
-          <el-table-column show-overflow-tooltip prop="jobName" label="岗位名称" width="100" />
-          <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="100" />
-          <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" />
-          <el-table-column show-overflow-tooltip prop="applayDate" label="社保申请日期" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="empNumb"
+            label="编号"
+            width="80"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column
+            show-overflow-tooltip
+            prop="allDeptName"
+            label="部门(护卫点)"
+            width="300"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="100" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="empName"
+            label="姓名"
+            width="100"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="120" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="applayDate"
+            label="社保申请日期"
+            width="140"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
           <el-table-column show-overflow-tooltip prop="proposer" label="申请人" width="80" />
-          <el-table-column show-overflow-tooltip prop="insuranceGaers" label="社保档位" :formatter="insuranceGaersFormat" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="insuranceGaers"
+            label="社保档位"
+            :formatter="insuranceGaersFormat"
+            width="80"
+          />
           <el-table-column prop="reportStatus " label="是否已报告" width="100" :formatter="reportStatusFormat" />
-          <el-table-column prop="applayStatus" label="状态" width="100" :formatter="applayStatusFormat" />
-          <el-table-column prop="auditor" label="审核人" width="100" />
-          <el-table-column prop="remark" label="备注" />
+          <el-table-column prop="applayStatus" label="状态" width="80" :formatter="applayStatusFormat" />
+          <el-table-column prop="auditor" label="审核人" width="80" />
+          <el-table-column prop="remark" label="备注" width="300" />
         </el-table>
         <el-table
           v-show="showArr[9].show"
@@ -411,6 +694,7 @@
           stripe
           border
           style="width: 100%;"
+          @sort-change="changeSort"
         >
           <el-table-column type="selection" width="50" />
           <el-table-column label="操作" width="80">
@@ -422,18 +706,46 @@
               </span>
             </template>
           </el-table-column>
-          <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="60" />
-          <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="80" />
-          <el-table-column show-overflow-tooltip prop="jobName" label="岗位名称" width="80" />
-          <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="60" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="empNumb"
+            label="编号"
+            width="90"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column
+            show-overflow-tooltip
+            prop="allDeptName"
+            label="部门(护卫点)"
+            width="300"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="80" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="empName"
+            label="姓名"
+            width="80"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
           <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="120" />
-          <el-table-column show-overflow-tooltip prop="injuredTime" label="受伤日期" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="injuredTime"
+            label="受伤日期"
+            width="120"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
           <el-table-column show-overflow-tooltip prop="injuredAddress" label="受伤地点" />
           <el-table-column show-overflow-tooltip prop="injuredPart" label="受伤部位" width="80" />
-          <el-table-column show-overflow-tooltip prop="injuredDescribe" label="受伤经过描述" width="120" />
-          <el-table-column show-overflow-tooltip prop="injuredDiacrisis" label="意外险诊断" width="120" />
-          <el-table-column show-overflow-tooltip prop="hospitalName" label="就诊医院" width="80" />
-          <el-table-column show-overflow-tooltip prop="treatmentName" label="就诊科室" width="80" />
+          <el-table-column show-overflow-tooltip prop="injuredDescribe" label="受伤经过描述" />
+          <el-table-column show-overflow-tooltip prop="injuredDiacrisis" label="意外险诊断" />
+          <!--          <el-table-column show-overflow-tooltip prop="hospitalName" label="就诊医院" width="80" />-->
+          <!--          <el-table-column show-overflow-tooltip prop="treatmentName" label="就诊科室" width="80" />-->
           <el-table-column
             show-overflow-tooltip
             prop="hospitalizatioFlag"
@@ -441,10 +753,10 @@
             width="80"
             :formatter="hospitalizatioFlagFormat"
           />
-          <el-table-column show-overflow-tooltip prop="bedNumb" label="床号" width="60" />
+          <!--          <el-table-column show-overflow-tooltip prop="bedNumb" label="床号" width="60" />-->
           <el-table-column show-overflow-tooltip prop="reprotTime" label="报案时间" width="80" />
-          <el-table-column show-overflow-tooltip prop="submitTime" label="递交资料时间" width="120" />
-          <el-table-column show-overflow-tooltip prop="sbumitBy" label="递交人" width="80" />
+          <!--          <el-table-column show-overflow-tooltip prop="submitTime" label="递交资料时间" width="120" />-->
+          <!--          <el-table-column show-overflow-tooltip prop="sbumitBy" label="递交人" width="80" />-->
           <el-table-column show-overflow-tooltip prop="expensesFee" label="医疗总费用" width="100" />
           <el-table-column show-overflow-tooltip prop="innsureFee" label="保险赔付费用" width="120" />
         </el-table>
@@ -457,6 +769,7 @@
           stripe
           border
           style="width: 100%;"
+          @sort-change="changeSort"
         >
           <el-table-column type="selection" width="50" />
           <el-table-column label="操作" width="80">
@@ -468,17 +781,45 @@
               </span>
             </template>
           </el-table-column>
-          <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="60" />
-          <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="80" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="empNumb"
+            label="编号"
+            width="90"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column
+            show-overflow-tooltip
+            prop="allDeptName"
+            label="部门(护卫点)"
+            width="300"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
           <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="60" />
-          <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="60" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="empName"
+            label="姓名"
+            width="80"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
           <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="120" />
-          <el-table-column show-overflow-tooltip prop="injuredTime" label="受伤日期" width="100" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="injuredTime"
+            label="受伤日期"
+            width="130"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
           <el-table-column show-overflow-tooltip prop="injuredAddress" label="受伤地点" width="100" />
           <el-table-column show-overflow-tooltip prop="injuredPart" label="受伤部位" width="80" />
-          <el-table-column show-overflow-tooltip prop="injuredDescribe" label="受伤经过描述" width="120" />
-          <el-table-column show-overflow-tooltip prop="injuredDiacrisis" label="工伤诊断" width="80" />
-          <el-table-column show-overflow-tooltip prop="hospitalName" label="就诊医院" width="100" />
+          <el-table-column show-overflow-tooltip prop="injuredDescribe" label="受伤经过描述" />
+          <el-table-column show-overflow-tooltip prop="injuredDiacrisis" label="工伤诊断" />
+          <el-table-column show-overflow-tooltip prop="hospitalName" label="就诊医院" />
           <el-table-column show-overflow-tooltip prop="treatmentName" label="就诊科室" width="100" />
           <el-table-column
             show-overflow-tooltip
@@ -504,6 +845,7 @@
           stripe
           border
           style="width: 100%;"
+          @sort-change="changeSort"
         >
           <el-table-column type="selection" width="50" />
           <el-table-column label="操作" width="80">
@@ -515,13 +857,40 @@
               </span>
             </template>
           </el-table-column>
-          <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="60" />
-          <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="80" />
-          <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="80" />
-          <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="80" />
-          <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" />
-          <el-table-column show-overflow-tooltip prop="arbitrationDate" label="仲裁日期" width="100" />
-          <el-table-column show-overflow-tooltip prop="arbitrationDate" label="仲裁日期" width="100" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="empNumb"
+            label="编号"
+            width="80"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column
+            show-overflow-tooltip
+            prop="allDeptName"
+            label="部门(护卫点)"
+            width="280"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="60" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="empName"
+            label="姓名"
+            width="80"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="120" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="arbitrationDate"
+            label="仲裁日期"
+            width="120"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
           <el-table-column
             show-overflow-tooltip
             prop="arbitrationType"
@@ -529,18 +898,18 @@
             width="100"
             :formatter="arbitrationTypeFormat"
           />
-          <el-table-column show-overflow-tooltip prop="arbitrationReason" label="仲裁事由" />
-          <el-table-column show-overflow-tooltip prop="reporter" label="报备人" width="80" />
+          <el-table-column show-overflow-tooltip prop="arbitrationReason" label="仲裁事由" min-width="100" />
+          <el-table-column show-overflow-tooltip prop="reporter" label="报备人" width="70" />
           <el-table-column show-overflow-tooltip prop="remark" label="备注" />
           <el-table-column show-overflow-tooltip prop="arbitrationPay" label="仲裁赔付(元)" width="120" />
           <el-table-column
             show-overflow-tooltip
             prop="arbitrationStatus"
             label="状态"
-            width="80"
+            width="50"
             :formatter="arbitrationStatusFormat"
           />
-          <el-table-column show-overflow-tooltip prop="settleDate" label="案结日期" width="120" />
+          <el-table-column show-overflow-tooltip prop="settleDate" label="案结日期" width="100" />
         </el-table>
         <el-table
           v-show="showArr[12].show"
@@ -551,6 +920,7 @@
           stripe
           border
           style="width: 100%;"
+          @sort-change="changeSort"
         >
           <el-table-column type="selection" width="55" />
           <el-table-column label="操作" width="100">
@@ -567,13 +937,41 @@
               </span>
             </template>
           </el-table-column>
-          <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="100" />
-          <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="120" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="empNumb"
+            label="编号"
+            width="100"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column
+            show-overflow-tooltip
+            prop="allDeptName"
+            label="部门(护卫点)"
+            width="300"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
           <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="120" />
-          <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="120" />
-          <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" />
-          <el-table-column show-overflow-tooltip prop="badDate" label="不良记录日期" width="150" />
-          <el-table-column show-overflow-tooltip prop="badContent" label="不良记录描述" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="empName"
+            label="姓名"
+            width="120"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" min-width="120" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="badDate"
+            label="不良记录日期"
+            width="150"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column show-overflow-tooltip prop="badContent" label="不良记录描述" min-width="120" />
           <el-table-column show-overflow-tooltip prop="reporter" label="汇报人" width="120" />
           <el-table-column show-overflow-tooltip prop="remark" label="备注" />
         </el-table>
@@ -586,6 +984,7 @@
           stripe
           border
           style="width: 100%;"
+          @sort-change="changeSort"
         >
           <el-table-column type="selection" width="50" />
           <el-table-column label="操作" width="80">
@@ -597,12 +996,40 @@
               </span>
             </template>
           </el-table-column>
-          <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="180" />
-          <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="120" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="empNumb"
+            label="编号"
+            width="100"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column
+            show-overflow-tooltip
+            prop="allDeptName"
+            label="部门(护卫点)"
+            width="300"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
           <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="120" />
-          <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="120" />
-          <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" />
-          <el-table-column show-overflow-tooltip prop="remarkDate" label="备注日期" width="180" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="empName"
+            label="姓名"
+            width="120"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
+          <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="180" />
+          <el-table-column
+            show-overflow-tooltip
+            prop="remarkDate"
+            label="备注日期"
+            width="150"
+            sortable="custom"
+            :sort-orders="['ascending', 'descending']"
+          />
           <el-table-column show-overflow-tooltip prop="remarkContent" label="备注信息" />
         </el-table>
         <pagination
@@ -612,7 +1039,7 @@
           :limit.sync="pagination.size"
           @pagination="search"
         />
-        <el-col :span="24">
+        <el-col>
           <div style="width: 250px;margin: 20px auto 0;">
             <el-button class="nomalBtn" @click="deleteFrom()">取消</el-button>
             <el-button class="commonBtn" @click="submitTo()">提交</el-button>
@@ -637,7 +1064,6 @@
                 :headers="headers()"
                 :on-success="importHandleAvatarSuccess"
                 :on-error="importHandleAvatarError"
-                :file-list="fileList"
                 :auto-upload="false"
               >
                 <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
@@ -654,17 +1080,19 @@
     <el-dialog title="基本信息" top="8vh" :visible.sync="dialogshowArr[0].show" width="60%" class="baseinfo">
       <el-container style="height: 70vh;">
         <el-aside width="200px">
-          <el-upload
-            class="avatar-uploader"
-            action="#"
-            :show-file-list="false"
-            :on-change="handlePictureCardPreview"
-            :auto-upload="false"
-          >
-            <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过4MB</div>
-            <img v-if="empBaseInfoImageUrl" :src="empBaseInfoImageUrl" class="avatar">
-            <i v-else class="el-icon-plus avatar-uploader-icon" />
-          </el-upload>
+          <!-- 头像显示区域 -->
+          <div class="avatar-wrapper">
+            <img
+              v-if="empBaseInfoImageUrl"
+              :src="empBaseInfoImageUrl"
+              class="avatar"
+              @click="openUploadChoice"
+            >
+            <div v-else class="avatar-uploader-placeholder" @click="openUploadChoice">
+              <i class="el-icon-plus avatar-uploader-icon" />
+              <div class="upload-tip">点击上传照片</div>
+            </div>
+          </div>
         </el-aside>
         <el-main>
           <el-form
@@ -760,11 +1188,11 @@
                 <el-form-item label="招聘介绍人" prop="introducer">
                   <el-input v-model="empBaseInfoForm.introducer" />
                 </el-form-item>
-                <el-form-item label="银行名称" prop="bankName">
+                <el-form-item label="银行名称">
                   <el-input v-model="empBaseInfoForm.bankName" />
                 </el-form-item>
-                <el-form-item label="保险类型" prop="insuranceType">
-                  <el-select v-model="empBaseInfoForm.insuranceType" placeholder="请选择保险类型">
+                <el-form-item label="社保档位" prop="insuranceType">
+                  <el-select v-model="empBaseInfoForm.insuranceType" placeholder="请选择社保档位">
                     <el-option
                       v-for="dict in insuranceTypeOptions"
                       :key="dict.dicItemCode"
@@ -773,10 +1201,10 @@
                     />
                   </el-select>
                 </el-form-item>
-                <el-form-item label="家庭成员及关系" prop="family">
+                <el-form-item label="家庭成员及关系1" prop="family">
                   <el-input v-model="empBaseInfoForm.family" />
                 </el-form-item>
-                <el-form-item label="紧急联系电话" prop="urgencyPhone">
+                <el-form-item label="家庭成员及关系2" prop="urgencyPhone">
                   <el-input v-model="empBaseInfoForm.urgencyPhone" />
                 </el-form-item>
               </el-col>
@@ -787,7 +1215,7 @@
                 <el-form-item label="姓名" prop="empName">
                   <el-input v-model="empBaseInfoForm.empName" />
                 </el-form-item>
-                <el-form-item label="部门(护卫点)" required message="请选择护卫点" prop="deptId">
+                <el-form-item label="部门(护卫点)" required message="请选择部门(护卫点)" prop="allDeptName">
                   <treeselect
                     v-model="empBaseInfoForm.deptId"
                     :multiple="false"
@@ -795,6 +1223,7 @@
                     :clear-value-text="$t('common.clear')"
                     placeholder="请选择部门(护卫点)"
                     style="width:100%"
+                    @select="DeptNameSelect"
                   />
                 </el-form-item>
                 <el-form-item label="岗位" prop="jobName">
@@ -866,7 +1295,7 @@
                     />
                   </el-select>
                 </el-form-item>
-                <el-form-item label="银行账号" prop="bankNumb">
+                <el-form-item label="银行账号">
                   <el-input v-model="empBaseInfoForm.bankNumb" />
                 </el-form-item>
                 <el-form-item label="社保电脑号" prop="socialNumb">
@@ -893,9 +1322,9 @@
                   </el-select>
                 </el-form-item>
               </el-col>
-              <el-col :span="24">
+              <el-col>
                 <el-form-item label="相关证件" prop="certificateList">
-                  <el-select v-model="empBaseInfoForm.certificateList" placeholder="请选择相关证件">
+                  <el-select v-model="empBaseInfoForm.certificateList" multiple placeholder="请选择相关证件">
                     <el-option
                       v-for="dict in certificateListOptions"
                       :key="dict.dicItemCode"
@@ -916,1238 +1345,211 @@
         <el-button @click="dialogIsShow()">取 消</el-button>
       </div>
     </el-dialog>
-    <el-dialog title="工作经历" :visible.sync="dialogshowArr[1].show" width="50%">
-      <el-form
-        ref="workExperienceForm"
-        :model="workExperienceForm"
-        :rules="workExperienceRules"
-        label-position="right"
-        label-width="120px"
-      >
-        <el-row>
-          <el-col :span="12">
-            <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="身份证号码" prop="certificateNumb">
-              <el-input
-                v-model="workExperienceForm.certificateNumb"
-              />
-            </el-form-item>
-            <el-form-item label="性别" prop="sexName">
-              <el-input v-model="workExperienceForm.sexName" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="编号" prop="empNumb">
-              <el-input v-model="workExperienceForm.empNumb" />
-            </el-form-item>
-            <el-form-item label="部门(护卫点)" prop="deptName">
-              <el-input v-model="workExperienceForm.deptName" />
-            </el-form-item>
-            <el-form-item label="岗位" prop="jobName">
-              <el-input v-model="workExperienceForm.jobName" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="24">
-            <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="开始日期" prop="beginDate">
-              <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="结束日期" prop="endDate">
-              <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="主要工作内容" prop="jobContent">
-              <el-input v-model="workExperienceForm.jobContent" type="textarea" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="putWorkExperience('workExperienceForm')">保 存</el-button>
-        <el-button
-          v-if="isAdd"
-          type="primary"
-          @click="putWorkExperienceContinue('workExperienceForm')"
-        >保存并继续新增
-        </el-button>
-        <el-button @click="dialogIsShow()">取 消</el-button>
-      </div>
-    </el-dialog>
-    <el-dialog title="体检信息" :visible.sync="dialogshowArr[2].show" width="50%">
-      <el-form
-        ref="physicalExamForm"
-        :model="physicalExamForm"
-        :rules="physicalExamRules"
-        label-position="right"
-        label-width="120px"
-      >
-        <el-row>
-          <el-col :span="12">
-            <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="身份证号码" prop="certificateNumb">
-              <el-input
-                v-model="physicalExamForm.certificateNumb"
-              />
-            </el-form-item>
-            <el-form-item label="性别" prop="sex">
-              <el-input v-model="physicalExamForm.sex" />
-            </el-form-item>
-            <el-form-item label="体检医院" prop="hospital">
-              <el-input v-model="physicalExamForm.hospital" />
-            </el-form-item>
-            <el-form-item label="体检类型" prop="physicalExamType">
-              <el-select
-                v-model="physicalExamForm.physicalExamType"
-                placeholder="请选择体检类型"
-              >
-                <el-option
-                  v-for="dict in physicalExamTypeOptions"
-                  :key="dict.dicItemCode"
-                  :label="dict.dicItemName"
-                  :value="dict.dicItemCode"
-                />
-              </el-select>
-            </el-form-item>
-            <el-form-item label="转氨酶" prop="transaminase">
-              <el-input v-model="physicalExamForm.transaminase" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="编号" prop="empNumb">
-              <el-input v-model="physicalExamForm.empNumb" />
-            </el-form-item>
-            <el-form-item label="部门(护卫点)" prop="deptName">
-              <el-input v-model="physicalExamForm.deptName" />
-            </el-form-item>
-            <el-form-item label="岗位" prop="jobName">
-              <el-input v-model="physicalExamForm.jobName" />
-            </el-form-item>
-            <el-form-item label="体检日期" prop="physicalExamDate">
-              <el-date-picker
-                v-model="physicalExamForm.physicalExamDate"
-                value-format="yyyy-MM-dd"
-                type="date"
-                placeholder="选择体检日期"
-              />
-            </el-form-item>
-            <el-form-item label="血压" prop="bloodPressure">
-              <el-input v-model="physicalExamForm.bloodPressure" />
-            </el-form-item>
-            <el-form-item label="心电图" prop="ecg">
-              <el-select v-model="physicalExamForm.ecg" placeholder="ecg">
-                <el-option
-                  v-for="dict in ecgOptions"
-                  :key="dict.dicItemCode"
-                  :label="dict.dicItemName"
-                  :value="dict.dicItemCode"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="24">
-            <el-form-item label="体检结论" prop="conclusion">
-              <el-input v-model="physicalExamForm.conclusion" />
-            </el-form-item>
-            <el-form-item label="复查日期" prop="reviewRecord">
-              <el-date-picker
-                v-model="physicalExamForm.reviewRecord"
-                value-format="yyyy-MM-dd"
-                type="date"
-                placeholder="选择复查日期"
-              />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="24">
-            <el-form-item label="备注" prop="remark">
-              <el-input v-model="physicalExamForm.remark" type="textarea" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="putPhysicalExam('physicalExamForm')">保 存</el-button>
-        <el-button
-          v-if="isAdd"
-          type="primary"
-          @click="putPhysicalExamContinue('physicalExamForm')"
-        >保存并继续新增
-        </el-button>
-        <el-button @click="dialogIsShow()">取 消</el-button>
-      </div>
-    </el-dialog>
-    <el-dialog title="合同信息" :visible.sync="dialogshowArr[3].show" width="50%">
-      <el-form
-        ref="contractInfoForm"
-        :model="contractInfoForm"
-        :rules="contractInfoRules"
-        label-position="right"
-        label-width="120px"
-      >
-        <el-row>
-          <el-col :span="12">
-            <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="身份证号码" prop="certificateNumb">
-              <el-input
-                v-model="contractInfoForm.certificateNumb"
-              />
-            </el-form-item>
-            <el-form-item label="性别" prop="sex">
-              <el-input v-model="contractInfoForm.sex" />
-            </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="合同状态" prop="contractStatus">
-              <el-select
-                v-model="contractInfoForm.contractStatus"
-                placeholder="请选择合同状态"
-              >
-                <el-option
-                  v-for="dict in contractStatusOptions"
-                  :key="dict.dicItemCode"
-                  :label="dict.dicItemName"
-                  :value="dict.dicItemCode"
-                />
-              </el-select>
-            </el-form-item>
-            <el-form-item label="合同办理人" prop="transactor">
-              <el-input v-model="contractInfoForm.transactor" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="编号" prop="empNumb">
-              <el-input v-model="contractInfoForm.empNumb" />
-            </el-form-item>
-            <el-form-item label="部门(护卫点)" prop="deptName">
-              <el-input v-model="contractInfoForm.deptName" />
-            </el-form-item>
-            <el-form-item label="岗位" prop="jobName">
-              <el-input v-model="contractInfoForm.jobName" />
-            </el-form-item>
-            <el-form-item label="合同结束日期" prop="endDate">
-              <el-date-picker
-                v-model="contractInfoForm.endDate"
-                value-format="yyyy-MM-dd"
-                type="date"
-                placeholder="选择日期"
-              />
-            </el-form-item>
-            <el-form-item label="合同期限(年)" prop="contractPeriod">
-              <el-input v-model="contractInfoForm.contractPeriod" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="24">
-            <el-form-item label="备注" prop="remark">
-              <el-input v-model="contractInfoForm.remark" type="textarea" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="putContractInfo('contractInfoForm')">保 存</el-button>
-        <el-button
-          v-if="isAdd"
-          type="primary"
-          @click="putContractInfoContinue('contractInfoForm')"
-        >保存并继续新增
-        </el-button>
-        <el-button @click="dialogIsShow()">取 消</el-button>
-      </div>
-    </el-dialog>
-    <el-dialog title="离职当月考勤" :visible.sync="dialogshowArr[4].show" width="50%">
-      <el-form
-        ref="dimissionAttendForm"
-        :model="dimissionAttendForm"
-        :rules="dimissionAttendRules"
-        label-position="right"
-        label-width="120px"
-      >
-        <el-row>
-          <el-col :span="12">
-            <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="certificateNumb">
-              <el-input
-                v-model="dimissionAttendForm.certificateNumb"
-              />
-            </el-form-item>
-            <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"
-                type="month"
-                placeholder="选择考勤月份"
-              />
-            </el-form-item>
-            <el-form-item label="加班(天)" prop="overtimeDay">
-              <el-input v-model="dimissionAttendForm.overtimeDay" />
-            </el-form-item>
-            <el-form-item label="有无代扣款项" prop="deduct">
-              <el-input v-model="dimissionAttendForm.deduct" />
-            </el-form-item>
-            <el-form-item label="旷工(天)" prop="absenteeism">
-              <el-input v-model="dimissionAttendForm.absenteeism" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="编号" prop="empNumb">
-              <el-input v-model="dimissionAttendForm.empNumb" />
-            </el-form-item>
-            <el-form-item label="部门(护卫点)" prop="deptName">
-              <el-input v-model="dimissionAttendForm.deptName" />
-            </el-form-item>
-            <el-form-item label="岗位" prop="jobName">
-              <el-input v-model="dimissionAttendForm.jobName" />
-            </el-form-item>
-            <el-form-item label="出勤天数" prop="attendDays">
-              <el-input v-model="dimissionAttendForm.attendDays" />
-            </el-form-item>
-
-            <el-form-item label="加班(小时)" prop="overtimeHour">
-              <el-input v-model="dimissionAttendForm.overtimeHour" />
-            </el-form-item>
-
-            <el-form-item label="请假(天)" prop="leaveDay">
-              <el-input v-model="dimissionAttendForm.leaveDay" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="24">
-            <el-form-item label="备注" prop="remark">
-              <el-input v-model="dimissionAttendForm.remark" type="textarea" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="putDimissionAttend('dimissionAttendForm')">保 存</el-button>
-        <el-button v-if="isAdd" type="primary" @click="putDimissionAttendContinue('dimissionAttendForm')">保存并继续新增
-        </el-button>
-        <el-button @click="dialogIsShow()">取 消</el-button>
-      </div>
-    </el-dialog>
-    <el-dialog title="请假记录" :visible.sync="dialogshowArr[5].show" width="50%">
-      <el-form
-        ref="leaveInfoForm"
-        :model="leaveInfoForm"
-        :rules="leaveInfoRules"
-        label-position="right"
-        label-width="120px"
-      >
-        <el-row>
-          <el-col :span="12">
-            <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="certificateNumb">
-              <el-input
-                v-model="leaveInfoForm.certificateNumb"
-              />
-            </el-form-item>
-            <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"
-                format="yyyy-MM-dd HH:mm:ss"
-                type="datetime"
-                placeholder="选择请假开始时间"
-              />
-            </el-form-item>
-
-            <el-form-item label="请假类型" prop="leaveType">
-              <el-select v-model="leaveInfoForm.leaveType" placeholder="请选择请假类型">
-                <el-option
-                  v-for="dict in leaveTypeOptions"
-                  :key="dict.dicItemCode"
-                  :label="dict.dicItemName"
-                  :value="dict.dicItemCode"
-                />
-              </el-select>
-            </el-form-item>
-
-            <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="empNumb">
-              <el-input v-model="leaveInfoForm.empNumb" />
-            </el-form-item>
-            <el-form-item label="部门(护卫点)" prop="deptName">
-              <el-input v-model="leaveInfoForm.deptName" />
-            </el-form-item>
-            <el-form-item label="岗位" prop="jobName">
-              <el-input v-model="leaveInfoForm.jobName" />
-            </el-form-item>
-            <el-form-item label="请假结束时间" prop="endTime">
-              <el-date-picker
-                v-model="leaveInfoForm.endTime"
-                value-format="yyyy-MM-dd HH:mm:ss"
-                format="yyyy-MM-dd HH:mm:ss"
-                type="datetime"
-                placeholder="选择请假结束时间"
-              />
-            </el-form-item>
-
-            <el-form-item label="请假天数" prop="leaveDay">
-              <el-input v-model="leaveInfoForm.leaveDay" />
-            </el-form-item>
-
-            <el-form-item label="返岗时间" prop="returnDate">
-              <el-date-picker
-                v-model="leaveInfoForm.returnDate"
-                value-format="yyyy-MM-dd"
-                type="date"
-                placeholder="选择返岗时间"
-              />
-            </el-form-item>
-
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="24">
-            <el-form-item label="备注">
-              <el-input v-model="leaveInfoForm.remark" type="textarea" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="putLeaveInfo('leaveInfoForm')">保 存</el-button>
-        <el-button v-if="isAdd" type="primary" @click="putLeaveInfoContinue('leaveInfoForm')">保存并继续新增</el-button>
-        <el-button @click="dialogIsShow()">取 消</el-button>
-      </div>
-    </el-dialog>
-    <el-dialog title="辞职申请" :visible.sync="dialogshowArr[6].show" width="50%">
-      <el-form ref="resignForm" :model="resignForm" :rules="resignRules" label-position="right" label-width="120px">
-        <el-row>
-          <el-col :span="12">
-            <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="certificateNumb">
-              <el-input
-                v-model="resignForm.certificateNumb"
-              />
-            </el-form-item>
-            <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"
-                type="date"
-                placeholder="选择辞职申请日期"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="编号" prop="empNumb">
-              <el-input v-model="resignForm.empNumb" />
-            </el-form-item>
-            <el-form-item label="部门(护卫点)" prop="deptName">
-              <el-input v-model="resignForm.deptName" />
-            </el-form-item>
-            <el-form-item label="岗位" prop="jobName">
-              <el-input v-model="resignForm.jobName" />
-            </el-form-item>
-            <el-form-item label="报备人">
-              <el-input v-model="resignForm.reporter" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="24">
-            <el-form-item label="辞职事由" prop="reason">
-              <el-input v-model="resignForm.reason" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="24">
-            <el-form-item label="备注">
-              <el-input v-model="resignForm.remark" type="textarea" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="putResign('resignForm')">保 存</el-button>
-        <el-button v-if="isAdd" type="primary" @click="putResignContinue('resignForm')">保存并继续新增</el-button>
-        <el-button @click="dialogIsShow()">取 消</el-button>
-      </div>
-    </el-dialog>
-    <el-dialog title="失业金领取" :visible.sync="dialogshowArr[7].show" width="50%">
-      <el-form
-        ref="unemploymentForm"
-        :model="unemploymentForm"
-        :rules="unemploymentRules"
-        label-position="right"
-        label-width="120px"
-      >
-        <el-row>
-          <el-col :span="12">
-            <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="certificateNumb">
-              <el-input
-                v-model="unemploymentForm.certificateNumb"
-              />
-            </el-form-item>
-            <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"
-                type="date"
-                placeholder="选择失业金申请日期"
-              />
-            </el-form-item>
-            <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="empNumb">
-              <el-input v-model="unemploymentForm.empNumb" />
-            </el-form-item>
-            <el-form-item label="部门(护卫点)" prop="deptName">
-              <el-input v-model="unemploymentForm.deptName" />
-            </el-form-item>
-            <el-form-item label="岗位" prop="jobName">
-              <el-input v-model="unemploymentForm.jobName" />
-            </el-form-item>
-            <el-form-item label="汇报人">
-              <el-input v-model="unemploymentForm.reporter" />
-            </el-form-item>
-            <el-form-item label="审批人">
-              <el-input v-model="unemploymentForm.auditor" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-
-        <el-row>
-          <el-col :span="24">
-            <el-form-item label="备注">
-              <el-input v-model="unemploymentForm.remark" type="textarea" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="putUnemployment('unemploymentForm')">保 存</el-button>
-        <el-button v-if="isAdd" type="primary" @click="putUnemploymentContinue('unemploymentForm')">保存并继续新增</el-button>
-        <el-button @click="dialogIsShow()">取 消</el-button>
-      </div>
-    </el-dialog>
-    <el-dialog title="社保申请" :visible.sync="dialogshowArr[8].show" width="50%">
-      <el-form
-        ref="insuranceForm"
-        :model="insuranceForm"
-        :rules="insuranceRules"
-        label-position="right"
-        label-width="120px"
-      >
-        <el-row>
-          <el-col :span="12">
-            <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="certificateNumb">
-              <el-input
-                v-model="insuranceForm.certificateNumb"
-              />
-            </el-form-item>
-            <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"
-                type="date"
-                placeholder="选择社保申请日期"
-              />
-            </el-form-item>
-            <el-form-item label="社保档位" prop="insuranceGaers">
-              <el-select v-model="insuranceForm.insuranceGaers" placeholder="请选择社保档位">
-                <el-option
-                  v-for="dict in insuranceGaersOptions"
-                  :key="dict.dicItemCode"
-                  :label="dict.dicItemName"
-                  :value="dict.dicItemCode"
-                />
-              </el-select>
-            </el-form-item>
-            <el-form-item label="状态" prop="applayStatus">
-              <el-select v-model="insuranceForm.applayStatus" placeholder="请选择状态">
-                <el-option
-                  v-for="dict in applayStatusOptions"
-                  :key="dict.dicItemCode"
-                  :label="dict.dicItemName"
-                  :value="dict.dicItemCode"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="编号" prop="empNumb">
-              <el-input v-model="insuranceForm.empNumb" />
-            </el-form-item>
-            <el-form-item label="部门(护卫点)" prop="deptName">
-              <el-input v-model="insuranceForm.deptName" />
-            </el-form-item>
-            <el-form-item label="岗位" prop="jobName">
-              <el-input v-model="insuranceForm.jobName" />
-            </el-form-item>
-            <el-form-item label="申请人" prop="proposer">
-              <el-input v-model="insuranceForm.proposer" />
-            </el-form-item>
-            <el-form-item label="是否已经报告">
-              <el-select v-model="insuranceForm.reportStatus" placeholder="是否已经报告">
-                <el-option
-                  v-for="dict in reportStatusOptions"
-                  :key="dict.dicItemCode"
-                  :label="dict.dicItemName"
-                  :value="dict.dicItemCode"
-                />
-              </el-select>
-            </el-form-item>
-            <el-form-item label="审批人">
-              <el-input v-model="insuranceForm.auditor" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="24">
-            <el-form-item label="备注">
-              <el-input v-model="insuranceForm.remark" type="textarea" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="putInsurance('insuranceForm')">保 存</el-button>
-        <el-button v-if="isAdd" type="primary" @click="putInsuranceContinue('insuranceForm')">保存并继续新增</el-button>
-        <el-button @click="dialogIsShow()">取 消</el-button>
-      </div>
-    </el-dialog>
-    <el-dialog title="意外险案件" :visible.sync="dialogshowArr[9].show" width="50%">
-      <el-form
-        ref="accidentCasesForm"
-        :model="accidentCasesForm"
-        :rules="accidentCasesRules"
-        label-position="right"
-        label-width="120px"
-      >
-        <el-row>
-          <el-col :span="12">
-            <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="certificateNumb">
-              <el-input
-                v-model="accidentCasesForm.certificateNumb"
-              />
-            </el-form-item>
-            <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"
-                type="datetime"
-                placeholder="选择受伤时间"
-              />
-            </el-form-item>
-            <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="empNumb">
-              <el-input v-model="accidentCasesForm.empNumb" />
-            </el-form-item>
-            <el-form-item label="部门(护卫点)" prop="deptName">
-              <el-input v-model="accidentCasesForm.deptName" />
-            </el-form-item>
-            <el-form-item label="岗位" prop="jobName">
-              <el-input v-model="accidentCasesForm.jobName" />
-            </el-form-item>
-            <el-form-item label="受伤地点">
-              <el-input v-model="accidentCasesForm.injuredAddress" />
-            </el-form-item>
-            <el-form-item label="意外险诊断">
-              <el-input v-model="accidentCasesForm.injuredDiacrisis" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-
-        <el-row>
-          <el-col :span="24">
-            <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="就诊医院" prop="hospitalName">
-              <el-input v-model="accidentCasesForm.hospitalName" />
-            </el-form-item>
-            <el-form-item label="是否住院" prop="hospitalizatioFlag">
-              <el-select v-model="accidentCasesForm.hospitalizatioFlag" placeholder="是否住院">
-                <el-option
-                  v-for="dict in hospitalizatioFlagOptions"
-                  :key="dict.dicItemCode"
-                  :label="dict.dicItemName"
-                  :value="dict.dicItemCode"
-                />
-              </el-select>
-            </el-form-item>
-            <el-form-item label="报案时间">
-              <el-date-picker
-                v-model="accidentCasesForm.reprotTime"
-                value-format="yyyy-MM-dd HH:mm:ss"
-                type="datetime"
-                placeholder="选择报案时间"
-              />
-            </el-form-item>
-            <el-form-item label="递交人">
-              <el-input v-model="accidentCasesForm.sbumitBy" />
-            </el-form-item>
-            <el-form-item label="保险赔付费用" prop="innsureFee">
-              <el-input v-model="accidentCasesForm.innsureFee" />
-            </el-form-item>
-            <el-form-item label="人事处理时间">
-              <el-date-picker
-                v-model="accidentCasesForm.hrDoDate"
-                value-format="yyyy-MM-dd"
-                type="date"
-                placeholder="选择人事处理时间"
-              />
-            </el-form-item>
-
-            <el-form-item label="案结时间" prop="settleDate">
-              <el-date-picker
-                v-model="accidentCasesForm.settleDate"
-                value-format="yyyy-MM-dd"
-                type="date"
-                placeholder="选择案结时间"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="就诊科室">
-              <el-input v-model="accidentCasesForm.treatmentName" />
-            </el-form-item>
-            <el-form-item label="床号">
-              <el-input v-model="accidentCasesForm.bedNumb" />
-            </el-form-item>
-            <el-form-item label="递交资料时间">
-              <el-date-picker
-                v-model="accidentCasesForm.submitTime"
-                value-format="yyyy-MM-dd"
-                type="date"
-                placeholder="选择递交资料时间"
-              />
-            </el-form-item>
-            <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="状态" prop="settleStatus">
-              <el-select v-model="accidentCasesForm.settleStatus" placeholder="">
-                <el-option
-                  v-for="dict in settleStatusOptions"
-                  :key="dict.dicItemCode"
-                  :label="dict.dicItemName"
-                  :value="dict.dicItemCode"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="putAccidentCases('accidentCasesForm')">保 存</el-button>
-        <el-button v-if="isAdd" type="primary" @click="putAccidentCasesContinue('accidentCasesForm')">保存并继续新增
-        </el-button>
-        <el-button @click="dialogIsShow()">取 消</el-button>
-      </div>
-    </el-dialog>
-    <el-dialog title="工伤案件" :visible.sync="dialogshowArr[10].show" width="50%">
-      <el-form
-        ref="occupationalForm"
-        :model="occupationalForm"
-        :rules="occupationalRules"
-        label-position="right"
-        label-width="140px"
-      >
-        <el-row>
-          <el-col :span="12">
-            <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="certificateNumb">
-              <el-input
-                v-model="occupationalForm.certificateNumb"
-              />
-            </el-form-item>
-            <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"
-                type="datetime"
-                placeholder="选择受伤时间"
-              />
-            </el-form-item>
-            <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="empNumb">
-              <el-input v-model="occupationalForm.empNumb" />
-            </el-form-item>
-            <el-form-item label="部门(护卫点)" prop="deptName">
-              <el-input v-model="occupationalForm.deptName" />
-            </el-form-item>
-            <el-form-item label="岗位" prop="jobName">
-              <el-input v-model="occupationalForm.jobName" />
-            </el-form-item>
-            <el-form-item label="受伤地点" prop="injuredAddress">
-              <el-input v-model="occupationalForm.injuredAddress" />
-            </el-form-item>
-            <el-form-item label="工伤诊断" prop="injuredDiacrisis">
-              <el-input v-model="occupationalForm.injuredDiacrisis" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-
-        <el-row>
-          <el-col :span="24">
-            <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="就诊医院" prop="hospitalName">
-              <el-input v-model="occupationalForm.hospitalName" />
-            </el-form-item>
-            <el-form-item label="是否住院" prop="hospitalizatioFlag">
-              <el-select v-model="occupationalForm.hospitalizatioFlag" placeholder="是否住院">
-                <el-option
-                  v-for="dict in hospitalizatioFlagOptions"
-                  :key="dict.dicItemCode"
-                  :label="dict.dicItemName"
-                  :value="dict.dicItemCode"
-                />
-              </el-select>
-            </el-form-item>
-            <el-form-item label="报案时间" prop="'reportTime">
-              <el-date-picker
-                v-model="occupationalForm.reportTime"
-                value-format="yyyy-MM-dd HH:mm:ss"
-                type="datetime"
-                placeholder="选择报案时间"
-              />
-            </el-form-item>
-            <el-form-item label="递交人" prop="'sbumitBy">
-              <el-input v-model="occupationalForm.sbumitBy" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="就诊科室" prop="'treatmentName">
-              <el-input v-model="occupationalForm.treatmentName" />
-            </el-form-item>
-            <el-form-item label="床号" prop="bedNumb">
-              <el-input v-model="occupationalForm.bedNumb" />
-            </el-form-item>
-            <el-form-item label="递交资料时间" prop="submitTime">
-              <el-date-picker
-                v-model="occupationalForm.submitTime"
-                value-format="yyyy-MM-dd"
-                type="date"
-                placeholder="选择递交资料时间"
-              />
-            </el-form-item>
-            <el-form-item label="人事处理时间" prop="hrDoDate">
-              <el-date-picker
-                v-model="occupationalForm.hrDoDate"
-                value-format="yyyy-MM-dd"
-                type="date"
-                placeholder="选择人事处理时间"
-              />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        社保赔偿费用
-        <el-divider />
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="医疗总费用" prop="expensesFee">
-              <el-input v-model="occupationalForm.expensesFee" />
-            </el-form-item>
-            <el-form-item label="一次性伤残补助金" prop="socialDisability">
-              <el-input v-model="occupationalForm.socialDisability" />
-            </el-form-item>
-            <el-form-item label="一次性医疗补助金" prop="socialSubsidy">
-              <el-input v-model="occupationalForm.socialSubsidy" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="剔除总额">
-              <el-input v-model="occupationalForm.eliminate" />
-            </el-form-item>
-            <el-form-item label="住院伙食补贴">
-              <el-input v-model="occupationalForm.socialAllowance" />
-            </el-form-item>
-            <el-form-item label="社保赔偿总费用">
-              <el-input v-model="occupationalForm.socialCompensation" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        公司赔偿费用
-        <el-divider />
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="已赔付医药费用" prop="compensated">
-              <el-input v-model="occupationalForm.compensated" />
-            </el-form-item>
-            <el-form-item label="一次性伤残补助金">
-              <el-input v-model="occupationalForm.companylDisability" />
-            </el-form-item>
-            <el-form-item label="一次性医疗补助金">
-              <el-input v-model="occupationalForm.companySubsidy" />
-            </el-form-item>
-            <el-form-item label="一次性就业补助金">
-              <el-input v-model="occupationalForm.jobSubsidy" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="其他赔偿报销">
-              <el-input v-model="occupationalForm.otherCompensated" />
-            </el-form-item>
-            <el-form-item label="工伤生活补贴">
-              <el-input v-model="occupationalForm.companyAllowance" />
-            </el-form-item>
-            <el-form-item label="公司赔偿总费用" prop="companyCompensation">
-              <el-input v-model="occupationalForm.companyCompensation" />
-            </el-form-item>
-            <el-form-item label="是否结案" prop="settleStatus">
-              <el-select v-model="occupationalForm.settleStatus" placeholder="">
-                <el-option
-                  v-for="dict in settleStatusOptions"
-                  :key="dict.dicItemCode"
-                  :label="dict.dicItemName"
-                  :value="dict.dicItemCode"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-
-        <el-row>
-          <el-col :span="24">
-            <el-form-item label="备注">
-              <el-input v-model="occupationalForm.remark" type="textarea" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="putOccupational('occupationalForm')">保 存</el-button>
-        <el-button v-if="isAdd" type="primary" @click="putOccupationalContinue('occupationalForm')">保存并继续新增</el-button>
-        <el-button @click="dialogIsShow()">取 消</el-button>
-      </div>
-    </el-dialog>
-    <el-dialog title="劳资案件" :visible.sync="dialogshowArr[11].show" width="50%">
-      <el-form
-        ref="laborTroubleForm"
-        :model="laborTroubleForm"
-        :rules="laborTroubleRules"
-        label-position="right"
-        label-width="140px"
-      >
-        <el-row>
-          <el-col :span="12">
-            <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="certificateNumb">
-              <el-input
-                v-model="laborTroubleForm.certificateNumb"
-              />
-            </el-form-item>
-            <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"
-                type="date"
-                placeholder="选择仲裁日期"
-              />
-            </el-form-item>
-            <el-form-item label="汇报人" prop="reporter">
-              <el-input v-model="laborTroubleForm.reporter" />
-            </el-form-item>
-            <el-form-item label="状态" prop="arbitrationStatus">
-              <el-select v-model="laborTroubleForm.arbitrationStatus" placeholder="">
-                <el-option
-                  v-for="dict in settleStatusOptions"
-                  :key="dict.dicItemCode"
-                  :label="dict.dicItemName"
-                  :value="dict.dicItemCode"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="编号" prop="empNumb">
-              <el-input v-model="laborTroubleForm.empNumb" />
-            </el-form-item>
-            <el-form-item label="部门(护卫点)" prop="deptName">
-              <el-input v-model="laborTroubleForm.deptName" />
-            </el-form-item>
-            <el-form-item label="岗位" prop="jobName">
-              <el-input v-model="laborTroubleForm.jobName" />
-            </el-form-item>
-            <el-form-item label="仲裁类型" prop="arbitrationType">
-              <el-select v-model="laborTroubleForm.arbitrationType" placeholder="请选择仲裁类型">
-                <el-option
-                  v-for="dict in arbitrationTypeOptions"
-                  :key="dict.dicItemCode"
-                  :label="dict.dicItemName"
-                  :value="dict.dicItemCode"
-                />
-              </el-select>
-            </el-form-item>
-            <el-form-item label="仲裁赔付(元)" prop="'arbitrationPay">
-              <el-input
-                v-model="laborTroubleForm.arbitrationPay"
-                oninput="value=value.replace(/^\.+|[^\d.]/g,'')"
-                @blur="arbitrationPayChange"
-              />
-            </el-form-item>
-            <el-form-item label="案结日期" prop="settleDate">
-              <el-date-picker
-                v-model="laborTroubleForm.settleDate"
-                value-format="yyyy-MM-dd"
-                type="date"
-                placeholder="选择案结日期"
-              />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="24">
-            <el-form-item label="仲裁事由" prop="arbitrationReason">
-              <el-input v-model="laborTroubleForm.arbitrationReason" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="24">
-            <el-form-item label="备注" prop="remark">
-              <el-input v-model="laborTroubleForm.remark" type="textarea" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="putLaborTrouble('laborTroubleForm')">保 存</el-button>
-        <el-button v-if="isAdd" type="primary" @click="putLaborTroubleContinue('laborTroubleForm')">保存并继续新增</el-button>
-        <el-button @click="dialogIsShow()">取 消</el-button>
-      </div>
-    </el-dialog>
-    <el-dialog title="不良记录" :visible.sync="dialogshowArr[12].show" width="50%">
-      <el-form
-        ref="badRecordForm"
-        :model="badRecordForm"
-        :rules="badRecordRules"
-        label-position="right"
-        label-width="140px"
-      >
-        <el-row>
-          <el-col :span="12">
-            <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="certificateNumb">
-              <el-input
-                v-model="badRecordForm.certificateNumb"
-              />
-            </el-form-item>
-            <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"
-                value-format="yyyy-MM-dd"
-                placeholder="选择不良记录日期"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="编号" prop="empNumb">
-              <el-input v-model="badRecordForm.empNumb" />
-            </el-form-item>
-            <el-form-item label="部门(护卫点)" prop="deptName">
-              <el-input v-model="badRecordForm.deptName" />
-            </el-form-item>
-            <el-form-item label="岗位" prop="jobName">
-              <el-input v-model="badRecordForm.jobName" />
-            </el-form-item>
-            <el-form-item label="汇报人" prop="reporter">
-              <el-input v-model="badRecordForm.reporter" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="24">
-            <el-form-item label="不良记录描述" prop="badContent">
-              <el-input v-model="badRecordForm.badContent" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="24">
-            <el-form-item label="备注">
-              <el-input v-model="badRecordForm.remark" type="textarea" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="putBadRecord('badRecordForm')">保 存</el-button>
-        <el-button v-if="isAdd" type="primary" @click="putBadRecordContinue('badRecordForm')">保存并继续新增</el-button>
-        <el-button @click="dialogIsShow()">取 消</el-button>
-      </div>
-    </el-dialog>
-    <el-dialog title="备注信息" :visible.sync="dialogshowArr[13].show" width="50%">
-      <el-form
-        ref="remarkInfoForm"
-        :model="remarkInfoForm"
-        :rules="remarkInfoRules"
-        label-position="right"
-        label-width="140px"
-      >
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="姓名" prop="empName">
-              <el-input v-model="remarkInfoForm.empName" suffix-icon="el-icon-search" @click.native="showXzyg()" />
-            </el-form-item>
-            <el-form-item label="身份证号码" prop="certificateNumb">
-              <el-input
-                v-model="remarkInfoForm.certificateNumb"
-              />
-            </el-form-item>
-            <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"
-                type="date"
-                placeholder="选择备注日期"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="编号" prop="empNumb">
-              <el-input v-model="remarkInfoForm.empNumb" />
-            </el-form-item>
-            <el-form-item label="部门(护卫点)" prop="deptName">
-              <el-input v-model="remarkInfoForm.deptName" />
-            </el-form-item>
-            <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="备注" 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('remarkInfoForm')">保 存</el-button>
-        <el-button v-if="isAdd" type="primary" @click="putRemarkInfoContinue('remarkInfoForm')">保存并继续新增</el-button>
-        <el-button @click="dialogIsShow()">取 消</el-button>
-      </div>
-    </el-dialog>
+    <work-experience-edit
+      :visible.sync="dialogshowArr[1].show"
+      :is-add="isAdd"
+      :edit-data="workExperienceEditData"
+      :sex-options="sexOptions"
+      :show-continue-button="true"
+      :emp-info-disabled="false"
+      @select-employee="showXzyg"
+      @success="handleWorkExperienceSuccess"
+      @continue="handleWorkExperienceContinue"
+    />
+    <physical-exam-edit
+      :visible.sync="dialogshowArr[2].show"
+      :is-add="isAdd"
+      :edit-data="physicalExamEditData"
+      :sex-options="sexOptions"
+      :physical-exam-type-options="physicalExamTypeOptions"
+      :ecg-options="ecgOptions"
+      :show-continue-button="true"
+      :emp-info-disabled="false"
+      @select-employee="showXzyg"
+      @success="handlePhysicalExamSuccess"
+      @continue="handlePhysicalExamContinue"
+    />
+    <contract-info-edit
+      :visible.sync="dialogshowArr[3].show"
+      :is-add="isAdd"
+      :edit-data="contractInfoEditData"
+      :sex-options="sexOptions"
+      :contract-status-options="contractStatusOptions"
+      :show-continue-button="true"
+      :emp-info-disabled="false"
+      @select-employee="showXzyg"
+      @success="handleContractInfoSuccess"
+      @continue="handleContractInfoContinue"
+    />
+    <dimission-attend-edit
+      :visible.sync="dialogshowArr[4].show"
+      :is-add="isAdd"
+      :edit-data="dimissionAttendEditData"
+      :sex-options="sexOptions"
+      :show-continue-button="true"
+      :emp-info-disabled="false"
+      @select-employee="showXzyg"
+      @success="handleDimissionAttendSuccess"
+      @continue="handleDimissionAttendContinue"
+    />
+    <leave-info-edit
+      :visible.sync="dialogshowArr[5].show"
+      :is-add="isAdd"
+      :edit-data="leaveInfoEditData"
+      :sex-options="sexOptions"
+      :leave-type-options="leaveTypeOptions"
+      :show-continue-button="true"
+      :emp-info-disabled="false"
+      @select-employee="showXzyg"
+      @success="handleLeaveInfoSuccess"
+      @continue="handleLeaveInfoContinue"
+    />
+    <resign-edit
+      :visible.sync="dialogshowArr[6].show"
+      :is-add="isAdd"
+      :edit-data="resignEditData"
+      :sex-options="sexOptions"
+      :show-continue-button="true"
+      :emp-info-disabled="false"
+      @select-employee="showXzyg"
+      @success="handleResignSuccess"
+      @continue="handleResignContinue"
+    />
+    <unemployment-insurance-edit
+      :visible.sync="dialogshowArr[7].show"
+      :is-add="isAdd"
+      :edit-data="unemploymentEditData"
+      :sex-options="sexOptions"
+      :show-continue-button="true"
+      :emp-info-disabled="false"
+      @select-employee="showXzyg"
+      @success="handleUnemploymentSuccess"
+      @continue="handleUnemploymentContinue"
+    />
+    <social-security-edit
+      :visible.sync="dialogshowArr[8].show"
+      :is-add="isAdd"
+      :edit-data="socialSecurityEditData"
+      :sex-options="sexOptions"
+      :insurance-gaers-options="insuranceGaersOptions"
+      :applay-status-options="applayStatusOptions"
+      :report-status-options="reportStatusOptions"
+      :show-continue-button="true"
+      :emp-info-disabled="false"
+      @select-employee="showXzyg"
+      @success="handleInsuranceSuccess"
+      @continue="handleInsuranceContinue"
+    />
+    <accident-insurance-edit
+      :visible.sync="dialogshowArr[9].show"
+      :is-add="isAdd"
+      :edit-data="accidentInsuranceEditData"
+      :sex-options="sexOptions"
+      :hospitalizatio-flag-options="hospitalizatioFlagOptions"
+      :settle-status-options="settleStatusOptions"
+      :show-continue-button="true"
+      :emp-info-disabled="false"
+      @select-employee="showXzyg"
+      @success="handleAccidentCasesSuccess"
+      @continue="handleAccidentCasesContinue"
+    />
+    <work-injury-edit
+      :visible.sync="dialogshowArr[10].show"
+      :is-add="isAdd"
+      :edit-data="workInjuryEditData"
+      :sex-options="sexOptions"
+      :hospitalizatio-flag-options="hospitalizatioFlagOptions"
+      :settle-status-options="settleStatusOptions"
+      :show-continue-button="true"
+      :emp-info-disabled="false"
+      @select-employee="showXzyg"
+      @success="handleOccupationalSuccess"
+      @continue="handleOccupationalContinue"
+    />
+    <arbitration-edit
+      :visible.sync="dialogshowArr[11].show"
+      :is-add="isAdd"
+      :edit-data="arbitrationEditData"
+      :sex-options="sexOptions"
+      :arbitration-type-options="arbitrationTypeOptions"
+      :settle-status-options="settleStatusOptions"
+      :show-continue-button="true"
+      :emp-info-disabled="false"
+      @select-employee="showXzyg"
+      @success="handleLaborTroubleSuccess"
+      @continue="handleLaborTroubleContinue"
+    />
+    <bad-record-edit
+      :visible.sync="dialogshowArr[12].show"
+      :is-add="isAdd"
+      :edit-data="badRecordEditData"
+      :sex-options="sexOptions"
+      :show-continue-button="true"
+      :emp-info-disabled="false"
+      @select-employee="showXzyg"
+      @success="handleBadRecordSuccess"
+      @continue="handleBadRecordContinue"
+    />
+    <remark-edit
+      :visible.sync="dialogshowArr[13].show"
+      :is-add="isAdd"
+      :edit-data="remarkEditData"
+      :sex-options="sexOptions"
+      :show-continue-button="true"
+      :emp-info-disabled="false"
+      @select-employee="showXzyg"
+      @success="handleRemarkInfoSuccess"
+      @continue="handleRemarkInfoContinue"
+    />
 
     <el-dialog title="选择员工" :visible.sync="dialogShowXzyg" width="60%">
       <Selectuser @selectedUser="selectedUser" @cancleChooseUser="cancleChooseUser" />
+    </el-dialog>
+
+    <!-- 上传方式选择弹窗 -->
+    <el-dialog
+      title="选择上传方式"
+      :visible.sync="uploadChoiceDialogVisible"
+      width="400px"
+      :close-on-click-modal="false"
+    >
+      <div class="upload-choice-container">
+        <div class="upload-choice-item" @click="choiceCamera">
+          <i class="el-icon-camera" />
+          <span>拍照上传</span>
+        </div>
+        <div class="upload-choice-item" @click="choiceFile">
+          <i class="el-icon-folder-opened" />
+          <span>文件上传</span>
+        </div>
+      </div>
+    </el-dialog>
+
+    <!-- 摄像头拍照弹窗 -->
+    <el-dialog
+      title="拍照上传"
+      :visible.sync="cameraDialogVisible"
+      width="640px"
+      :close-on-click-modal="false"
+      @close="closeCamera"
+    >
+      <div class="camera-container">
+        <video
+          v-show="!capturedImage"
+          ref="video"
+          class="camera-video"
+          autoplay
+          playsinline
+        />
+        <canvas ref="canvas" style="display: none;" />
+        <img v-if="capturedImage" :src="capturedImage" class="captured-image">
+      </div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="closeCamera">取消</el-button>
+        <el-button v-if="!capturedImage" type="primary" @click="takePhoto">拍照</el-button>
+        <el-button v-if="capturedImage" @click="retakePhoto">重拍</el-button>
+        <el-button v-if="capturedImage" type="primary" @click="confirmPhoto">确认使用</el-button>
+      </div>
     </el-dialog>
   </div>
 </template>
@@ -2158,9 +1560,24 @@
 import Pagination from '@/components/Pagination'
 import { pages } from '@/settings'
 import { getToken } from '@/utils/auth'
+import dictMixin from '../../utils/dictMixin'
+import WorkExperienceEdit from './components/WorkExperienceEdit'
+import PhysicalExamEdit from './components/PhysicalExamEdit'
+import ContractInfoEdit from './components/ContractInfoEdit'
+import DimissionAttendEdit from './components/DimissionAttendEdit'
+import LeaveInfoEdit from './components/LeaveInfoEdit'
+import ResignEdit from './components/ResignEdit'
+import UnemploymentInsuranceEdit from './components/UnemploymentInsuranceEdit'
+import SocialSecurityEdit from './components/SocialSecurityEdit'
+import AccidentInsuranceEdit from './components/AccidentInsuranceEdit'
+import WorkInjuryEdit from './components/WorkInjuryEdit'
+import ArbitrationEdit from './components/ArbitrationEdit'
+import BadRecordEdit from './components/BadRecordEdit'
+import RemarkEdit from './components/RemarkEdit'
 
 export default {
-  components: { Treeselect, Pagination },
+  components: { Treeselect, Pagination, WorkExperienceEdit, PhysicalExamEdit, ContractInfoEdit, DimissionAttendEdit, LeaveInfoEdit, ResignEdit, UnemploymentInsuranceEdit, SocialSecurityEdit, AccidentInsuranceEdit, WorkInjuryEdit, ArbitrationEdit, BadRecordEdit, RemarkEdit },
+  mixins: [dictMixin],
   data() {
     return {
       downloadEmpExcel: pages.downloadEmpExcel,
@@ -2169,6 +1586,12 @@
       baseicInformationForm: {},
       dialogShowDryg: false,
       empBaseInfoImageUrl: '',
+      // 上传方式选择弹窗
+      uploadChoiceDialogVisible: false,
+      // 摄像头相关
+      cameraDialogVisible: false,
+      capturedImage: '',
+      stream: null,
       total: 0, // 总数量
       queryParams: {}, // 查询参数
       sort: {}, // 排序
@@ -2185,7 +1608,7 @@
           message: this.$t('rules.noMoreThan20'),
           trigger: 'blur'
         }],
-        empName: [{ required: true, message: '请输入员工姓名', trigger: 'blur' },
+        empName: [{ required: true, message: '请输入姓名', trigger: 'blur' },
           { min: 2, max: 50, message: this.$t('rules.noMoreThan50'), trigger: 'blur' }],
         empNumb: [{ required: true, message: '请输入编号', trigger: 'blur' },
           { min: 2, max: 20, message: this.$t('rules.noMoreThan20'), trigger: 'blur' }],
@@ -2200,7 +1623,7 @@
           message: '长度不超过36个字符',
           trigger: 'blur'
         }],
-        insuranceType: [{ required: true, message: '请选择保险类型', trigger: 'change' }],
+        insuranceType: [{ required: true, message: '请选择社保档位', trigger: 'change' }],
         entryDate: [{ required: true, message: '请选择入职日期', trigger: 'change' }],
         seniority: [{ required: true, message: '请输入入司工龄', trigger: 'blur' }],
         archivesStatus: [{ required: true, message: '请选择档案情况', trigger: 'change' }],
@@ -2278,10 +1701,10 @@
           pattern: /^\d{1,2}(\.\d{1,1})?$/,
           message: '出勤天数精确到1位小数'
         }],
-        overtimeDay: [{ pattern: /^\d{1,2}(\.\d{1,1})?$/, message: '加班(天)精确到1位小数' }],
-        overtimeHour: [{ pattern: /^\d{1,2}(\.\d{1,1})?$/, message: '加班(小时)精确到1位小数' }],
-        leaveDay: [{ pattern: /^\d{1,2}(\.\d{1,1})?$/, message: '请假(天)精确到1位小数' }],
-        absenteeism: [{ pattern: /^\d{1,2}(\.\d{1,1})?$/, message: '旷工(天)精确到1位小数' }],
+        overtimeDay: [{ pattern: /^\d{1,3}(\.\d{1,1})?$/, message: '加班(天)精确到1位小数' }],
+        overtimeHour: [{ pattern: /^\d{1,3}(\.\d{1,1})?$/, message: '加班(小时)精确到1位小数' }],
+        leaveDay: [{ pattern: /^\d{1,3}(\.\d{1,1})?$/, message: '请假(天)精确到1位小数' }],
+        absenteeism: [{ pattern: /^\d{1,3}(\.\d{1,1})?$/, message: '旷工(天)精确到1位小数' }],
         remark: [{ max: 512, message: '长度不超过512个字符', trigger: 'blur' }]
       },
       leaveInfoRules: {
@@ -2486,6 +1909,19 @@
       formLabelWidth: '120px',
       thisShowIndex: 0,
       dialogShowXzyg: false,
+      workExperienceEditData: {},
+      physicalExamEditData: {},
+      contractInfoEditData: {},
+      dimissionAttendEditData: {},
+      leaveInfoEditData: {},
+      resignEditData: {},
+      unemploymentEditData: {},
+      socialSecurityEditData: {},
+      accidentInsuranceEditData: {},
+      workInjuryEditData: {},
+      arbitrationEditData: {},
+      badRecordEditData: {},
+      remarkEditData: {},
       dialogshowArr: [
         {
           show: false
@@ -2604,6 +2040,7 @@
         JobId: '',
         deptId: '',
         deptName: '',
+        allDeptName: '',
         jobName: '',
         remarkContent: '',
         remarkDate: '',
@@ -2625,6 +2062,7 @@
         certificateNumb: '',
         deptId: '',
         deptName: '',
+        allDeptName: '',
         JobId: '',
         jobName: '',
         arbitrationDate: '',
@@ -2653,6 +2091,7 @@
         certificateNumb: '',
         deptId: '',
         deptName: '',
+        allDeptName: '',
         JobId: '',
         jobName: '',
         injuredTime: '',
@@ -2701,6 +2140,7 @@
         certificateNumb: '',
         deptId: '',
         deptName: '',
+        allDeptName: '',
         JobId: '',
         jobName: '',
         injuredTime: '',
@@ -2740,6 +2180,7 @@
         certificateNumb: '',
         deptId: '',
         deptName: '',
+        allDeptName: '',
         JobId: '',
         jobName: '',
         applayDate: '',
@@ -2767,6 +2208,7 @@
         certificateNumb: '',
         deptId: '',
         deptName: '',
+        allDeptName: '',
         JobId: '',
         jobName: '',
         applayDate: '',
@@ -2792,6 +2234,7 @@
         certificateNumb: '',
         deptId: '',
         deptName: '',
+        allDeptName: '',
         JobId: '',
         jobName: '',
         applayDate: '',
@@ -2816,6 +2259,7 @@
         certificateNumb: '',
         deptId: '',
         deptName: '',
+        allDeptName: '',
         JobId: '',
         jobName: '',
         beginTime: '',
@@ -2843,6 +2287,7 @@
         sexName: '',
         deptId: '',
         deptName: '',
+        allDeptName: '',
         JobId: '',
         jobName: '',
         beginDate: '',
@@ -2869,6 +2314,7 @@
         sexName: '',
         deptId: '',
         deptName: '',
+        allDeptName: '',
         JobId: '',
         jobName: '',
         certificateNumb: '',
@@ -2898,6 +2344,7 @@
         sexName: '',
         deptId: '',
         deptName: '',
+        allDeptName: '',
         JobId: '',
         jobName: '',
         hospital: '',
@@ -2927,6 +2374,7 @@
         sexName: '',
         deptId: '',
         deptName: '',
+        allDeptName: '',
         JobId: '',
         jobName: '',
         workUnit: '',
@@ -2946,8 +2394,9 @@
         empId: '',
         customerId: '',
         archivesNumb: '',
-        deptId: '1',
+        deptId: null,
         deptName: '',
+        allDeptName: '',
         empNumb: '',
         empName: '',
         sex: '1',
@@ -3003,6 +2452,7 @@
         certificateNumb: '',
         deptId: '',
         deptName: '',
+        allDeptName: '',
         JobId: '',
         jobName: '',
         badDate: '',
@@ -3017,110 +2467,54 @@
         empStatus: 0,
         remark: ''
       },
-      statusOptions: [],
-      empTypeOptions: [],
-      nationOptions: [],
-      marriageOptions: [],
-      educationOptions: [],
-      nativePlaceOptions: [],
-      archivesStatusOptions: [],
-      insuranceTypeOptions: [],
-      empCardStatusOptions: [],
-      handbookStatusOptions: [],
-      ecgOptions: [],
-      certificateListOptions: [],
-      physicalExamTypeOptions: [],
-      contractStatusOptions: [],
-      leaveTypeOptions: [],
-      insuranceGaersOptions: [],
-      applayStatusOptions: [],
-      reportStatusOptions: [],
-      hospitalizatioFlagOptions: [],
-      settleStatusOptions: [],
-      arbitrationTypeOptions: [],
-      changeTypeOptions: [],
-      dimissionTypeOptions: [],
-      sexOptions: []
+      permissions: {}
     }
   },
+  computed: {
+    // 字典选项计算属性
+    statusOptions() { return this.getDictOptions('PLITICAL') },
+    empTypeOptions() { return this.getDictOptions('EMPTYPE') },
+    nationOptions() { return this.getDictOptions('NATION') },
+    marriageOptions() { return this.getDictOptions('MARRIAGE') },
+    educationOptions() { return this.getDictOptions('EDUCATION') },
+    nativePlaceOptions() { return this.getDictOptions('NATIVEPLACE') },
+    archivesStatusOptions() { return this.getDictOptions('archivesStatus') },
+    insuranceTypeOptions() { return this.getDictOptions('INSURANCETYPE') },
+    empCardStatusOptions() { return this.getDictOptions('empCardStatus') },
+    handbookStatusOptions() { return this.getDictOptions('handbookStatus') },
+    ecgOptions() { return this.getDictOptions('ECG') },
+    certificateListOptions() { return this.getDictOptions('certificateList') },
+    physicalExamTypeOptions() { return this.getDictOptions('PHYSICALEXAMTYPE') },
+    contractStatusOptions() { return this.getDictOptions('CONTRACTSTATUS') },
+    leaveTypeOptions() { return this.getDictOptions('LEAVETYPE') },
+    insuranceGaersOptions() { return this.getDictOptions('INSURANCETYPE') },
+    applayStatusOptions() { return this.getDictOptions('applayStatus') },
+    reportStatusOptions() { return this.getDictOptions('reportStatus') },
+    hospitalizatioFlagOptions() { return this.getDictOptions('hospitalizatioFlag') },
+    settleStatusOptions() { return this.getDictOptions('settleStatus') },
+    arbitrationTypeOptions() { return this.getDictOptions('ZCTYPE') },
+    changeTypeOptions() { return this.getDictOptions('changeType') },
+    dimissionTypeOptions() { return this.getDictOptions('LZTYPE') },
+    sexOptions() { return this.getDictOptions('sex') }
+  },
   mounted() {
-    this.getDicts('PLITICAL').then(response => {
-      this.statusOptions = response.data
-    })
-    this.getDicts('sex').then(response => {
-      this.sexOptions = response.data
-    })
-    this.getDicts('empType').then(response => {
-      this.empTypeOptions = response.data
-    })
-    this.getDicts('NATION').then(response => {
-      this.nationOptions = response.data
-    })
-    this.getDicts('MARRIAGE').then(response => {
-      this.marriageOptions = response.data
-    })
-    this.getDicts('EDUCATION').then(response => {
-      this.educationOptions = response.data
-    })
-    this.getDicts('NATIVEPLACE').then(response => {
-      this.nativePlaceOptions = response.data
-    })
-    this.getDicts('archivesStatus').then(response => {
-      this.archivesStatusOptions = response.data
-    })
-    this.getDicts('INSURANCETYPE').then(response => {
-      this.insuranceTypeOptions = response.data
-    })
-    this.getDicts('empCardStatus').then(response => {
-      this.empCardStatusOptions = response.data
-    })
-    this.getDicts('handbookStatus').then(response => {
-      this.handbookStatusOptions = response.data
-    })
-    this.getDicts('certificateList').then(response => {
-      this.certificateListOptions = response.data
-    })
-    this.getDicts('PHYSICALEXAMTYPE').then(response => {
-      this.physicalExamTypeOptions = response.data
-    })
-    this.getDicts('ECG').then(response => {
-      this.ecgOptions = response.data
-    })
-    this.getDicts('CONTRACTSTATUS').then(response => {
-      this.contractStatusOptions = response.data
-    })
-    this.getDicts('LEAVETYPE').then(response => {
-      this.leaveTypeOptions = response.data
-    })
-    this.getDicts('insuranceGaers').then(response => {
-      this.insuranceGaersOptions = response.data
-    })
-    this.getDicts('applayStatus').then(response => {
-      this.applayStatusOptions = response.data
-    })
-    this.getDicts('reportStatus').then(response => {
-      this.reportStatusOptions = response.data
-    })
-    this.getDicts('hospitalizatioFlag').then(response => {
-      this.hospitalizatioFlagOptions = response.data
-    })
-    this.getDicts('settleStatus').then(response => {
-      this.settleStatusOptions = response.data
-    })
-    this.getDicts('ZCTYPE').then(response => {
-      this.arbitrationTypeOptions = response.data
-    })
-    this.getDicts('changeType').then(response => {
-      this.changeTypeOptions = response.data
-    })
-    this.getDicts('LZTYPE').then(response => {
-      this.dimissionTypeOptions = response.data
-    })
+    this.permissions = JSON.parse(localStorage.getItem('PERMISSIONS'))
+    // 字典数据已在登录时预加载,直接从 Vuex 获取
+    this.initDictTypes(['PLITICAL', 'sex', 'EMPTYPE', 'NATION', 'MARRIAGE', 'EDUCATION', 'NATIVEPLACE', 'archivesStatus', 'INSURANCETYPE', 'empCardStatus', 'handbookStatus', 'certificateList', 'PHYSICALEXAMTYPE', 'ECG', 'CONTRACTSTATUS', 'LEAVETYPE', 'applayStatus', 'reportStatus', 'hospitalizatioFlag', 'settleStatus', 'ZCTYPE', 'changeType', 'LZTYPE'])
     this.initDept()
     this.thisShowIndex = 1
     this.isShow(false, 0)
+    this.initJob()
   },
   methods: {
+    timelineShow(name) {
+      for (const v of this.permissions) {
+        if (v === name) {
+          return true
+        }
+      }
+      return false
+    },
     importHandleAvatarError() {
       this.$notify.error({
         title: '错误',
@@ -3208,6 +2602,149 @@
         this.$message.error('图片大小超过4M,请重新上传')
       }
     },
+    // 打开上传方式选择弹窗
+    openUploadChoice() {
+      this.uploadChoiceDialogVisible = true
+    },
+    // 选择拍照上传
+    choiceCamera() {
+      this.uploadChoiceDialogVisible = false
+      this.cameraDialogVisible = true
+      this.$nextTick(() => {
+        this.initCamera()
+      })
+    },
+    // 选择文件上传
+    choiceFile() {
+      this.uploadChoiceDialogVisible = false
+      // 创建隐藏的文件输入框
+      const input = document.createElement('input')
+      input.type = 'file'
+      input.accept = 'image/*'
+      input.onchange = (e) => {
+        const file = e.target.files[0]
+        if (file) {
+          this.handleFileUpload(file)
+        }
+      }
+      input.click()
+    },
+    // 处理文件上传
+    handleFileUpload(file) {
+      // 验证文件类型
+      const isImage = file.type.startsWith('image/')
+      if (!isImage) {
+        this.$message.error('请上传图片文件')
+        return
+      }
+      // 验证文件大小(限制10MB)
+      const isLt10M = file.size / 1024 / 1024 < 10
+      if (!isLt10M) {
+        this.$message.error('图片大小不能超过10MB')
+        return
+      }
+      // 生成预览URL
+      const imageUrl = URL.createObjectURL(file)
+      this.empBaseInfoImageUrl = imageUrl
+      // 读取文件为Base64
+      const reader = new FileReader()
+      reader.onload = (e) => {
+        this.empBaseInfoForm.imagePath = e.target.result
+        this.$message.success('照片上传成功')
+      }
+      reader.readAsDataURL(file)
+    },
+    // 打开摄像头
+    openCamera() {
+      this.cameraDialogVisible = true
+      this.$nextTick(() => {
+        this.initCamera()
+      })
+    },
+    // 初始化摄像头
+    async initCamera() {
+      try {
+        // 请求摄像头权限
+        this.stream = await navigator.mediaDevices.getUserMedia({
+          video: {
+            width: { ideal: 640 },
+            height: { ideal: 480 },
+            facingMode: 'user' // 前置摄像头
+          },
+          audio: false
+        })
+
+        // 将视频流绑定到 video 元素
+        const video = this.$refs.video
+        if (video) {
+          video.srcObject = this.stream
+        }
+      } catch (error) {
+        this.$message.error('无法访问摄像头,请检查摄像头权限设置')
+        console.error('摄像头初始化失败:', error)
+      }
+    },
+    // 拍照
+    takePhoto() {
+      const video = this.$refs.video
+      const canvas = this.$refs.canvas
+
+      if (!video || !canvas) return
+
+      // 设置画布尺寸
+      canvas.width = video.videoWidth || 640
+      canvas.height = video.videoHeight || 480
+
+      // 绘制视频帧到画布
+      const ctx = canvas.getContext('2d')
+      ctx.drawImage(video, 0, 0, canvas.width, canvas.height)
+
+      // 转换为图片数据
+      this.capturedImage = canvas.toDataURL('image/jpeg', 0.9)
+
+      // 停止摄像头
+      this.stopCamera()
+    },
+    // 重拍
+    retakePhoto() {
+      this.capturedImage = ''
+      this.initCamera()
+    },
+    // 确认使用照片
+    confirmPhoto() {
+      if (this.capturedImage) {
+        // 设置图片预览
+        this.empBaseInfoImageUrl = this.capturedImage
+
+        // 设置表单数据(Base64格式)
+        this.empBaseInfoForm.imagePath = this.capturedImage
+
+        // 关闭弹窗
+        this.closeCamera()
+
+        this.$message.success('照片已保存')
+      }
+    },
+    // 关闭摄像头
+    closeCamera() {
+      this.stopCamera()
+      this.cameraDialogVisible = false
+      this.capturedImage = ''
+    },
+    // 停止摄像头流
+    stopCamera() {
+      if (this.stream) {
+        this.stream.getTracks().forEach(track => {
+          track.stop()
+        })
+        this.stream = null
+      }
+
+      const video = this.$refs.video
+      if (video) {
+        video.srcObject = null
+      }
+    },
     // 翻页插件翻页方法
     search() {
       this.fetch({
@@ -3234,43 +2771,43 @@
           this.cleanEmpBase()
           break
         case 1:
-          this.cleanWorkExperience()
+          this.workExperienceEditData = {}
           break
         case 2:
-          this.cleanPhysicalExam()
+          this.physicalExamEditData = {}
           break
         case 3:
-          this.cleanContractInfo()
+          this.contractInfoEditData = {}
           break
         case 4:
-          this.cleanDimissionAttend()
+          this.dimissionAttendEditData = {}
           break
         case 5:
-          this.cleanLeaveInfo()
+          this.leaveInfoEditData = {}
           break
         case 6:
-          this.cleanResign()
+          this.resignEditData = {}
           break
         case 7:
-          this.cleanUnemployment()
+          this.unemploymentEditData = {}
           break
         case 8:
-          this.cleanInsurance()
+          this.socialSecurityEditData = {}
           break
         case 9:
-          this.cleanAccidentCases()
+          this.accidentInsuranceEditData = {}
           break
         case 10:
-          this.cleanOccupational()
+          this.workInjuryEditData = {}
           break
         case 11:
-          this.cleanLaborTrouble()
+          this.arbitrationEditData = {}
           break
         case 12:
-          this.cleanBadRecord()
+          this.badRecordEditData = {}
           break
         case 13:
-          this.cleanRemarkInfo()
+          this.remarkEditData = {}
           break
       }
       this.dialogshowArr[this.thisShowIndex].show = !this.dialogshowArr[this.thisShowIndex]
@@ -3388,6 +2925,11 @@
     },
     resetDeptTree() {
       this.$refs.deptTree.setCheckedKeys([])
+    },
+    initJob() {
+      this.$get('system/position/dicJob').then((r) => {
+        this.restaurJob = r.data.data
+      })
     },
     butDelete() {
       let selected
@@ -3619,7 +3161,7 @@
           }
           break
         case 11:
-          selected = this.$refs.occupationalTable.selection
+          selected = this.$refs.laborTroubleTable.selection
           if (selected.length > 0) {
             const delIds = []
             selected.forEach((j) => {
@@ -3818,7 +3360,7 @@
               // 起始日期有,进行判断
               if (this.compareDate(this.contractInfoForm.signingDate, value)) {
                 // 如果起始在结束之前
-                this.contractInfoForm.contractPeriod = dateDifference(this.contractInfoForm.signingDate, this.contractInfoForm.endDate, 'y')
+                this.contractInfoForm.contractPeriod = dateDifference(this.contractInfoForm.signingDate, this.contractInfoForm.endDate, 'o')
                 callback()
               } else {
                 callback(new Error('结束日期不能在开始始日期之前,请重新选择'))
@@ -3833,7 +3375,7 @@
               // 起始日期有,进行判断
               if (this.compareDate(this.leaveInfoForm.beginTime, value)) {
                 // 如果起始在结束之前
-                this.leaveInfoForm.leaveDay = dateDifference(this.leaveInfoForm.beginTime, this.leaveInfoForm.endTime, 'd')
+                // this.leaveInfoForm.leaveDay = dateDifference(this.leaveInfoForm.beginTime, this.leaveInfoForm.endTime, 'd')
                 callback()
               } else {
                 callback(new Error('结束日期不能在开始始日期之前,请重新选择'))
@@ -4200,8 +3742,9 @@
       this.empBaseInfoForm.empId = ''
       this.empBaseInfoForm.customerId = ''
       this.empBaseInfoForm.archivesNumb = ''
-      this.empBaseInfoForm.deptId = ''
+      this.empBaseInfoForm.deptId = null
       this.empBaseInfoForm.deptName = ''
+      this.empBaseInfoForm.allDeptName = ''
       this.empBaseInfoForm.empNumb = ''
       this.empBaseInfoForm.empName = ''
       this.empBaseInfoForm.sex = ''
@@ -4249,11 +3792,17 @@
     },
     editEmpBase(row) {
       this.isAdd = false
+      let certificateList = []
+      if (row.certificateList && typeof row.certificateList === 'string') {
+        certificateList = row.certificateList.split(',')
+        row.certificateList = certificateList
+      }
       this.empBaseInfoForm.empId = row.empId
       this.empBaseInfoForm.customerId = row.customerId
       this.empBaseInfoForm.archivesNumb = row.archivesNumb
       this.empBaseInfoForm.deptId = row.deptId
       this.empBaseInfoForm.deptName = row.deptName
+      this.empBaseInfoForm.allDeptName = row.allDeptName
       this.empBaseInfoForm.empNumb = row.empNumb
       this.empBaseInfoForm.empName = row.empName
       this.empBaseInfoForm.sex = row.sex
@@ -4298,6 +3847,7 @@
       this.empBaseInfoForm.version = row.version
       this.dialogshowArr[0].show = true
       this.empBaseInfoImageUrl = pages.getEmpBaseInfoImage + row.empId
+      this.empBaseInfoForm.insuranceType = row.insuranceType
     },
     putEmpBase(formName) {
       this.$refs[formName].validate((valid) => {
@@ -4343,6 +3893,9 @@
           }
         }
       })
+      setTimeout(() => {
+        this.$refs[formName].clearValidate()
+      }, 1500)
     },
     selectWorkExperience() {
       this.tableUrl = 'hr/empWorkExperience/list'
@@ -4350,97 +3903,17 @@
       this.queryParams.delFlag = 2
       this.search()
     },
-    putWorkExperience(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.isAdd) {
-            this.workExperienceForm.delFlag = '2'
-            this.$post('hr/empWorkExperience', { ...this.workExperienceForm }).then(() => {
-              this.buttonLoading = false
-              this.$message({
-                message: this.$t('tips.createSuccess'),
-                type: 'success'
-              })
-              this.cleanWorkExperience()
-              this.selectWorkExperience()
-            })
-          } else {
-            this.$put('hr/empWorkExperience', { ...this.workExperienceForm }).then(() => {
-              this.$message({
-                message: this.$t('tips.updateSuccess'),
-                type: 'success'
-              })
-              this.$emit('success')
-              this.cleanWorkExperience()
-              this.selectWorkExperience()
-            })
-          }
-          this.dialogIsShow()
-        }
-      })
+    handleWorkExperienceSuccess() {
+      this.isAdd = true
+      this.selectWorkExperience()
+      this.dialogIsShow()
     },
-    putWorkExperienceContinue(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.isAdd) {
-            this.workExperienceForm.delFlag = '2'
-            this.$post('hr/empWorkExperience', { ...this.workExperienceForm }).then(() => {
-              this.buttonLoading = false
-              this.$message({
-                message: this.$t('tips.createSuccess'),
-                type: 'success'
-              })
-              this.cleanWorkExperience()
-              this.selectWorkExperience()
-            })
-          }
-        }
-      })
-    },
-    cleanWorkExperience() {
-      this.workExperienceForm.empId = ''
-      this.workExperienceForm.archivesNumb = ''
-      this.workExperienceForm.deptId = ''
-      this.workExperienceForm.deptName = ''
-      this.workExperienceForm.empNumb = ''
-      this.workExperienceForm.empName = ''
-      this.workExperienceForm.sex = ''
-      this.workExperienceForm.JobId = ''
-      this.workExperienceForm.jobName = ''
-      this.workExperienceForm.certificateNumb = ''
-      this.workExperienceForm.workUnit = ''
-      this.workExperienceForm.beginDate = ''
-      this.workExperienceForm.endDate = ''
-      this.workExperienceForm.jobContent = ''
-      this.workExperienceForm.createTime = ''
-      this.workExperienceForm.creator = ''
-      this.workExperienceForm.modifyTime = ''
-      this.workExperienceForm.modifier = ''
-      this.workExperienceForm.delFlag = ''
-      this.workExperienceForm.version = ''
+    handleWorkExperienceContinue() {
+      this.selectWorkExperience()
     },
     editWorkExperience(row) {
       this.isAdd = false
-      this.workExperienceForm.workExperienceId = row.workExperienceId
-      this.workExperienceForm.empId = row.empId
-      this.workExperienceForm.empNumb = row.empNumb
-      this.workExperienceForm.empName = row.empName
-      this.workExperienceForm.certificateNumb = row.certificateNumb
-      this.workExperienceForm.sexName = row.sex
-      this.workExperienceForm.deptId = row.deptId
-      this.workExperienceForm.deptName = row.deptName
-      this.workExperienceForm.JobId = row.JobId
-      this.workExperienceForm.jobName = row.jobName
-      this.workExperienceForm.workUnit = row.workUnit
-      this.workExperienceForm.beginDate = row.beginDate
-      this.workExperienceForm.endDate = row.endDate
-      this.workExperienceForm.jobContent = row.jobContent
-      this.workExperienceForm.createTime = row.createTime
-      this.workExperienceForm.creator = row.creator
-      this.workExperienceForm.modifyTime = row.modifyTime
-      this.workExperienceForm.modifier = row.modifier
-      this.workExperienceForm.delFlag = row.delFlag
-      this.workExperienceForm.version = row.version
+      this.workExperienceEditData = { ...row }
       this.dialogshowArr[1].show = true
     },
     selectPhysicalExam() {
@@ -4449,100 +3922,17 @@
       this.queryParams.delFlag = 2
       this.search()
     },
-    putPhysicalExam(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.isAdd) {
-            this.$post('hr/empPhysicalExam', { ...this.physicalExamForm }).then(() => {
-              this.buttonLoading = false
-              this.$message({
-                message: this.$t('tips.createSuccess'),
-                type: 'success'
-              })
-              this.cleanPhysicalExam()
-              this.selectPhysicalExam()
-            })
-          } else {
-            this.$put('hr/empPhysicalExam', { ...this.physicalExamForm }).then(() => {
-              this.$message({
-                message: this.$t('tips.updateSuccess'),
-                type: 'success'
-              })
-              this.$emit('success')
-              this.cleanPhysicalExam()
-              this.selectPhysicalExam()
-            })
-          }
-          this.dialogIsShow()
-        }
-      })
+    handlePhysicalExamSuccess() {
+      this.isAdd = true
+      this.selectPhysicalExam()
+      this.dialogIsShow()
     },
-    putPhysicalExamContinue(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.isAdd) {
-            this.$post('hr/empPhysicalExam', { ...this.physicalExamForm }).then(() => {
-              this.buttonLoading = false
-              this.$message({
-                message: this.$t('tips.createSuccess'),
-                type: 'success'
-              })
-              this.cleanPhysicalExam()
-              this.selectPhysicalExam()
-            })
-          }
-        }
-      })
-    },
-    cleanPhysicalExam() {
-      this.physicalExamForm.empId = ''
-      this.physicalExamForm.archivesNumb = ''
-      this.physicalExamForm.deptId = ''
-      this.physicalExamForm.deptName = ''
-      this.physicalExamForm.empNumb = ''
-      this.physicalExamForm.empName = ''
-      this.physicalExamForm.sex = ''
-      this.physicalExamForm.JobId = ''
-      this.physicalExamForm.jobName = ''
-      this.physicalExamForm.certificateNumb = ''
-      this.physicalExamForm.hospital = ''
-      this.physicalExamForm.physicalExamDate = ''
-      this.physicalExamForm.physicalExamType = ''
-      this.physicalExamForm.bloodPressure = ''
-      this.physicalExamForm.transaminase = ''
-      this.physicalExamForm.ecg = ''
-      this.physicalExamForm.conclusion = ''
-      this.physicalExamForm.reviewRecord = ''
-      this.physicalExamForm.remark = ''
+    handlePhysicalExamContinue() {
+      this.selectPhysicalExam()
     },
     editPhysicalExam(row) {
       this.isAdd = false
-      this.physicalExamForm.physicalExamId = row.physicalExamId
-      this.physicalExamForm.empId = row.empId
-      this.physicalExamForm.empNumb = row.empNumb
-      this.physicalExamForm.empName = row.empName
-      this.physicalExamForm.certificateNumb = row.certificateNumb
-      this.physicalExamForm.sex = row.sex
-      this.physicalExamForm.deptId = row.deptId
-      this.physicalExamForm.deptName = row.deptName
-      this.physicalExamForm.JobId = row.JobId
-      this.physicalExamForm.jobName = row.jobName
-      this.physicalExamForm.hospital = row.hospital
-      this.physicalExamForm.physicalExamDate = row.physicalExamDate
-      this.physicalExamForm.physicalExamType = row.physicalExamType
-      this.physicalExamForm.bloodPressure = row.bloodPressure
-      this.physicalExamForm.transaminase = row.transaminase
-      this.physicalExamForm.ecg = row.ecg
-      this.physicalExamForm.conclusion = row.conclusion
-      this.physicalExamForm.reviewRecord = row.reviewRecord
-      this.physicalExamForm.remark = row.remark
-      this.physicalExamForm.createTime = row.createTime
-      this.physicalExamForm.creator = row.creator
-      this.physicalExamForm.modifyTime = row.modifyTime
-      this.physicalExamForm.modifier = row.modifier
-      this.physicalExamForm.delFlag = row.delFlag
-      this.physicalExamForm.version = row.version
-
+      this.physicalExamEditData = { ...row }
       this.dialogshowArr[2].show = true
     },
     selectContractInfo() {
@@ -4551,104 +3941,17 @@
       this.queryParams.delFlag = 2
       this.search()
     },
-    putContractInfo(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.isAdd) {
-            this.$post('hr/empContractInfo', { ...this.contractInfoForm }).then(() => {
-              this.buttonLoading = false
-              this.$message({
-                message: this.$t('tips.createSuccess'),
-                type: 'success'
-              })
-              this.cleanContractInfo()
-              this.selectContractInfo()
-            })
-          } else {
-            this.$put('hr/empContractInfo', { ...this.contractInfoForm }).then(() => {
-              this.$message({
-                message: this.$t('tips.updateSuccess'),
-                type: 'success'
-              })
-              this.$emit('success')
-              this.cleanContractInfo()
-              this.selectContractInfo()
-            })
-          }
-          this.dialogIsShow()
-        }
-      })
+    handleContractInfoSuccess() {
+      this.isAdd = true
+      this.selectContractInfo()
+      this.dialogIsShow()
     },
-    putContractInfoContinue(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.isAdd) {
-            this.$post('hr/empContractInfo', { ...this.contractInfoForm }).then(() => {
-              this.buttonLoading = false
-              this.$message({
-                message: this.$t('tips.createSuccess'),
-                type: 'success'
-              })
-              this.cleanContractInfo()
-              this.selectContractInfo()
-            })
-          }
-        }
-      })
-    },
-    cleanContractInfo() {
-      this.contractInfoForm.empId = ''
-      this.contractInfoForm.archivesNumb = ''
-      this.contractInfoForm.deptId = ''
-      this.contractInfoForm.deptName = ''
-      this.contractInfoForm.empNumb = ''
-      this.contractInfoForm.empName = ''
-      this.contractInfoForm.sex = ''
-      this.contractInfoForm.JobId = ''
-      this.contractInfoForm.jobName = ''
-      this.contractInfoForm.certificateNumb = ''
-      this.contractInfoForm.contractId = ''
-      this.contractInfoForm.beginDate = ''
-      this.contractInfoForm.endDate = ''
-      this.contractInfoForm.contractStatus = ''
-      this.contractInfoForm.contractPeriod = ''
-      this.contractInfoForm.transactor = ''
-      this.contractInfoForm.signingDate = ''
-      this.contractInfoForm.remark = ''
-      this.contractInfoForm.createTime = ''
-      this.contractInfoForm.creator = ''
-      this.contractInfoForm.modifyTime = ''
-      this.contractInfoForm.modifier = ''
-      this.contractInfoForm.delFlag = ''
-      this.contractInfoForm.version = ''
+    handleContractInfoContinue() {
+      this.selectContractInfo()
     },
     editContractInfo(row) {
       this.isAdd = false
-
-      this.contractInfoForm.contractId = row.contractId
-      this.contractInfoForm.empId = row.empId
-      this.contractInfoForm.empNumb = row.empNumb
-      this.contractInfoForm.empName = row.empName
-      this.contractInfoForm.certificateNumb = row.certificateNumb
-      this.contractInfoForm.sex = row.sex
-      this.contractInfoForm.deptId = row.deptId
-      this.contractInfoForm.deptName = row.deptName
-      this.contractInfoForm.JobId = row.JobId
-      this.contractInfoForm.jobName = row.jobName
-      this.contractInfoForm.beginDate = row.beginDate
-      this.contractInfoForm.endDate = row.endDate
-      this.contractInfoForm.contractStatus = row.contractStatus
-      this.contractInfoForm.contractPeriod = row.contractPeriod
-      this.contractInfoForm.transactor = row.transactor
-      this.contractInfoForm.signingDate = row.signingDate
-      this.contractInfoForm.remark = row.remark
-      this.contractInfoForm.createTime = row.createTime
-      this.contractInfoForm.creator = row.creator
-      this.contractInfoForm.modifyTime = row.modifyTime
-      this.contractInfoForm.modifier = row.modifier
-      this.contractInfoForm.delFlag = row.delFlag
-      this.contractInfoForm.version = row.version
-
+      this.contractInfoEditData = { ...row }
       this.dialogshowArr[3].show = true
     },
     selectDimissionAttend() {
@@ -4657,102 +3960,17 @@
       this.queryParams.delFlag = 2
       this.search()
     },
-    putDimissionAttend(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.isAdd) {
-            this.$post('hr/empDimissionAttend', { ...this.dimissionAttendForm }).then(() => {
-              this.buttonLoading = false
-              this.$message({
-                message: this.$t('tips.createSuccess'),
-                type: 'success'
-              })
-              this.cleanDimissionAttend()
-              this.selectDimissionAttend()
-            })
-          } else {
-            this.$put('hr/empDimissionAttend', { ...this.dimissionAttendForm }).then(() => {
-              this.$message({
-                message: this.$t('tips.updateSuccess'),
-                type: 'success'
-              })
-              this.$emit('success')
-              this.cleanDimissionAttend()
-              this.selectDimissionAttend()
-            })
-          }
-          this.dialogIsShow()
-        }
-      })
+    handleDimissionAttendSuccess() {
+      this.isAdd = true
+      this.selectDimissionAttend()
+      this.dialogIsShow()
     },
-    putDimissionAttendContinue(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.isAdd) {
-            this.$post('hr/empDimissionAttend', { ...this.dimissionAttendForm }).then(() => {
-              this.buttonLoading = false
-              this.$message({
-                message: this.$t('tips.createSuccess'),
-                type: 'success'
-              })
-              this.cleanDimissionAttend()
-              this.selectDimissionAttend()
-            })
-          }
-        }
-      })
-    },
-    cleanDimissionAttend() {
-      this.dimissionAttendForm.empId = ''
-      this.dimissionAttendForm.archivesNumb = ''
-      this.dimissionAttendForm.deptId = ''
-      this.dimissionAttendForm.deptName = ''
-      this.dimissionAttendForm.empNumb = ''
-      this.dimissionAttendForm.empName = ''
-      this.dimissionAttendForm.sex = ''
-      this.dimissionAttendForm.JobId = ''
-      this.dimissionAttendForm.jobName = ''
-      this.dimissionAttendForm.certificateNumb = ''
-      this.dimissionAttendForm.dimissionAttendId = ''
-      this.dimissionAttendForm.attendMonth = ''
-      this.dimissionAttendForm.overtimeHour = ''
-      this.dimissionAttendForm.overtimeDay = ''
-      this.dimissionAttendForm.leaveDay = ''
-      this.dimissionAttendForm.deduct = ''
-      this.dimissionAttendForm.absenteeism = ''
-      this.dimissionAttendForm.createTime = ''
-      this.dimissionAttendForm.creator = ''
-      this.dimissionAttendForm.modifyTime = ''
-      this.dimissionAttendForm.modifier = ''
-      this.dimissionAttendForm.delFlag = ''
-      this.dimissionAttendForm.version = ''
-      this.dimissionAttendForm.remark = ''
+    handleDimissionAttendContinue() {
+      this.selectDimissionAttend()
     },
     editDimissionAttend(row) {
       this.isAdd = false
-      this.dimissionAttendForm.dimissionAttendId = row.dimissionAttendId
-      this.dimissionAttendForm.empId = row.empId
-      this.dimissionAttendForm.empNumb = row.empNumb
-      this.dimissionAttendForm.empName = row.empName
-      this.dimissionAttendForm.sex = row.sex
-      this.dimissionAttendForm.certificateNumb = row.certificateNumb
-      this.dimissionAttendForm.deptId = row.deptId
-      this.dimissionAttendForm.deptName = row.deptName
-      this.dimissionAttendForm.JobId = row.JobId
-      this.dimissionAttendForm.jobName = row.jobName
-      this.dimissionAttendForm.attendMonth = row.attendMonth
-      this.dimissionAttendForm.overtimeHour = row.overtimeHour
-      this.dimissionAttendForm.overtimeDay = row.overtimeDay
-      this.dimissionAttendForm.leaveDay = row.leaveDay
-      this.dimissionAttendForm.deduct = row.deduct
-      this.dimissionAttendForm.absenteeism = row.absenteeism
-      this.dimissionAttendForm.createTime = row.createTime
-      this.dimissionAttendForm.creator = row.creator
-      this.dimissionAttendForm.modifyTime = row.modifyTime
-      this.dimissionAttendForm.modifier = row.modifier
-      this.dimissionAttendForm.delFlag = row.delFlag
-      this.dimissionAttendForm.version = row.version
-      this.dimissionAttendForm.remark = row.remark
+      this.dimissionAttendEditData = { ...row }
       this.dialogshowArr[4].show = true
     },
     selectLeaveInfo() {
@@ -4761,104 +3979,17 @@
       this.queryParams.delFlag = 2
       this.search()
     },
-    putLeaveInfo(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.isAdd) {
-            this.$post('hr/empLeaveInfo', { ...this.leaveInfoForm }).then(() => {
-              this.buttonLoading = false
-              this.$message({
-                message: this.$t('tips.createSuccess'),
-                type: 'success'
-              })
-              this.cleanLeaveInfo()
-              this.selectLeaveInfo()
-            })
-          } else {
-            this.$put('hr/empLeaveInfo', { ...this.leaveInfoForm }).then(() => {
-              this.$message({
-                message: this.$t('tips.updateSuccess'),
-                type: 'success'
-              })
-              this.$emit('success')
-              this.cleanLeaveInfo()
-              this.selectLeaveInfo()
-            })
-          }
-          this.dialogIsShow()
-        }
-      })
+    handleLeaveInfoSuccess() {
+      this.isAdd = true
+      this.selectLeaveInfo()
+      this.dialogIsShow()
     },
-    putLeaveInfoContinue(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.isAdd) {
-            this.$post('hr/empLeaveInfo', { ...this.leaveInfoForm }).then(() => {
-              this.buttonLoading = false
-              this.$message({
-                message: this.$t('tips.createSuccess'),
-                type: 'success'
-              })
-              this.cleanLeaveInfo()
-              this.selectLeaveInfo()
-            })
-          }
-        }
-      })
-    },
-    cleanLeaveInfo() {
-      this.leaveInfoForm.empId = ''
-      this.leaveInfoForm.archivesNumb = ''
-      this.leaveInfoForm.deptId = ''
-      this.leaveInfoForm.deptName = ''
-      this.leaveInfoForm.empNumb = ''
-      this.leaveInfoForm.empName = ''
-      this.leaveInfoForm.sex = ''
-      this.leaveInfoForm.JobId = ''
-      this.leaveInfoForm.jobName = ''
-      this.leaveInfoForm.certificateNumb = ''
-      this.leaveInfoForm.leaveId = ''
-      this.leaveInfoForm.beginTime = ''
-      this.leaveInfoForm.endTime = ''
-      this.leaveInfoForm.leaveType = ''
-      this.leaveInfoForm.leaveDay = ''
-      this.leaveInfoForm.reporter = ''
-      this.leaveInfoForm.returnDate = ''
-      this.leaveInfoForm.createTime = ''
-      this.leaveInfoForm.creator = ''
-      this.leaveInfoForm.modifyTime = ''
-      this.leaveInfoForm.modifier = ''
-      this.leaveInfoForm.delFlag = ''
-      this.leaveInfoForm.version = ''
-      this.leaveInfoForm.remark = ''
+    handleLeaveInfoContinue() {
+      this.selectLeaveInfo()
     },
     editLeaveInfo(row) {
       this.isAdd = false
-
-      this.leaveInfoForm.leaveId = row.leaveId
-      this.leaveInfoForm.empId = row.empId
-      this.leaveInfoForm.empNumb = row.empNumb
-      this.leaveInfoForm.empName = row.empName
-      this.leaveInfoForm.sex = row.sex
-      this.leaveInfoForm.certificateNumb = row.certificateNumb
-      this.leaveInfoForm.deptId = row.deptId
-      this.leaveInfoForm.deptName = row.deptName
-      this.leaveInfoForm.JobId = row.JobId
-      this.leaveInfoForm.jobName = row.jobName
-      this.leaveInfoForm.beginTime = row.beginTime
-      this.leaveInfoForm.endTime = row.endTime
-      this.leaveInfoForm.leaveType = row.leaveType
-      this.leaveInfoForm.leaveDay = row.leaveDay
-      this.leaveInfoForm.reporter = row.reporter
-      this.leaveInfoForm.returnDate = row.returnDate
-      this.leaveInfoForm.createTime = row.createTime
-      this.leaveInfoForm.creator = row.creator
-      this.leaveInfoForm.modifyTime = row.modifyTime
-      this.leaveInfoForm.modifier = row.modifier
-      this.leaveInfoForm.delFlag = row.delFlag
-      this.leaveInfoForm.version = row.version
-      this.leaveInfoForm.remark = row.remark
-
+      this.leaveInfoEditData = { ...row }
       this.dialogshowArr[5].show = true
     },
     selectResign() {
@@ -4867,98 +3998,17 @@
       this.queryParams.delFlag = 2
       this.search()
     },
-    putResign(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.isAdd) {
-            this.$post('hr/empResign', { ...this.resignForm }).then(() => {
-              this.buttonLoading = false
-              this.$message({
-                message: this.$t('tips.createSuccess'),
-                type: 'success'
-              })
-              this.cleanResign()
-              this.selectResign()
-            })
-          } else {
-            this.$put('hr/empResign', { ...this.resignForm }).then(() => {
-              this.$message({
-                message: this.$t('tips.updateSuccess'),
-                type: 'success'
-              })
-              this.$emit('success')
-              this.cleanResign()
-              this.selectResign()
-            })
-          }
-          this.dialogIsShow()
-        }
-      })
+    handleResignSuccess() {
+      this.isAdd = true
+      this.selectResign()
+      this.dialogIsShow()
     },
-    putResignContinue(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.isAdd) {
-            this.$post('hr/empResign', { ...this.resignForm }).then(() => {
-              this.buttonLoading = false
-              this.$message({
-                message: this.$t('tips.createSuccess'),
-                type: 'success'
-              })
-              this.cleanResign()
-              this.selectResign()
-            })
-          }
-        }
-      })
-    },
-    cleanResign() {
-      this.resignForm.empId = ''
-      this.resignForm.archivesNumb = ''
-      this.resignForm.deptId = ''
-      this.resignForm.deptName = ''
-      this.resignForm.empNumb = ''
-      this.resignForm.empName = ''
-      this.resignForm.sex = ''
-      this.resignForm.JobId = ''
-      this.resignForm.jobName = ''
-      this.resignForm.certificateNumb = ''
-      this.resignForm.resignId = ''
-      this.resignForm.applayDate = ''
-      this.resignForm.reporter = ''
-      this.resignForm.reason = ''
-      this.resignForm.createTime = ''
-      this.resignForm.creator = ''
-      this.resignForm.modifyTime = ''
-      this.resignForm.modifier = ''
-      this.resignForm.delFlag = ''
-      this.resignForm.version = ''
-      this.resignForm.remark = ''
+    handleResignContinue() {
+      this.selectResign()
     },
     editResign(row) {
       this.isAdd = false
-
-      this.resignForm.resignId = row.resignId
-      this.resignForm.empId = row.empId
-      this.resignForm.empNumb = row.empNumb
-      this.resignForm.empName = row.empName
-      this.resignForm.sex = row.sex
-      this.resignForm.certificateNumb = row.certificateNumb
-      this.resignForm.deptId = row.deptId
-      this.resignForm.deptName = row.deptName
-      this.resignForm.JobId = row.JobId
-      this.resignForm.jobName = row.jobName
-      this.resignForm.applayDate = row.applayDate
-      this.resignForm.reporter = row.reporter
-      this.resignForm.reason = row.reason
-      this.resignForm.createTime = row.createTime
-      this.resignForm.creator = row.creator
-      this.resignForm.modifyTime = row.modifyTime
-      this.resignForm.modifier = row.modifier
-      this.resignForm.delFlag = row.delFlag
-      this.resignForm.version = row.version
-      this.resignForm.remark = row.remark
-
+      this.resignEditData = { ...row }
       this.dialogshowArr[6].show = true
     },
     selectUnemployment() {
@@ -4967,100 +4017,17 @@
       this.queryParams.delFlag = 2
       this.search()
     },
-    putUnemployment(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.isAdd) {
-            this.$post('hr/empUnemployment', { ...this.unemploymentForm }).then(() => {
-              this.buttonLoading = false
-              this.$message({
-                message: this.$t('tips.createSuccess'),
-                type: 'success'
-              })
-              this.cleanUnemployment()
-              this.selectUnemployment()
-            })
-          } else {
-            this.$put('hr/empUnemployment', { ...this.unemploymentForm }).then(() => {
-              this.$message({
-                message: this.$t('tips.updateSuccess'),
-                type: 'success'
-              })
-              this.$emit('success')
-              this.cleanUnemployment()
-              this.selectUnemployment()
-            })
-          }
-          this.dialogIsShow()
-        }
-      })
+    handleUnemploymentSuccess() {
+      this.isAdd = true
+      this.selectUnemployment()
+      this.dialogIsShow()
     },
-    putUnemploymentContinue(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.isAdd) {
-            this.$post('hr/empUnemployment', { ...this.unemploymentForm }).then(() => {
-              this.buttonLoading = false
-              this.$message({
-                message: this.$t('tips.createSuccess'),
-                type: 'success'
-              })
-              this.cleanUnemployment()
-              this.selectUnemployment()
-            })
-          }
-        }
-      })
-    },
-    cleanUnemployment() {
-      this.unemploymentForm.empId = ''
-      this.unemploymentForm.archivesNumb = ''
-      this.unemploymentForm.deptId = ''
-      this.unemploymentForm.deptName = ''
-      this.unemploymentForm.empNumb = ''
-      this.unemploymentForm.empName = ''
-      this.unemploymentForm.sex = ''
-      this.unemploymentForm.JobId = ''
-      this.unemploymentForm.jobName = ''
-      this.unemploymentForm.certificateNumb = ''
-      this.unemploymentForm.unemploymentId = ''
-      this.unemploymentForm.applayDate = ''
-      this.unemploymentForm.applayReason = ''
-      this.unemploymentForm.reporter = ''
-      this.unemploymentForm.auditor = ''
-      this.unemploymentForm.remark = ''
-      this.unemploymentForm.createTime = ''
-      this.unemploymentForm.creator = ''
-      this.unemploymentForm.modifyTime = ''
-      this.unemploymentForm.modifier = ''
-      this.unemploymentForm.delFlag = ''
-      this.unemploymentForm.version = ''
+    handleUnemploymentContinue() {
+      this.selectUnemployment()
     },
     editUnemployment(row) {
       this.isAdd = false
-
-      this.unemploymentForm.unemploymentId = row.unemploymentId
-      this.unemploymentForm.empId = row.empId
-      this.unemploymentForm.empNumb = row.empNumb
-      this.unemploymentForm.empName = row.empName
-      this.unemploymentForm.sex = row.sex
-      this.unemploymentForm.certificateNumb = row.certificateNumb
-      this.unemploymentForm.deptId = row.deptId
-      this.unemploymentForm.deptName = row.deptName
-      this.unemploymentForm.JobId = row.JobId
-      this.unemploymentForm.jobName = row.jobName
-      this.unemploymentForm.applayDate = row.applayDate
-      this.unemploymentForm.applayReason = row.applayReason
-      this.unemploymentForm.remark = row.remark
-      this.unemploymentForm.reporter = row.reporter
-      this.unemploymentForm.auditor = row.auditor
-      this.unemploymentForm.createTime = row.createTime
-      this.unemploymentForm.creator = row.creator
-      this.unemploymentForm.modifyTime = row.modifyTime
-      this.unemploymentForm.modifier = row.modifier
-      this.unemploymentForm.delFlag = row.delFlag
-      this.unemploymentForm.version = row.version
-
+      this.unemploymentEditData = { ...row }
       this.dialogshowArr[7].show = true
     },
     selectInsurance() {
@@ -5069,103 +4036,17 @@
       this.queryParams.delFlag = 2
       this.search()
     },
-    putInsurance(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.isAdd) {
-            this.$post('hr/empInsurance', { ...this.insuranceForm }).then(() => {
-              this.buttonLoading = false
-              this.$message({
-                message: this.$t('tips.createSuccess'),
-                type: 'success'
-              })
-              this.cleanInsurance()
-              this.selectInsurance()
-            })
-          } else {
-            this.$put('hr/empInsurance', { ...this.insuranceForm }).then(() => {
-              this.$message({
-                message: this.$t('tips.updateSuccess'),
-                type: 'success'
-              })
-              this.$emit('success')
-              this.cleanInsurance()
-              this.selectInsurance()
-            })
-          }
-          this.dialogIsShow()
-        }
-      })
+    handleInsuranceSuccess() {
+      this.isAdd = true
+      this.selectInsurance()
+      this.dialogIsShow()
     },
-    putInsuranceContinue(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.isAdd) {
-            this.$post('hr/empInsurance', { ...this.insuranceForm }).then(() => {
-              this.buttonLoading = false
-              this.$message({
-                message: this.$t('tips.createSuccess'),
-                type: 'success'
-              })
-              this.cleanInsurance()
-              this.selectInsurance()
-            })
-          }
-        }
-      })
-    },
-    cleanInsurance() {
-      this.insuranceForm.empId = ''
-      this.insuranceForm.archivesNumb = ''
-      this.insuranceForm.deptId = ''
-      this.insuranceForm.deptName = ''
-      this.insuranceForm.empNumb = ''
-      this.insuranceForm.empName = ''
-      this.insuranceForm.sex = ''
-      this.insuranceForm.JobId = ''
-      this.insuranceForm.jobName = ''
-      this.insuranceForm.certificateNumb = ''
-      this.insuranceForm.insuranceId = ''
-      this.insuranceForm.applayDate = ''
-      this.insuranceForm.proposer = ''
-      this.insuranceForm.insuranceGaers = ''
-      this.insuranceForm.reportStatus = ''
-      this.insuranceForm.applayStatus = ''
-      this.insuranceForm.auditor = ''
-      this.insuranceForm.createTime = ''
-      this.insuranceForm.creator = ''
-      this.insuranceForm.modifyTime = ''
-      this.insuranceForm.modifier = ''
-      this.insuranceForm.delFlag = ''
-      this.insuranceForm.version = ''
-      this.insuranceForm.remark = ''
+    handleInsuranceContinue() {
+      this.selectInsurance()
     },
     editInsurance(row) {
       this.isAdd = false
-
-      this.insuranceForm.insuranceId = row.insuranceId
-      this.insuranceForm.empId = row.empId
-      this.insuranceForm.empNumb = row.empNumb
-      this.insuranceForm.empName = row.empName
-      this.insuranceForm.sex = row.sex
-      this.insuranceForm.certificateNumb = row.certificateNumb
-      this.insuranceForm.deptId = row.deptId
-      this.insuranceForm.deptName = row.deptName
-      this.insuranceForm.JobId = row.JobId
-      this.insuranceForm.jobName = row.jobName
-      this.insuranceForm.applayDate = row.applayDate
-      this.insuranceForm.proposer = row.proposer
-      this.insuranceForm.insuranceGaers = row.insuranceGaers
-      this.insuranceForm.reportStatus = row.reportStatus + ''
-      this.insuranceForm.applayStatus = row.applayStatus + ''
-      this.insuranceForm.auditor = row.auditor
-      this.insuranceForm.createTime = row.createTime
-      this.insuranceForm.creator = row.creator
-      this.insuranceForm.modifyTime = row.modifyTime
-      this.insuranceForm.modifier = row.modifier
-      this.insuranceForm.delFlag = row.delFlag
-      this.insuranceForm.version = row.version
-      this.insuranceForm.remark = row.remark
+      this.socialSecurityEditData = { ...row }
       this.dialogshowArr[8].show = true
     },
     selectAccidentCases() {
@@ -5174,128 +4055,17 @@
       this.queryParams.delFlag = 2
       this.search()
     },
-    putAccidentCases(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.isAdd) {
-            this.$post('hr/empAccidentCases', { ...this.accidentCasesForm }).then(() => {
-              this.buttonLoading = false
-              this.$message({
-                message: this.$t('tips.createSuccess'),
-                type: 'success'
-              })
-              this.cleanAccidentCases()
-              this.selectAccidentCases()
-            })
-          } else {
-            this.$put('hr/empAccidentCases', { ...this.accidentCasesForm }).then(() => {
-              this.$message({
-                message: this.$t('tips.updateSuccess'),
-                type: 'success'
-              })
-              this.$emit('success')
-              this.cleanAccidentCases()
-              this.selectAccidentCases()
-            })
-          }
-          this.dialogIsShow()
-        }
-      })
+    handleAccidentCasesSuccess() {
+      this.isAdd = true
+      this.selectAccidentCases()
+      this.dialogIsShow()
     },
-    putAccidentCasesContinue(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.isAdd) {
-            this.$post('hr/empAccidentCases', { ...this.accidentCasesForm }).then(() => {
-              this.buttonLoading = false
-              this.$message({
-                message: this.$t('tips.createSuccess'),
-                type: 'success'
-              })
-              this.cleanAccidentCases()
-              this.selectAccidentCases()
-            })
-          }
-        }
-      })
-    },
-    cleanAccidentCases() {
-      this.accidentCasesForm.empId = ''
-      this.accidentCasesForm.archivesNumb = ''
-      this.accidentCasesForm.deptId = ''
-      this.accidentCasesForm.deptName = ''
-      this.accidentCasesForm.empNumb = ''
-      this.accidentCasesForm.empName = ''
-      this.accidentCasesForm.sex = ''
-      this.accidentCasesForm.JobId = ''
-      this.accidentCasesForm.jobName = ''
-      this.accidentCasesForm.certificateNumb = ''
-      this.accidentCasesForm.accidentId = ''
-      this.accidentCasesForm.injuredTime = ''
-      this.accidentCasesForm.injuredAddress = ''
-      this.accidentCasesForm.injuredPart = ''
-      this.accidentCasesForm.injuredDiacrisis = ''
-      this.accidentCasesForm.injuredDescribe = ''
-      this.accidentCasesForm.hospitalName = ''
-      this.accidentCasesForm.treatmentName = ''
-      this.accidentCasesForm.hospitalizatioFlag = ''
-      this.accidentCasesForm.bedNumb = ''
-      this.accidentCasesForm.reprotTime = ''
-      this.accidentCasesForm.submitTime = ''
-      this.accidentCasesForm.sbumitBy = ''
-      this.accidentCasesForm.expensesFee = ''
-      this.accidentCasesForm.expenseReport = ''
-      this.accidentCasesForm.innsureFee = ''
-      this.accidentCasesForm.hrDoDate = ''
-      this.accidentCasesForm.settleDate = ''
-      this.accidentCasesForm.settleStatus = ''
-      this.accidentCasesForm.remark = ''
-      this.accidentCasesForm.createTime = ''
-      this.accidentCasesForm.creator = ''
-      this.accidentCasesForm.modifyTime = ''
-      this.accidentCasesForm.modifier = ''
-      this.accidentCasesForm.delFlag = ''
-      this.accidentCasesForm.version = ''
+    handleAccidentCasesContinue() {
+      this.selectAccidentCases()
     },
     editAccidentCases(row) {
       this.isAdd = false
-
-      this.accidentCasesForm.accidentId = row.accidentId
-      this.accidentCasesForm.empId = row.empId
-      this.accidentCasesForm.empNumb = row.empNumb
-      this.accidentCasesForm.empName = row.empName
-      this.accidentCasesForm.sex = row.sex
-      this.accidentCasesForm.certificateNumb = row.certificateNumb
-      this.accidentCasesForm.deptId = row.deptId
-      this.accidentCasesForm.deptName = row.deptName
-      this.accidentCasesForm.JobId = row.JobId
-      this.accidentCasesForm.jobName = row.jobName
-      this.accidentCasesForm.injuredTime = row.injuredTime
-      this.accidentCasesForm.injuredAddress = row.injuredAddress
-      this.accidentCasesForm.injuredPart = row.injuredPart
-      this.accidentCasesForm.injuredDiacrisis = row.injuredDiacrisis
-      this.accidentCasesForm.injuredDescribe = row.injuredDescribe
-      this.accidentCasesForm.hospitalName = row.hospitalName
-      this.accidentCasesForm.treatmentName = row.treatmentName
-      this.accidentCasesForm.hospitalizatioFlag = row.hospitalizatioFlag + ''
-      this.accidentCasesForm.bedNumb = row.bedNumb
-      this.accidentCasesForm.reprotTime = row.reprotTime
-      this.accidentCasesForm.submitTime = row.submitTime
-      this.accidentCasesForm.sbumitBy = row.sbumitBy
-      this.accidentCasesForm.expensesFee = row.expensesFee
-      this.accidentCasesForm.expenseReport = row.expenseReport
-      this.accidentCasesForm.innsureFee = row.innsureFee
-      this.accidentCasesForm.hrDoDate = row.hrDoDate
-      this.accidentCasesForm.settleDate = row.settleDate
-      this.accidentCasesForm.settleStatus = row.settleStatus + ''
-      this.accidentCasesForm.remark = row.remark
-      this.accidentCasesForm.createTime = row.createTime
-      this.accidentCasesForm.creator = row.creator
-      this.accidentCasesForm.modifyTime = row.modifyTime
-      this.accidentCasesForm.modifier = row.modifier
-      this.accidentCasesForm.delFlag = row.delFlag
-      this.accidentCasesForm.version = row.version
-
+      this.accidentInsuranceEditData = { ...row }
       this.dialogshowArr[9].show = true
     },
     selectOccupational() {
@@ -5304,145 +4074,17 @@
       this.queryParams.delFlag = 2
       this.search()
     },
-    putOccupational(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.isAdd) {
-            this.$post('hr/empOccupational', { ...this.occupationalForm }).then(() => {
-              this.buttonLoading = false
-              this.$message({
-                message: this.$t('tips.createSuccess'),
-                type: 'success'
-              })
-              this.cleanOccupational()
-              this.selectOccupational()
-            })
-          } else {
-            this.$put('hr/empOccupational', { ...this.occupationalForm }).then(() => {
-              this.$message({
-                message: this.$t('tips.updateSuccess'),
-                type: 'success'
-              })
-              this.$emit('success')
-              this.cleanOccupational()
-              this.selectOccupational()
-            })
-          }
-          this.dialogIsShow()
-        }
-      })
+    handleOccupationalSuccess() {
+      this.isAdd = true
+      this.selectOccupational()
+      this.dialogIsShow()
     },
-    putOccupationalContinue(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.isAdd) {
-            this.$post('hr/empOccupational', { ...this.occupationalForm }).then(() => {
-              this.buttonLoading = false
-              this.$message({
-                message: this.$t('tips.createSuccess'),
-                type: 'success'
-              })
-              this.cleanOccupational()
-              this.selectOccupational()
-            })
-          }
-        }
-      })
-    },
-    cleanOccupational() {
-      this.occupationalForm.empId = ''
-      this.occupationalForm.archivesNumb = ''
-      this.occupationalForm.deptId = ''
-      this.occupationalForm.deptName = ''
-      this.occupationalForm.empNumb = ''
-      this.occupationalForm.empName = ''
-      this.occupationalForm.sex = ''
-      this.occupationalForm.JobId = ''
-      this.occupationalForm.jobName = ''
-      this.occupationalForm.certificateNumb = ''
-      this.occupationalForm.occupationalId = ''
-      this.occupationalForm.injuredTime = ''
-      this.occupationalForm.injuredAddress = ''
-      this.occupationalForm.injuredPart = ''
-      this.occupationalForm.injuredDiacrisis = ''
-      this.occupationalForm.injuredDescribe = ''
-      this.occupationalForm.hospitalName = ''
-      this.occupationalForm.treatmentName = ''
-      this.occupationalForm.hospitalizatioFlag = ''
-      this.occupationalForm.bedNumb = ''
-      this.occupationalForm.reportTime = ''
-      this.occupationalForm.submitTime = ''
-      this.occupationalForm.sbumitBy = ''
-      this.occupationalForm.hrDoDate = ''
-      this.occupationalForm.expensesFee = ''
-      this.occupationalForm.eliminate = ''
-      this.occupationalForm.socialDisability = ''
-      this.occupationalForm.socialAllowance = ''
-      this.occupationalForm.socialSubsidy = ''
-      this.occupationalForm.socialCompensation = ''
-      this.occupationalForm.compensated = ''
-      this.occupationalForm.otherCompensated = ''
-      this.occupationalForm.companylDisability = ''
-      this.occupationalForm.companyAllowance = ''
-      this.occupationalForm.companySubsidy = ''
-      this.occupationalForm.companyCompensation = ''
-      this.occupationalForm.jobSubsidy = ''
-      this.occupationalForm.settleStatus = ''
-      this.occupationalForm.createTime = ''
-      this.occupationalForm.creator = ''
-      this.occupationalForm.modifyTime = ''
-      this.occupationalForm.modifier = ''
-      this.occupationalForm.delFlag = ''
-      this.occupationalForm.version = ''
-      this.occupationalForm.remark = ''
+    handleOccupationalContinue() {
+      this.selectOccupational()
     },
     editOccupational(row) {
       this.isAdd = false
-
-      this.occupationalForm.occupationalId = row.occupationalId
-      this.occupationalForm.empId = row.empId
-      this.occupationalForm.empNumb = row.empNumb
-      this.occupationalForm.empName = row.empName
-      this.occupationalForm.sex = row.sex
-      this.occupationalForm.certificateNumb = row.certificateNumb
-      this.occupationalForm.deptId = row.deptId
-      this.occupationalForm.deptName = row.deptName
-      this.occupationalForm.JobId = row.JobId
-      this.occupationalForm.jobName = row.jobName
-      this.occupationalForm.injuredTime = row.injuredTime
-      this.occupationalForm.injuredAddress = row.injuredAddress
-      this.occupationalForm.injuredPart = row.injuredPart
-      this.occupationalForm.injuredDiacrisis = row.injuredDiacrisis
-      this.occupationalForm.injuredDescribe = row.injuredDescribe
-      this.occupationalForm.hospitalName = row.hospitalName
-      this.occupationalForm.treatmentName = row.treatmentName
-      this.occupationalForm.hospitalizatioFlag = row.hospitalizatioFlag + ''
-      this.occupationalForm.bedNumb = row.bedNumb
-      this.occupationalForm.reportTime = row.reportTime
-      this.occupationalForm.submitTime = row.submitTime
-      this.occupationalForm.sbumitBy = row.sbumitBy
-      this.occupationalForm.hrDoDate = row.hrDoDate
-      this.occupationalForm.expensesFee = row.expensesFee
-      this.occupationalForm.eliminate = row.eliminate
-      this.occupationalForm.socialDisability = row.socialDisability
-      this.occupationalForm.socialAllowance = row.socialAllowance
-      this.occupationalForm.socialSubsidy = row.socialSubsidy
-      this.occupationalForm.socialCompensation = row.socialCompensation
-      this.occupationalForm.compensated = row.compensated
-      this.occupationalForm.otherCompensated = row.otherCompensated
-      this.occupationalForm.companylDisability = row.companylDisability
-      this.occupationalForm.companyAllowance = row.companyAllowance
-      this.occupationalForm.companySubsidy = row.companySubsidy
-      this.occupationalForm.companyCompensation = row.companyCompensation
-      this.occupationalForm.jobSubsidy = row.jobSubsidy
-      this.occupationalForm.settleStatus = row.settleStatus + ''
-      this.occupationalForm.createTime = row.createTime
-      this.occupationalForm.creator = row.creator
-      this.occupationalForm.modifyTime = row.modifyTime
-      this.occupationalForm.modifier = row.modifier
-      this.occupationalForm.delFlag = row.delFlag
-      this.occupationalForm.version = row.version
-      this.occupationalForm.remark = row.remark
+      this.workInjuryEditData = { ...row }
       this.dialogshowArr[10].show = true
     },
     selectLaborTrouble() {
@@ -5451,108 +4093,17 @@
       this.queryParams.delFlag = 2
       this.search()
     },
-    arbitrationPayChange(e) {
-      this.laborTroubleForm.arbitrationPay = e.target.value
+    handleLaborTroubleSuccess() {
+      this.isAdd = true
+      this.selectLaborTrouble()
+      this.dialogIsShow()
     },
-    putLaborTrouble(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.isAdd) {
-            this.$post('hr/empLaborTrouble', { ...this.laborTroubleForm }).then(() => {
-              this.buttonLoading = false
-              this.$message({
-                message: this.$t('tips.createSuccess'),
-                type: 'success'
-              })
-              this.cleanLaborTrouble()
-              this.selectLaborTrouble()
-            })
-          } else {
-            this.$put('hr/empLaborTrouble', { ...this.laborTroubleForm }).then(() => {
-              this.$message({
-                message: this.$t('tips.updateSuccess'),
-                type: 'success'
-              })
-              this.$emit('success')
-              this.cleanLaborTrouble()
-              this.selectLaborTrouble()
-            })
-          }
-          this.dialogIsShow()
-        }
-      })
-    },
-    putLaborTroubleContinue(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.isAdd) {
-            this.$post('hr/empLaborTrouble', { ...this.laborTroubleForm }).then(() => {
-              this.buttonLoading = false
-              this.$message({
-                message: this.$t('tips.createSuccess'),
-                type: 'success'
-              })
-              this.cleanLaborTrouble()
-              this.selectLaborTrouble()
-            })
-          }
-        }
-      })
-    },
-    cleanLaborTrouble() {
-      this.laborTroubleForm.empId = ''
-      this.laborTroubleForm.archivesNumb = ''
-      this.laborTroubleForm.deptId = ''
-      this.laborTroubleForm.deptName = ''
-      this.laborTroubleForm.empNumb = ''
-      this.laborTroubleForm.empName = ''
-      this.laborTroubleForm.sex = ''
-      this.laborTroubleForm.JobId = ''
-      this.laborTroubleForm.jobName = ''
-      this.laborTroubleForm.certificateNumb = ''
-      this.laborTroubleForm.arbitrationId = ''
-      this.laborTroubleForm.arbitrationDate = ''
-      this.laborTroubleForm.arbitrationType = ''
-      this.laborTroubleForm.arbitrationReason = ''
-      this.laborTroubleForm.reporter = ''
-      this.laborTroubleForm.arbitrationPay = ''
-      this.laborTroubleForm.arbitrationStatus = ''
-      this.laborTroubleForm.settleDate = ''
-      this.laborTroubleForm.createTime = ''
-      this.laborTroubleForm.creator = ''
-      this.laborTroubleForm.modifyTime = ''
-      this.laborTroubleForm.modifier = ''
-      this.laborTroubleForm.delFlag = ''
-      this.laborTroubleForm.version = ''
-      this.laborTroubleForm.remark = ''
+    handleLaborTroubleContinue() {
+      this.selectLaborTrouble()
     },
     editLaborTrouble(row) {
       this.isAdd = false
-      this.laborTroubleForm.arbitrationId = row.arbitrationId
-      this.laborTroubleForm.empId = row.empId
-      this.laborTroubleForm.empNumb = row.empNumb
-      this.laborTroubleForm.empName = row.empName
-      this.laborTroubleForm.sex = row.sex
-      this.laborTroubleForm.certificateNumb = row.certificateNumb
-      this.laborTroubleForm.deptId = row.deptId
-      this.laborTroubleForm.deptName = row.deptName
-      this.laborTroubleForm.JobId = row.JobId
-      this.laborTroubleForm.jobName = row.jobName
-      this.laborTroubleForm.arbitrationDate = row.arbitrationDate
-      this.laborTroubleForm.arbitrationType = row.arbitrationType
-      this.laborTroubleForm.arbitrationReason = row.arbitrationReason
-      this.laborTroubleForm.reporter = row.reporter
-      this.laborTroubleForm.arbitrationPay = row.arbitrationPay
-      this.laborTroubleForm.arbitrationStatus = row.arbitrationStatus + ''
-      this.laborTroubleForm.settleDate = row.settleDate
-      this.laborTroubleForm.createTime = row.createTime
-      this.laborTroubleForm.creator = row.creator
-      this.laborTroubleForm.modifyTime = row.modifyTime
-      this.laborTroubleForm.modifier = row.modifier
-      this.laborTroubleForm.delFlag = row.delFlag
-      this.laborTroubleForm.version = row.version
-      this.laborTroubleForm.remark = row.remark
-
+      this.arbitrationEditData = { ...row }
       this.dialogshowArr[11].show = true
     },
     selectBadRecord() {
@@ -5561,96 +4112,17 @@
       this.queryParams.delFlag = 2
       this.search()
     },
-    cleanBadRecord() {
-      this.badRecordForm.empId = ''
-      this.badRecordForm.archivesNumb = ''
-      this.badRecordForm.deptId = ''
-      this.badRecordForm.deptName = ''
-      this.badRecordForm.empNumb = ''
-      this.badRecordForm.empName = ''
-      this.badRecordForm.sex = ''
-      this.badRecordForm.JobId = ''
-      this.badRecordForm.jobName = ''
-      this.badRecordForm.certificateNumb = ''
-      this.badRecordForm.badId = ''
-      this.badRecordForm.badDate = ''
-      this.badRecordForm.reporter = ''
-      this.badRecordForm.badContent = ''
-      this.badRecordForm.createTime = ''
-      this.badRecordForm.creator = ''
-      this.badRecordForm.modifyTime = ''
-      this.badRecordForm.modifier = ''
-      this.badRecordForm.delFlag = ''
-      this.badRecordForm.version = ''
-      this.badRecordForm.remark = ''
+    handleBadRecordSuccess() {
+      this.isAdd = true
+      this.selectBadRecord()
+      this.dialogIsShow()
     },
-    putBadRecord(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.isAdd) {
-            this.$post('hr/empBadRecord', { ...this.badRecordForm }).then(() => {
-              this.buttonLoading = false
-              this.$message({
-                message: this.$t('tips.createSuccess'),
-                type: 'success'
-              })
-              this.cleanBadRecord()
-              this.selectBadRecord()
-            })
-          } else {
-            this.$put('hr/empBadRecord', { ...this.badRecordForm }).then(() => {
-              this.$message({
-                message: this.$t('tips.updateSuccess'),
-                type: 'success'
-              })
-              this.$emit('success')
-              this.cleanBadRecord()
-              this.selectBadRecord()
-            })
-          }
-          this.dialogIsShow()
-        }
-      })
-    },
-    putBadRecordContinue(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (this.isAdd) {
-            this.$post('hr/empBadRecord', { ...this.badRecordForm }).then(() => {
-              this.buttonLoading = false
-              this.$message({
-                message: this.$t('tips.createSuccess'),
-                type: 'success'
-              })
-              this.cleanBadRecord()
-              this.selectBadRecord()
-            })
-          }
-        }
-      })
+    handleBadRecordContinue() {
+      this.selectBadRecord()
     },
     editBadRecord(row) {
       this.isAdd = false
-      this.badRecordForm.badId = row.badId
-      this.badRecordForm.empId = row.empId
-      this.badRecordForm.empName = row.empName
-      this.badRecordForm.empNumb = row.empNumb
-      this.badRecordForm.sex = row.sex
-      this.badRecordForm.certificateNumb = row.certificateNumb
-      this.badRecordForm.deptId = row.deptId
-      this.badRecordForm.deptName = row.deptName
-      this.badRecordForm.JobId = row.JobId
-      this.badRecordForm.jobName = row.jobName
-      this.badRecordForm.badDate = row.badDate
-      this.badRecordForm.reporter = row.reporter
-      this.badRecordForm.badContent = row.badContent
-      this.badRecordForm.createTime = row.createTime
-      this.badRecordForm.creator = row.creator
-      this.badRecordForm.modifyTime = row.modifyTime
-      this.badRecordForm.modifier = row.modifier
-      this.badRecordForm.delFlag = row.delFlag
-      this.badRecordForm.version = row.version
-      this.badRecordForm.remark = row.remark
+      this.badRecordEditData = { ...row }
       this.dialogshowArr[12].show = true
     },
     selectRemarkInfo() {
@@ -5659,93 +4131,17 @@
       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()
-        }
-      })
+    handleRemarkInfoSuccess() {
+      this.isAdd = true
+      this.selectRemarkInfo()
+      this.dialogIsShow()
     },
-    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.empId = ''
-      this.remarkInfoForm.archivesNumb = ''
-      this.remarkInfoForm.deptId = ''
-      this.remarkInfoForm.deptName = ''
-      this.remarkInfoForm.empNumb = ''
-      this.remarkInfoForm.empName = ''
-      this.remarkInfoForm.sex = ''
-      this.remarkInfoForm.JobId = ''
-      this.remarkInfoForm.jobName = ''
-      this.remarkInfoForm.certificateNumb = ''
-      this.remarkInfoForm.remarkId = ''
-      this.remarkInfoForm.remarkContent = ''
-      this.remarkInfoForm.remarkDate = ''
-      this.remarkInfoForm.createTime = ''
-      this.remarkInfoForm.creator = ''
-      this.remarkInfoForm.modifyTime = ''
-      this.remarkInfoForm.modifier = ''
-      this.remarkInfoForm.delFlag = ''
-      this.remarkInfoForm.version = ''
+    handleRemarkInfoContinue() {
+      this.selectRemarkInfo()
     },
     editRemarkInfo(row) {
       this.isAdd = false
-      this.remarkInfoForm.remarkId = row.remarkId
-      this.remarkInfoForm.empId = row.empId
-      this.remarkInfoForm.empNumb = row.empNumb
-      this.remarkInfoForm.empName = row.empName
-      this.remarkInfoForm.sex = row.sex
-      this.remarkInfoForm.certificateNumb = row.certificateNumb
-      this.remarkInfoForm.JobId = row.JobId
-      this.remarkInfoForm.deptId = row.deptId
-      this.remarkInfoForm.deptName = row.deptName
-      this.remarkInfoForm.jobName = row.jobName
-      this.remarkInfoForm.remarkContent = row.remarkContent
-      this.remarkInfoForm.remarkDate = row.remarkDate
-      this.remarkInfoForm.createTime = row.createTime
-      this.remarkInfoForm.creator = row.creator
-      this.remarkInfoForm.modifyTime = row.modifyTime
-      this.remarkInfoForm.modifier = row.modifier
-      this.remarkInfoForm.delFlag = row.delFlag
-      this.remarkInfoForm.version = row.version
-
+      this.remarkEditData = { ...row }
       this.dialogshowArr[13].show = true
     },
     showXzyg() {
@@ -5759,55 +4155,48 @@
         var data = users[i]
         switch (this.thisShowIndex) {
           case 1:
-            this.inputForName = 'workExperienceForm'
+            this.workExperienceEditData = { empId: data.empId, empName: data.empName, empNumb: data.empNumb, certificateNumb: data.certificateNumb, deptId: data.deptId, deptName: data.deptName, allDeptName: data.allDeptName, JobId: data.jobId, jobName: data.jobName, sex: data.sex === '1' ? '男' : '女' }
             break
           case 2:
-            this.inputForName = 'physicalExamForm'
+            this.physicalExamEditData = { empId: data.empId, empName: data.empName, empNumb: data.empNumb, certificateNumb: data.certificateNumb, deptId: data.deptId, deptName: data.deptName, allDeptName: data.allDeptName, JobId: data.jobId, jobName: data.jobName, sex: data.sex === '1' ? '男' : '女' }
             break
           case 3:
-            this.inputForName = 'contractInfoForm'
+            this.contractInfoEditData = { empId: data.empId, empName: data.empName, empNumb: data.empNumb, certificateNumb: data.certificateNumb, deptId: data.deptId, deptName: data.deptName, allDeptName: data.allDeptName, JobId: data.jobId, jobName: data.jobName, sex: data.sex === '1' ? '男' : '女' }
             break
           case 4:
-            this.inputForName = 'dimissionAttendForm'
+            this.dimissionAttendEditData = { empId: data.empId, empName: data.empName, empNumb: data.empNumb, certificateNumb: data.certificateNumb, deptId: data.deptId, deptName: data.deptName, allDeptName: data.allDeptName, JobId: data.jobId, jobName: data.jobName, sex: data.sex === '1' ? '男' : '女' }
             break
           case 5:
-            this.inputForName = 'leaveInfoForm'
+            this.leaveInfoEditData = { empId: data.empId, empName: data.empName, empNumb: data.empNumb, certificateNumb: data.certificateNumb, deptId: data.deptId, deptName: data.deptName, allDeptName: data.allDeptName, JobId: data.jobId, jobName: data.jobName, sex: data.sex === '1' ? '男' : '女' }
             break
           case 6:
-            this.inputForName = 'resignForm'
+            this.resignEditData = { empId: data.empId, empName: data.empName, empNumb: data.empNumb, certificateNumb: data.certificateNumb, deptId: data.deptId, deptName: data.deptName, allDeptName: data.allDeptName, JobId: data.jobId, jobName: data.jobName, sex: data.sex === '1' ? '男' : '女' }
             break
           case 7:
-            this.inputForName = 'unemploymentForm'
+            this.unemploymentEditData = { empId: data.empId, empName: data.empName, empNumb: data.empNumb, certificateNumb: data.certificateNumb, deptId: data.deptId, deptName: data.deptName, allDeptName: data.allDeptName, JobId: data.jobId, jobName: data.jobName, sex: data.sex === '1' ? '男' : '女' }
             break
           case 8:
-            this.inputForName = 'insuranceForm'
+            this.socialSecurityEditData = { empId: data.empId, empName: data.empName, empNumb: data.empNumb, certificateNumb: data.certificateNumb, deptId: data.deptId, deptName: data.deptName, allDeptName: data.allDeptName, JobId: data.jobId, jobName: data.jobName, sex: data.sex === '1' ? '男' : '女' }
             break
           case 9:
-            this.inputForName = 'accidentCasesForm'
+            this.accidentInsuranceEditData = { empId: data.empId, empName: data.empName, empNumb: data.empNumb, certificateNumb: data.certificateNumb, deptId: data.deptId, deptName: data.deptName, allDeptName: data.allDeptName, JobId: data.jobId, jobName: data.jobName, sex: data.sex === '1' ? '男' : '女' }
             break
           case 10:
-            this.inputForName = 'occupationalForm'
+            this.workInjuryEditData = { empId: data.empId, empName: data.empName, empNumb: data.empNumb, certificateNumb: data.certificateNumb, deptId: data.deptId, deptName: data.deptName, allDeptName: data.allDeptName, JobId: data.jobId, jobName: data.jobName, sex: data.sex === '1' ? '男' : '女' }
             break
           case 11:
-            this.inputForName = 'laborTroubleForm'
+            this.arbitrationEditData = { empId: data.empId, empName: data.empName, empNumb: data.empNumb, certificateNumb: data.certificateNumb, deptId: data.deptId, deptName: data.deptName, allDeptName: data.allDeptName, JobId: data.jobId, jobName: data.jobName, sex: data.sex === '1' ? '男' : '女' }
             break
           case 12:
-            this.inputForName = 'badRecordForm'
+            this.badRecordEditData = { empId: data.empId, empName: data.empName, empNumb: data.empNumb, certificateNumb: data.certificateNumb, deptId: data.deptId, deptName: data.deptName, allDeptName: data.allDeptName, JobId: data.jobId, jobName: data.jobName, sex: data.sex === '1' ? '男' : '女' }
             break
           case 13:
-            this.inputForName = 'remarkInfoForm'
+            this.remarkEditData = { empId: data.empId, empName: data.empName, empNumb: data.empNumb, certificateNumb: data.certificateNumb, deptId: data.deptId, deptName: data.deptName, allDeptName: data.allDeptName, JobId: data.jobId, jobName: data.jobName, sex: data.sex === '1' ? '男' : '女' }
             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 === '1' ? '男' : '女'
-        this[this.inputForName].sexName = data.sex === '1' ? '男' : '女'
+        if (this.thisShowIndex >= 7 && this.thisShowIndex <= 13) {
+          // case 7-13 已在 switch 中直接设置 editData,此处无需额外操作
+        }
       }
       this.dialogShowXzyg = false
     },
@@ -5832,6 +4221,10 @@
     }, jobNameSelect(item) {
       this.empBaseInfoForm.jobName = item.value
       this.empBaseInfoForm.JobId = item.code
+    }, DeptNameSelect(val) {
+      this.empBaseInfoForm.deptId = val.deptId
+      this.empBaseInfoForm.deptName = val.label
+      this.empBaseInfoForm.allDeptName = val.allDeptName
     },
     generateUserInfo(index, val) {
       var userinfo = toCardGetUserInfo(val)
@@ -5862,6 +4255,11 @@
         case '5':
           return '(非深户)四险一档'
       }
+    },
+    changeSort(val) {
+      this.sort.field = val.prop
+      this.sort.order = val.order
+      this.search()
     }
   }
 }
@@ -5947,6 +4345,108 @@
 .el-date-editor.el-input__inner {
   width: 100%;
 }
+
+/* 头像上传相关样式 */
+.avatar-wrapper {
+  width: 178px;
+  height: 178px;
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.avatar-wrapper:hover {
+  border-color: #409EFF;
+}
+
+.avatar {
+  width: 100%;
+  height: 100%;
+  display: block;
+  object-fit: cover;
+}
+
+.avatar-uploader-placeholder {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: #8c939d;
+}
+
+.avatar-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  margin-bottom: 8px;
+}
+
+.upload-tip {
+  font-size: 12px;
+  color: #8c939d;
+}
+
+/* 上传方式选择容器 */
+.upload-choice-container {
+  display: flex;
+  justify-content: space-around;
+  padding: 20px 0;
+
+  .upload-choice-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 120px;
+    height: 120px;
+    border: 2px dashed #d9d9d9;
+    border-radius: 8px;
+    cursor: pointer;
+    transition: all 0.3s;
+
+    &:hover {
+      border-color: #409eff;
+      background-color: #f5f7fa;
+    }
+
+    i {
+      font-size: 40px;
+      color: #409eff;
+      margin-bottom: 10px;
+    }
+
+    span {
+      font-size: 14px;
+      color: #606266;
+    }
+  }
+}
+
+/* 摄像头弹窗样式 */
+.camera-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: #000;
+  min-height: 360px;
+}
+
+.camera-video {
+  width: 100%;
+  max-width: 640px;
+  height: auto;
+}
+
+.captured-image {
+  max-width: 100%;
+  max-height: 480px;
+}
 </style>
 
 <style lang="scss">

--
Gitblit v1.8.0