From c8f89c526707663b3645fc511fa30d669c259731 Mon Sep 17 00:00:00 2001
From: X_Rian <904416525@qq.com>
Date: Fri, 31 May 2024 19:29:23 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BA=BA=E5=91=98=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=E8=AF=A6=E6=83=85=20=E4=B8=8A=E4=BC=A0=E5=A4=9A?=
 =?UTF-8?q?=E5=BC=A0=E5=9B=BE=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../laborManage/personDetails.vue             | 2277 +++++------------
 1 file changed, 636 insertions(+), 1641 deletions(-)

diff --git a/src/views/projectFront/laborManage/personDetails.vue b/src/views/projectFront/laborManage/personDetails.vue
index 61fd091d..ba8dae6b 100644
--- a/src/views/projectFront/laborManage/personDetails.vue
+++ b/src/views/projectFront/laborManage/personDetails.vue
@@ -7,88 +7,42 @@
       <div class="title">{{ $t("message.laborMange.crewInfoDetail") }}</div>
     </div>
     <div class="flex2 data_wrap">
-      <vue-scroll
-        style="height: 100%; width: 88%"
-        @handle-scroll="handleScroll"
-      >
+      <vue-scroll style="height: 100%; width: 88%" @handle-scroll="handleScroll">
         <div id="basic" class="table">
           <div class="pageTitle">
             {{ $t("message.laborMange.essential") }}
-            <el-button
-              type="text"
-              class="margin_left"
-              @click="setBasicInfo"
-              style="padding: 0"
-              >{{
-                basicInfoStatus
-                  ? $t("message.laborMange.save")
-                  : $t("message.laborMange.edit")
-              }}</el-button
-            >
-            <el-button
-              type="text"
-              class="margin_left"
-              @click="cancelEditTableInfo(5)"
-              style="padding: 0"
-              v-if="basicInfoStatus"
-              >{{ $t("message.laborMange.cancel") }}</el-button
-            >
+            <el-button type="text" class="margin_left" @click="setBasicInfo" style="padding: 0">{{
+              basicInfoStatus
+              ? $t("message.laborMange.save")
+              : $t("message.laborMange.edit")
+            }}</el-button>
+            <el-button type="text" class="margin_left" @click="cancelEditTableInfo(5)" style="padding: 0"
+              v-if="basicInfoStatus">{{ $t("message.laborMange.cancel") }}</el-button>
           </div>
           <div class="content_title flex3">
             <div class="flex">
               <div class="flex">
                 <div class="img_wrap" style="margin-right: 8px">
-                  <img
-                    v-if="workerInfo.fieldAcquisitionUrl"
-                    :src="fileUrl + workerInfo.fieldAcquisitionUrl"
-                    @click="
-                      handlePreview(
-                        { url: workerInfo.fieldAcquisitionUrl },
-                        {},
-                        1
-                      )
-                    "
-                  />
+                  <img v-if="workerInfo.fieldAcquisitionUrl" :src="fileUrl + workerInfo.fieldAcquisitionUrl"
+                    @click="handlePreview({ url: workerInfo.fieldAcquisitionUrl }, {}, 1)" />
                   <img src="@/assets/images/profile_photo.png" v-else />
-                  <el-upload
-                    v-if="basicInfoStatus"
-                    class="upload-demo"
-                    :action="uploadUrl"
+                  <el-upload v-if="basicInfoStatus" class="upload-demo" :action="uploadUrl"
                     :on-success="(res, file) => handleSuccess(res, 1, file)"
-                    :beforeUpload="(file) => handleBeforeUpload(file, 1)"
-                    :show-file-list="false"
-                    name="files"
-                    accept=".jpg, .jpeg"
-                  >
+                    :beforeUpload="(file) => handleBeforeUpload(file, 1)" :show-file-list="false" name="files"
+                    accept=".jpg, .jpeg">
                     <el-button size="small" type="primary">{{
                       $t("message.laborMange.updateOnsitePhotos")
                     }}</el-button>
                   </el-upload>
                 </div>
                 <div class="img_wrap">
-                  <img
-                    v-if="workerInfo.idCardBigPhotoUrl"
-                    :src="fileUrl + workerInfo.idCardBigPhotoUrl"
-                    @click="
-                      handlePreview(
-                        { url: workerInfo.idCardBigPhotoUrl },
-                        {},
-                        8
-                      )
-                    "
-                  />
+                  <img v-if="workerInfo.idCardBigPhotoUrl" :src="fileUrl + workerInfo.idCardBigPhotoUrl"
+                    @click="handlePreview({ url: workerInfo.idCardBigPhotoUrl }, {}, 8)" />
                   <img src="@/assets/images/profile_photo.png" v-else />
 
-                  <el-upload
-                    v-if="basicInfoStatus"
-                    class="upload-demo"
-                    :action="uploadUrl"
-                    :on-success="(file) => handleSuccess(file, 6)"
-                    :beforeUpload="(file) => handleBeforeUpload(file, 1)"
-                    :show-file-list="false"
-                    name="files"
-                    accept=".jpg, .jpeg"
-                  >
+                  <el-upload v-if="basicInfoStatus" class="upload-demo" :action="uploadUrl"
+                    :on-success="(file) => handleSuccess(file, 6)" :beforeUpload="(file) => handleBeforeUpload(file, 1)"
+                    :show-file-list="false" name="files" accept=".jpg, .jpeg">
                     <el-button size="small" type="primary">{{
                       $t("message.laborMange.update") +
                       $t("message.laborMange.IdCardHead")
@@ -99,36 +53,24 @@
 
               <div class="info_wrap" v-if="basicInfoStatus">
                 <div>
-                  <el-input
-                    style="width: 180px"
-                    size="small"
-                    v-model="workerInfo.workerName"
-                    :placeholder="$t('message.laborMange.placeholder2')"
-                  ></el-input>
+                  <el-input style="width: 180px" size="small" v-model="workerInfo.workerName"
+                    :placeholder="$t('message.laborMange.placeholder2')"></el-input>
                 </div>
                 <div class="time">
                   {{ $t("message.laborMange.recordDate") }}:
                   {{ workerInfo.enterDate }}
-                  {{ $t("message.laborMange.anExitDate") }}:{{
-                    workerInfo.exitDate
-                  }}
+                  {{ $t("message.laborMange.anExitDate") }}:{{ workerInfo.exitDate }}
                 </div>
                 <div class="team2" v-if="workerInfo.personType == 1">
                   {{ $t("message.laborMange.team") }}：{{ workerInfo.teamName }}
                 </div>
                 <div class="team2" v-else>
-                  {{ $t("message.laborMange.section") }}：{{
-                    workerInfo.departmentName
-                  }}
+                  {{ $t("message.laborMange.section") }}：{{ workerInfo.departmentName }}
                 </div>
                 <div class="number">
                   {{ $t("message.laborMange.jobNumber") }}：
-                  <el-input
-                    size="small"
-                    style="width: 180px; margin-top: 5px"
-                    v-model="workerInfo.attendanceNumber"
-                    :placeholder="$t('message.laborMange.placeholder2')"
-                  ></el-input>
+                  <el-input size="small" style="width: 180px; margin-top: 5px" v-model="workerInfo.attendanceNumber"
+                    :placeholder="$t('message.laborMange.placeholder2')"></el-input>
                 </div>
               </div>
 
@@ -137,17 +79,13 @@
                 <div class="time">
                   {{ $t("message.laborMange.recordDate") }}:
                   {{ workerInfo.enterDate }}
-                  {{ $t("message.laborMange.anExitDate") }}:{{
-                    workerInfo.exitDate
-                  }}
+                  {{ $t("message.laborMange.anExitDate") }}:{{ workerInfo.exitDate }}
                 </div>
                 <div class="team2" v-if="workerInfo.personType == 1">
                   {{ $t("message.laborMange.team") }}：{{ workerInfo.teamName }}
                 </div>
                 <div class="team2" v-else>
-                  {{ $t("message.laborMange.section") }}：{{
-                    workerInfo.departmentName
-                  }}
+                  {{ $t("message.laborMange.section") }}：{{ workerInfo.departmentName }}
                 </div>
                 <div class="number">
                   {{ $t("message.laborMange.jobNumber") }}：{{
@@ -162,43 +100,21 @@
             <div class="pageTitle">
               {{ $t("message.laborMange.detailMessage") }}
               <!-- <i class="el-icon-arrow-down" style="font-size: 18px"></i> -->
-              <el-button
-                type="text"
-                @click="setDetailInfo"
-                class="margin_left"
-                style="padding: 0"
-                >{{
-                  detailInfoStatus
-                    ? $t("message.laborMange.save")
-                    : $t("message.laborMange.edit")
-                }}</el-button
-              >
-              <el-button
-                type="text"
-                class="margin_left"
-                @click="cancelEditTableInfo(6)"
-                style="padding: 0"
-                v-if="detailInfoStatus"
-                >{{ $t("message.laborMange.cancel") }}</el-button
-              >
+              <el-button type="text" @click="setDetailInfo" class="margin_left" style="padding: 0">{{
+                detailInfoStatus
+                ? $t("message.laborMange.save")
+                : $t("message.laborMange.edit")
+              }}</el-button>
+              <el-button type="text" class="margin_left" @click="cancelEditTableInfo(6)" style="padding: 0"
+                v-if="detailInfoStatus">{{ $t("message.laborMange.cancel") }}</el-button>
             </div>
-            <el-form
-              size="small"
-              ref="workerInfo"
-              label-position="right"
-              :model="workerInfo"
-              :rules="formRules"
-              label-width="140px"
-              style="width: 99%"
-            >
+            <el-form size="small" ref="workerInfo" label-position="right" :model="workerInfo" :rules="formRules"
+              label-width="140px" style="width: 99%">
               <el-row :gutter="24">
                 <el-col :span="16">
                   <el-row :gutter="24">
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.compellation') + ':'"
-                        prop="workerName"
-                      >
+                      <el-form-item :label="$t('message.laborMange.compellation') + ':'" prop="workerName">
                         <!-- <el-input
                           v-if="detailInfoStatus"
                           style="width: 80%"
@@ -211,72 +127,37 @@
                     </el-col>
                     <!-- 身份证正反面 -->
                     <el-col :span="12">
-                      <el-form-item
-                        :label="
-                          $t('message.laborMange.frontAndBackOfIdCard') + ':'
-                        "
-                        prop="idCardUpPhotoUrl"
-                      >
+                      <el-form-item :label="$t('message.laborMange.frontAndBackOfIdCard') + ':'" prop="idCardUpPhotoUrl">
                         <div class="flex">
                           <div style="text-align: center">
-                            <img
-                              v-if="workerInfo.idCardUpPhotoUrl"
-                              style="width: auto; height: 34px; cursor: pointer"
-                              :src="fileUrl + workerInfo.idCardUpPhotoUrl"
-                              @click="
-                                handlePreview(
-                                  { url: workerInfo.idCardUpPhotoUrl },
-                                  {},
-                                  2
-                                )
-                              "
-                            />
-                            <img
-                              style="width: auto; height: 34px; cursor: pointer"
-                              src="@/assets/images/idCardImgOne.png"
-                              v-else
-                            />
+                            <img v-if="workerInfo.idCardUpPhotoUrl" style="width: auto; height: 34px; cursor: pointer"
+                              :src="fileUrl + workerInfo.idCardUpPhotoUrl" @click="
+                                handlePreview({ url: workerInfo.idCardUpPhotoUrl }, {}, 2)
+                              " />
+                            <img style="width: auto; height: 34px; cursor: pointer" src="@/assets/images/idCardImgOne.png"
+                              v-else />
 
-                            <el-upload
-                              v-if="detailInfoStatus"
-                              class="upload-demo"
-                              :action="uploadUrl"
-                              :on-success="(file) => handleSuccess(file, 2)"
-                              :show-file-list="false"
-                              name="files"
-                            >
+                            <el-upload v-if="detailInfoStatus" class="upload-demo" :action="uploadUrl"
+                              :on-success="(file) => handleSuccess(file, 2)" :show-file-list="false" name="files">
                               <el-button size="small" type="primary">{{
                                 $t("message.laborMange.update")
                               }}</el-button>
                             </el-upload>
                           </div>
                           <div style="text-align: center; margin-left: 10px">
-                            <img
-                              v-if="workerInfo.idCardDownPhotoUrl"
-                              style="width: auto; height: 34px; cursor: pointer"
-                              :src="fileUrl + workerInfo.idCardDownPhotoUrl"
-                              @click="
+                            <img v-if="workerInfo.idCardDownPhotoUrl" style="width: auto; height: 34px; cursor: pointer"
+                              :src="fileUrl + workerInfo.idCardDownPhotoUrl" @click="
                                 handlePreview(
                                   { url: workerInfo.idCardDownPhotoUrl },
                                   {},
                                   3
                                 )
-                              "
-                            />
-                            <img
-                              style="width: auto; height: 34px; cursor: pointer"
-                              src="@/assets/images/idCardImgTwo.png"
-                              v-else
-                            />
+                              " />
+                            <img style="width: auto; height: 34px; cursor: pointer" src="@/assets/images/idCardImgTwo.png"
+                              v-else />
 
-                            <el-upload
-                              v-if="detailInfoStatus"
-                              class="upload-demo"
-                              :action="uploadUrl"
-                              :on-success="(file) => handleSuccess(file, 3)"
-                              :show-file-list="false"
-                              name="files"
-                            >
+                            <el-upload v-if="detailInfoStatus" class="upload-demo" :action="uploadUrl"
+                              :on-success="(file) => handleSuccess(file, 3)" :show-file-list="false" name="files">
                               <el-button size="small" type="primary">{{
                                 $t("message.laborMange.update")
                               }}</el-button>
@@ -289,14 +170,8 @@
 
                   <el-row :gutter="24">
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.sex') + ':'"
-                        prop="sex"
-                      >
-                        <el-radio-group
-                          v-if="detailInfoStatus"
-                          v-model="workerInfo.sex"
-                        >
+                      <el-form-item :label="$t('message.laborMange.sex') + ':'" prop="sex">
+                        <el-radio-group v-if="detailInfoStatus" v-model="workerInfo.sex">
                           <el-radio :label="1">{{
                             $t("message.laborMange.man")
                           }}</el-radio>
@@ -306,22 +181,15 @@
                         </el-radio-group>
                         <span v-else>{{
                           workerInfo.sex == 1
-                            ? $t("message.laborMange.man")
-                            : $t("message.laborMange.female")
+                          ? $t("message.laborMange.man")
+                          : $t("message.laborMange.female")
                         }}</span>
                       </el-form-item>
                     </el-col>
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.IdNumber2') + ':'"
-                        prop="idCard"
-                      >
-                        <el-input
-                          v-if="detailInfoStatus"
-                          style="width: 80%"
-                          v-model="workerInfo.idCard"
-                          :placeholder="$t('message.laborMange.placeholder2')"
-                        ></el-input>
+                      <el-form-item :label="$t('message.laborMange.IdNumber2') + ':'" prop="idCard">
+                        <el-input v-if="detailInfoStatus" style="width: 80%" v-model="workerInfo.idCard"
+                          :placeholder="$t('message.laborMange.placeholder2')"></el-input>
                         <span v-else>{{ workerInfo.idCard }}</span>
                       </el-form-item>
                     </el-col>
@@ -330,23 +198,15 @@
                   <el-row :gutter="24">
                     <el-col :span="12">
                       <el-form-item label="开户行" prop="payRollBankName">
-                        <el-input
-                          v-if="detailInfoStatus"
-                          style="width: 80%"
-                          v-model="workerInfo.payRollBankName"
-                          placeholder="请输入开户行"
-                        ></el-input>
+                        <el-input v-if="detailInfoStatus" style="width: 80%" v-model="workerInfo.payRollBankName"
+                          placeholder="请输入开户行"></el-input>
                         <span v-else>{{ workerInfo.payRollBankName }}</span>
                       </el-form-item>
                     </el-col>
                     <el-col :span="12">
                       <el-form-item label="银行卡号" prop="payRollBankNumber">
-                        <el-input
-                          v-if="detailInfoStatus"
-                          style="width: 80%"
-                          v-model="workerInfo.payRollBankNumber"
-                          placeholder="请输入银行卡号"
-                        ></el-input>
+                        <el-input v-if="detailInfoStatus" style="width: 80%" v-model="workerInfo.payRollBankNumber"
+                          placeholder="请输入银行卡号"></el-input>
 
                         <span v-else>{{ workerInfo.payRollBankNumber }}</span>
                       </el-form-item>
@@ -355,40 +215,20 @@
 
                   <el-row :gutter="24">
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.dateOfBirth') + ':'"
-                        prop="birthday"
-                      >
-                        <el-date-picker
-                          v-if="detailInfoStatus"
-                          style="width: 80%"
-                          v-model="workerInfo.birthday"
-                          value-format="yyyy-MM-dd"
-                          type="date"
-                          :placeholder="$t('message.laborMange.placeholder2')"
-                        >
+                      <el-form-item :label="$t('message.laborMange.dateOfBirth') + ':'" prop="birthday">
+                        <el-date-picker v-if="detailInfoStatus" style="width: 80%" v-model="workerInfo.birthday"
+                          value-format="yyyy-MM-dd" type="date" :placeholder="$t('message.laborMange.placeholder2')">
                         </el-date-picker>
                         <span v-else>{{ workerInfo.birthday }}</span>
                       </el-form-item>
                     </el-col>
 
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.nation') + ':'"
-                        prop="nation"
-                      >
-                        <el-select
-                          v-if="detailInfoStatus"
-                          v-model="workerInfo.nation"
-                          style="width: 80%"
-                          :placeholder="$t('message.laborMange.placeholder2')"
-                        >
-                          <el-option
-                            v-for="(item, index) in nationList"
-                            :key="index"
-                            :label="item.name"
-                            :value="item.name"
-                          >
+                      <el-form-item :label="$t('message.laborMange.nation') + ':'" prop="nation">
+                        <el-select v-if="detailInfoStatus" v-model="workerInfo.nation" style="width: 80%"
+                          :placeholder="$t('message.laborMange.placeholder2')">
+                          <el-option v-for="(item, index) in nationList" :key="index" :label="item.name"
+                            :value="item.name">
                           </el-option>
                         </el-select>
                         <span v-else>{{ workerInfo.nation }}</span>
@@ -398,141 +238,74 @@
 
                   <el-row :gutter="24">
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.nativePlace') + ':'"
-                        prop="nativePlace"
-                      >
-                        <el-input
-                          v-if="detailInfoStatus"
-                          style="width: 80%"
-                          v-model="workerInfo.nativePlace"
-                          :placeholder="$t('message.laborMange.placeholder2')"
-                        ></el-input>
+                      <el-form-item :label="$t('message.laborMange.nativePlace') + ':'" prop="nativePlace">
+                        <el-input v-if="detailInfoStatus" style="width: 80%" v-model="workerInfo.nativePlace"
+                          :placeholder="$t('message.laborMange.placeholder2')"></el-input>
                         <span v-else>{{ workerInfo.nativePlace }}</span>
                       </el-form-item>
                     </el-col>
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.issuingAuthority') + ':'"
-                        prop="issuingAuthorityForIdcard"
-                      >
-                        <el-input
-                          v-if="detailInfoStatus"
-                          style="width: 80%"
+                      <el-form-item :label="$t('message.laborMange.issuingAuthority') + ':'"
+                        prop="issuingAuthorityForIdcard">
+                        <el-input v-if="detailInfoStatus" style="width: 80%"
                           v-model="workerInfo.issuingAuthorityForIdcard"
-                          :placeholder="$t('message.laborMange.placeholder2')"
-                        ></el-input>
-                        <span v-else>{{
-                          workerInfo.issuingAuthorityForIdcard
-                        }}</span>
+                          :placeholder="$t('message.laborMange.placeholder2')"></el-input>
+                        <span v-else>{{ workerInfo.issuingAuthorityForIdcard }}</span>
                       </el-form-item>
                     </el-col>
                   </el-row>
                   <el-row :gutter="24">
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.effectiveDate') + ':'"
-                        prop="idCardEndDate"
-                      >
-                        <el-date-picker
-                          v-if="detailInfoStatus && !longTerm"
-                          style="width: 50%; margin-right: 10px"
-                          v-model="workerInfo.idCardEndDate"
-                          value-format="yyyy-MM-dd"
-                          type="date"
-                          :disabled="longTerm"
-                          :placeholder="$t('message.laborMange.pleaseChoose')"
-                        >
+                      <el-form-item :label="$t('message.laborMange.effectiveDate') + ':'" prop="idCardEndDate">
+                        <el-date-picker v-if="detailInfoStatus && !longTerm" style="width: 50%; margin-right: 10px"
+                          v-model="workerInfo.idCardEndDate" value-format="yyyy-MM-dd" type="date" :disabled="longTerm"
+                          :placeholder="$t('message.laborMange.pleaseChoose')">
                         </el-date-picker>
-                        <el-checkbox
-                          v-if="detailInfoStatus"
-                          @change="changeLongTerm"
-                          v-model="longTerm"
-                          >{{
-                            $t("message.laborMange.longTermEffective")
-                          }}</el-checkbox
-                        >
+                        <el-checkbox v-if="detailInfoStatus" @change="changeLongTerm" v-model="longTerm">{{
+                          $t("message.laborMange.longTermEffective") }}</el-checkbox>
                         <span v-else>{{
                           workerInfo.longTerm == 1
-                            ? $t("message.laborMange.longTermEffective")
-                            : workerInfo.idCardEndDate
+                          ? $t("message.laborMange.longTermEffective")
+                          : workerInfo.idCardEndDate
                         }}</span>
                       </el-form-item>
                     </el-col>
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.phone') + ':'"
-                        prop="phoneNumber"
-                      >
-                        <el-input
-                          v-if="detailInfoStatus"
-                          style="width: 80%"
-                          v-model="workerInfo.phoneNumber"
-                          :placeholder="$t('message.laborMange.placeholder2')"
-                        ></el-input>
+                      <el-form-item :label="$t('message.laborMange.phone') + ':'" prop="phoneNumber">
+                        <el-input v-if="detailInfoStatus" style="width: 80%" v-model="workerInfo.phoneNumber"
+                          :placeholder="$t('message.laborMange.placeholder2')"></el-input>
                         <span v-else>{{ workerInfo.phoneNumber }}</span>
                       </el-form-item>
                     </el-col>
                   </el-row>
                   <el-row :gutter="24">
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.emergencyContact') + ':'"
-                        prop="emergentPerson"
-                      >
-                        <el-input
-                          v-if="detailInfoStatus"
-                          style="width: 80%"
-                          v-model="workerInfo.emergentPerson"
-                          :placeholder="$t('message.laborMange.placeholder2')"
-                        ></el-input>
+                      <el-form-item :label="$t('message.laborMange.emergencyContact') + ':'" prop="emergentPerson">
+                        <el-input v-if="detailInfoStatus" style="width: 80%" v-model="workerInfo.emergentPerson"
+                          :placeholder="$t('message.laborMange.placeholder2')"></el-input>
                         <span v-else>{{ workerInfo.emergentPerson }}</span>
                       </el-form-item>
                     </el-col>
                     <el-col :span="12">
-                      <el-form-item
-                        :label="
-                          $t('message.laborMange.emergencyContactPhone') + ':'
-                        "
-                        prop="emergentPhone"
-                      >
-                        <el-input
-                          v-if="detailInfoStatus"
-                          style="width: 80%"
-                          v-model="workerInfo.emergentPhone"
-                          :placeholder="$t('message.laborMange.placeholder2')"
-                        ></el-input>
+                      <el-form-item :label="$t('message.laborMange.emergencyContactPhone') + ':'" prop="emergentPhone">
+                        <el-input v-if="detailInfoStatus" style="width: 80%" v-model="workerInfo.emergentPhone"
+                          :placeholder="$t('message.laborMange.placeholder2')"></el-input>
                         <span v-else>{{ workerInfo.emergentPhone }}</span>
                       </el-form-item>
                     </el-col>
                   </el-row>
                   <el-row :gutter="24">
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.dateOfEntry') + ':'"
-                        prop="enterDate"
-                      >
-                        <el-date-picker
-                          v-if="detailInfoStatus"
-                          style="width: 80%"
-                          v-model="workerInfo.enterDate"
-                          value-format="yyyy-MM-dd"
-                          type="date"
-                          :placeholder="$t('message.laborMange.placeholder2')"
-                        >
+                      <el-form-item :label="$t('message.laborMange.dateOfEntry') + ':'" prop="enterDate">
+                        <el-date-picker v-if="detailInfoStatus" style="width: 80%" v-model="workerInfo.enterDate"
+                          value-format="yyyy-MM-dd" type="date" :placeholder="$t('message.laborMange.placeholder2')">
                         </el-date-picker>
                         <span v-else>{{ workerInfo.enterDate }}</span>
                       </el-form-item>
                     </el-col>
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.workingState') + ':'"
-                        prop="inserviceType"
-                      >
-                        <el-radio-group
-                          v-if="detailInfoStatus"
-                          v-model="workerInfo.inserviceType"
-                        >
+                      <el-form-item :label="$t('message.laborMange.workingState') + ':'" prop="inserviceType">
+                        <el-radio-group v-if="detailInfoStatus" v-model="workerInfo.inserviceType">
                           <el-radio :label="1">{{
                             $t("message.laborMange.onJob")
                           }}</el-radio>
@@ -542,65 +315,39 @@
                         </el-radio-group>
                         <span v-else>{{
                           workerInfo.inserviceType == 1
-                            ? $t("message.laborMange.onJob")
-                            : $t("message.laborMange.dimission")
+                          ? $t("message.laborMange.onJob")
+                          : $t("message.laborMange.dimission")
                         }}</span>
                       </el-form-item>
                     </el-col>
                   </el-row>
                   <el-row :gutter="24">
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.maritalStatus') + ':'"
-                        prop="marry"
-                      >
-                        <el-select
-                          v-if="detailInfoStatus"
-                          style="width: 80%"
-                          v-model="workerInfo.marry"
-                          :placeholder="$t('message.laborMange.placeholder2')"
-                        >
-                          <el-option
-                            :label="$t('message.laborMange.spinsterhood')"
-                            :value="1"
-                          ></el-option>
-                          <el-option
-                            :label="$t('message.laborMange.married')"
-                            :value="2"
-                          ></el-option>
-                          <el-option
-                            :label="$t('message.laborMange.divorced')"
-                            :value="3"
-                          ></el-option>
-                          <el-option
-                            :label="$t('message.laborMange.widowed')"
-                            :value="4"
-                          ></el-option>
+                      <el-form-item :label="$t('message.laborMange.maritalStatus') + ':'" prop="marry">
+                        <el-select v-if="detailInfoStatus" style="width: 80%" v-model="workerInfo.marry"
+                          :placeholder="$t('message.laborMange.placeholder2')">
+                          <el-option :label="$t('message.laborMange.spinsterhood')" :value="1"></el-option>
+                          <el-option :label="$t('message.laborMange.married')" :value="2"></el-option>
+                          <el-option :label="$t('message.laborMange.divorced')" :value="3"></el-option>
+                          <el-option :label="$t('message.laborMange.widowed')" :value="4"></el-option>
                         </el-select>
                         <span v-else>{{
                           workerInfo.marry == 1
-                            ? $t("message.laborMange.spinsterhood")
-                            : workerInfo.marry == 2
+                          ? $t("message.laborMange.spinsterhood")
+                          : workerInfo.marry == 2
                             ? $t("message.laborMange.married")
                             : workerInfo.marry == 3
-                            ? $t("message.laborMange.divorced")
-                            : workerInfo.marry == 4
-                            ? $t("message.laborMange.widowed")
-                            : ""
+                              ? $t("message.laborMange.divorced")
+                              : workerInfo.marry == 4
+                                ? $t("message.laborMange.widowed")
+                                : ""
                         }}</span>
                       </el-form-item>
                     </el-col>
                     <el-col :span="12" v-if="workerInfo.personType == 1">
-                      <el-form-item
-                        :label="$t('message.laborMange.cardBank') + ':'"
-                        prop="payRollBankName"
-                      >
-                        <el-input
-                          v-if="detailInfoStatus"
-                          style="width: 80%"
-                          v-model="workerInfo.payRollBankName"
-                          :placeholder="$t('message.laborMange.placeholder2')"
-                        ></el-input>
+                      <el-form-item :label="$t('message.laborMange.cardBank') + ':'" prop="payRollBankName">
+                        <el-input v-if="detailInfoStatus" style="width: 80%" v-model="workerInfo.payRollBankName"
+                          :placeholder="$t('message.laborMange.placeholder2')"></el-input>
                         <span v-else>{{ workerInfo.payRollBankName }}</span>
                       </el-form-item>
                     </el-col>
@@ -621,108 +368,56 @@
                       </el-form-item>
                     </el-col> -->
                     <el-col :span="12">
-                      <el-form-item
-                        :label="
-                          $t('message.laborMange.educationBackground') + ':'
-                        "
-                        prop="educational"
-                      >
-                        <el-select
-                          v-if="detailInfoStatus"
-                          style="width: 80%"
-                          v-model="workerInfo.educational"
-                          :placeholder="$t('message.laborMange.placeholder2')"
-                        >
-                          <el-option
-                            :label="$t('message.laborMange.primarySchool')"
-                            value="1"
-                          ></el-option>
-                          <el-option
-                            :label="$t('message.laborMange.juniorHighSchool')"
-                            value="2"
-                          ></el-option>
-                          <el-option
-                            :label="$t('message.laborMange.technicalSchool')"
-                            value="3"
-                          ></el-option>
-                          <el-option
-                            :label="$t('message.laborMange.seniorHighSchool')"
-                            value="4"
-                          ></el-option>
-                          <el-option
-                            :label="$t('message.laborMange.juniorCollege')"
-                            value="5"
-                          ></el-option>
-                          <el-option
-                            :label="
-                              $t('message.laborMange.regularCollegeCourse')
-                            "
-                            value="6"
-                          ></el-option>
-                          <el-option
-                            :label="$t('message.laborMange.graduateStudent')"
-                            value="7"
-                          ></el-option>
-                          <el-option
-                            :label="$t('message.laborMange.doctor')"
-                            value="8"
-                          ></el-option>
-                          <el-option
-                            :label="$t('message.laborMange.postdoctor')"
-                            value="9"
-                          ></el-option>
+                      <el-form-item :label="$t('message.laborMange.educationBackground') + ':'" prop="educational">
+                        <el-select v-if="detailInfoStatus" style="width: 80%" v-model="workerInfo.educational"
+                          :placeholder="$t('message.laborMange.placeholder2')">
+                          <el-option :label="$t('message.laborMange.primarySchool')" value="1"></el-option>
+                          <el-option :label="$t('message.laborMange.juniorHighSchool')" value="2"></el-option>
+                          <el-option :label="$t('message.laborMange.technicalSchool')" value="3"></el-option>
+                          <el-option :label="$t('message.laborMange.seniorHighSchool')" value="4"></el-option>
+                          <el-option :label="$t('message.laborMange.juniorCollege')" value="5"></el-option>
+                          <el-option :label="$t('message.laborMange.regularCollegeCourse')" value="6"></el-option>
+                          <el-option :label="$t('message.laborMange.graduateStudent')" value="7"></el-option>
+                          <el-option :label="$t('message.laborMange.doctor')" value="8"></el-option>
+                          <el-option :label="$t('message.laborMange.postdoctor')" value="9"></el-option>
                         </el-select>
                         <span v-else>{{
                           workerInfo.educational == 1
-                            ? $t("message.laborMange.primarySchool")
-                            : workerInfo.educational == 2
+                          ? $t("message.laborMange.primarySchool")
+                          : workerInfo.educational == 2
                             ? $t("message.laborMange.juniorHighSchool")
                             : workerInfo.educational == 3
-                            ? $t("message.laborMange.technicalSchool")
-                            : workerInfo.educational == 4
-                            ? $t("message.laborMange.seniorHighSchool")
-                            : workerInfo.educational == 5
-                            ? $t("message.laborMange.juniorCollege")
-                            : workerInfo.educational == 6
-                            ? $t("message.laborMange.regularCollegeCourse")
-                            : workerInfo.educational == 7
-                            ? $t("message.laborMange.graduateStudent")
-                            : workerInfo.educational == 8
-                            ? $t("message.laborMange.doctor")
-                            : workerInfo.educational == 9
-                            ? $t("message.laborMange.postdoctor")
-                            : ""
+                              ? $t("message.laborMange.technicalSchool")
+                              : workerInfo.educational == 4
+                                ? $t("message.laborMange.seniorHighSchool")
+                                : workerInfo.educational == 5
+                                  ? $t("message.laborMange.juniorCollege")
+                                  : workerInfo.educational == 6
+                                    ? $t("message.laborMange.regularCollegeCourse")
+                                    : workerInfo.educational == 7
+                                      ? $t("message.laborMange.graduateStudent")
+                                      : workerInfo.educational == 8
+                                        ? $t("message.laborMange.doctor")
+                                        : workerInfo.educational == 9
+                                          ? $t("message.laborMange.postdoctor")
+                                          : ""
                         }}</span>
                       </el-form-item>
                     </el-col>
                     <!-- 显示邮箱 -->
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.mailbox') + ':'"
-                        prop="personMail"
-                      >
-                        <el-input
-                          v-if="detailInfoStatus"
-                          style="width: 80%"
-                          v-model="workerInfo.personMail"
-                          :placeholder="$t('message.laborMange.placeholder2')"
-                        ></el-input>
+                      <el-form-item :label="$t('message.laborMange.mailbox') + ':'" prop="personMail">
+                        <el-input v-if="detailInfoStatus" style="width: 80%" v-model="workerInfo.personMail"
+                          :placeholder="$t('message.laborMange.placeholder2')"></el-input>
                         <span v-else>{{ workerInfo.personMail }}</span>
                       </el-form-item>
                     </el-col>
                   </el-row>
                   <el-row :gutter="24">
                     <el-col :span="12" v-if="workerInfo.personType == 1">
-                      <el-form-item
-                        :label="$t('message.laborMange.bloodType') + ':'"
-                        prop="blood"
-                      >
-                        <el-select
-                          v-if="detailInfoStatus"
-                          style="width: 80%"
-                          v-model="workerInfo.blood"
-                          :placeholder="$t('message.laborMange.placeholder2')"
-                        >
+                      <el-form-item :label="$t('message.laborMange.bloodType') + ':'" prop="blood">
+                        <el-select v-if="detailInfoStatus" style="width: 80%" v-model="workerInfo.blood"
+                          :placeholder="$t('message.laborMange.placeholder2')">
                           <el-option label="A" value="A"></el-option>
                           <el-option label="B" value="B"></el-option>
                           <el-option label="AB" value="AB"></el-option>
@@ -730,78 +425,47 @@
                         </el-select>
                         <span v-else>{{
                           workerInfo.blood == "A"
-                            ? "A"
-                            : workerInfo.blood == "B"
+                          ? "A"
+                          : workerInfo.blood == "B"
                             ? "B"
                             : workerInfo.blood == "AB"
-                            ? "AB"
-                            : workerInfo.blood == "O"
-                            ? "O"
-                            : ""
+                              ? "AB"
+                              : workerInfo.blood == "O"
+                                ? "O"
+                                : ""
                         }}</span>
                       </el-form-item>
                     </el-col>
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.politicsStatus') + ':'"
-                        prop="politicsStatus"
-                      >
-                        <el-select
-                          v-if="detailInfoStatus"
-                          style="width: 80%"
-                          v-model="workerInfo.politicsStatus"
-                          :placeholder="$t('message.laborMange.placeholder2')"
-                        >
-                          <el-option
-                            :label="$t('message.laborMange.memberOfChina')"
-                            :value="1"
-                          ></el-option>
-                          <el-option
-                            :label="$t('message.laborMange.memberYouthLeague')"
-                            :value="2"
-                          ></el-option>
-                          <el-option
-                            :label="$t('message.laborMange.ordinaryResident')"
-                            :value="3"
-                          ></el-option>
-                          <el-option
-                            :label="$t('message.laborMange.otherParty')"
-                            :value="4"
-                          ></el-option>
+                      <el-form-item :label="$t('message.laborMange.politicsStatus') + ':'" prop="politicsStatus">
+                        <el-select v-if="detailInfoStatus" style="width: 80%" v-model="workerInfo.politicsStatus"
+                          :placeholder="$t('message.laborMange.placeholder2')">
+                          <el-option :label="$t('message.laborMange.memberOfChina')" :value="1"></el-option>
+                          <el-option :label="$t('message.laborMange.memberYouthLeague')" :value="2"></el-option>
+                          <el-option :label="$t('message.laborMange.ordinaryResident')" :value="3"></el-option>
+                          <el-option :label="$t('message.laborMange.otherParty')" :value="4"></el-option>
                         </el-select>
                         <span v-else>{{
                           workerInfo.politicsStatus == 1
-                            ? $t("message.laborMange.memberOfChina")
-                            : workerInfo.politicsStatus == 2
+                          ? $t("message.laborMange.memberOfChina")
+                          : workerInfo.politicsStatus == 2
                             ? $t("message.laborMange.memberYouthLeague")
                             : workerInfo.politicsStatus == 3
-                            ? $t("message.laborMange.ordinaryResident")
-                            : workerInfo.politicsStatus == 4
-                            ? $t("message.laborMange.otherParty")
-                            : ""
+                              ? $t("message.laborMange.ordinaryResident")
+                              : workerInfo.politicsStatus == 4
+                                ? $t("message.laborMange.otherParty")
+                                : ""
                         }}</span>
                       </el-form-item>
                     </el-col>
                   </el-row>
                   <el-row :gutter="24" v-if="workerInfo.personType == 2">
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.companies') + ':'"
-                        prop="enterpriseId"
-                      >
-                        <el-select
-                          v-if="detailInfoStatus"
-                          style="width: 80%"
-                          v-model="workerInfo.enterpriseId"
-                          :placeholder="$t('message.laborMange.placeholder2')"
-                        >
-                          <el-option
-                            v-if="enterpriseListData.length > 0"
-                            v-for="item in enterpriseListData"
-                            :key="item.id"
-                            :label="item.enterpriseName"
-                            :value="item.id"
-                          ></el-option>
+                      <el-form-item :label="$t('message.laborMange.companies') + ':'" prop="enterpriseId">
+                        <el-select v-if="detailInfoStatus" style="width: 80%" v-model="workerInfo.enterpriseId"
+                          :placeholder="$t('message.laborMange.placeholder2')">
+                          <el-option v-if="enterpriseListData.length > 0" v-for="item in enterpriseListData"
+                            :key="item.id" :label="item.enterpriseName" :value="item.id"></el-option>
                         </el-select>
                         <span v-else>
                           {{ workerInfo.enterpriseName }}
@@ -809,27 +473,13 @@
                       </el-form-item>
                     </el-col>
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.positionType') + ':'"
-                        prop="jobType"
-                      >
-                        <el-select
-                          v-if="detailInfoStatus"
-                          v-model="workerInfo.jobType"
-                          :placeholder="$t('message.laborMange.pleaseChoose')"
-                          style="width: 80%"
-                        >
-                          <el-option-group
-                            v-for="group in dutuiesType"
-                            :key="group.dictionaryName"
-                            :label="group.dictionaryName"
-                          >
-                            <el-option
-                              v-for="item in group.options"
-                              :key="item.id"
-                              :label="item.dictionaryName"
-                              :value="item.id + ''"
-                            ></el-option>
+                      <el-form-item :label="$t('message.laborMange.positionType') + ':'" prop="jobType">
+                        <el-select v-if="detailInfoStatus" v-model="workerInfo.jobType"
+                          :placeholder="$t('message.laborMange.pleaseChoose')" style="width: 80%">
+                          <el-option-group v-for="group in dutuiesType" :key="group.dictionaryName"
+                            :label="group.dictionaryName">
+                            <el-option v-for="item in group.options" :key="item.id" :label="item.dictionaryName"
+                              :value="item.id + ''"></el-option>
                           </el-option-group>
                         </el-select>
                         <span v-else>
@@ -840,22 +490,11 @@
                   </el-row>
                   <el-row :gutter="24">
                     <el-col :span="12" v-if="workerInfo.personType == 2">
-                      <el-form-item
-                        :label="$t('message.laborMange.position') + ':'"
-                        prop="jobName"
-                      >
-                        <el-select
-                          v-if="detailInfoStatus"
-                          v-model="workerInfo.jobName"
-                          :placeholder="$t('message.laborMange.pleaseChoose')"
-                          style="width: 80%"
-                        >
-                          <el-option
-                            v-for="item in dutuies"
-                            :key="item.id"
-                            :label="item.dictionaryName"
-                            :value="item.id + ''"
-                          ></el-option>
+                      <el-form-item :label="$t('message.laborMange.position') + ':'" prop="jobName">
+                        <el-select v-if="detailInfoStatus" v-model="workerInfo.jobName"
+                          :placeholder="$t('message.laborMange.pleaseChoose')" style="width: 80%">
+                          <el-option v-for="item in dutuies" :key="item.id" :label="item.dictionaryName"
+                            :value="item.id + ''"></el-option>
                         </el-select>
                         <span v-else>
                           {{ workerInfo.jobNameValue }}
@@ -863,38 +502,19 @@
                       </el-form-item>
                     </el-col>
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.attendanceRules') + ':'"
-                        prop="ruleId"
-                      >
-                        <el-select
-                          v-if="detailInfoStatus"
-                          v-model="workerInfo.ruleId"
-                          :placeholder="$t('message.laborMange.pleaseChoose')"
-                          style="width: 80%"
-                          :clearable="true"
-                        >
-                          <el-option
-                            v-for="(item, index) in attendRulesList"
-                            :key="index"
-                            :label="item.ruleName"
-                            :value="item.id"
-                          ></el-option>
+                      <el-form-item :label="$t('message.laborMange.attendanceRules') + ':'" prop="ruleId">
+                        <el-select v-if="detailInfoStatus" v-model="workerInfo.ruleId"
+                          :placeholder="$t('message.laborMange.pleaseChoose')" style="width: 80%" :clearable="true">
+                          <el-option v-for="(item, index) in attendRulesList" :key="index" :label="item.ruleName"
+                            :value="item.id"></el-option>
                         </el-select>
                         <span v-else>{{ workerInfo.ruleName }}</span>
                       </el-form-item>
                     </el-col>
                     <el-col :span="12">
-                      <el-form-item
-                        label="人员定位标签号:"
-                        prop="locationCardno"
-                      >
-                        <el-input
-                          v-if="detailInfoStatus"
-                          style="width: 80%"
-                          v-model="workerInfo.locationCardno"
-                          placeholder="请输入"
-                        ></el-input>
+                      <el-form-item label="人员定位标签号:" prop="locationCardno">
+                        <el-input v-if="detailInfoStatus" style="width: 80%" v-model="workerInfo.locationCardno"
+                          placeholder="请输入"></el-input>
                         <span v-else>{{ workerInfo.locationCardno }}</span>
                       </el-form-item>
                     </el-col>
@@ -902,10 +522,7 @@
                   <el-row :gutter="24" v-if="detailInfoStatus">
                     <el-col :span="12">
                       <el-form-item label="" prop="devType">
-                        <el-radio-group
-                          v-model="workerInfo.devType"
-                          @input="devTypeChange"
-                        >
+                        <el-radio-group v-model="workerInfo.devType" @input="devTypeChange">
                           <el-radio :label="1">设备</el-radio>
                           <el-radio :label="2">分组</el-radio>
                         </el-radio-group>
@@ -914,39 +531,20 @@
                   </el-row>
                   <el-row :gutter="24" v-if="workerInfo.devType == 1">
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.faceDevice') + ':'"
-                        prop="ufaceDevId"
-                      >
+                      <el-form-item :label="$t('message.laborMange.faceDevice') + ':'" prop="ufaceDevId">
                         <!-- <div v-if="detailInfoStatus"> -->
-                        <el-checkbox
-                          v-if="detailInfoStatus"
-                          :indeterminate="isIndeterminate2"
-                          v-model="checkAllFaceDev"
-                          @change="handleCheckAllChangeFace"
-                          >{{ $t("message.laborMange.checkAll") }}</el-checkbox
-                        >
-                        <el-checkbox-group
-                          key="ufaceDevId"
-                          v-if="detailInfoStatus"
-                          v-model="workerInfo.ufaceDevId"
-                          @change="ufaceDevIdChange"
-                        >
-                          <el-checkbox
-                            v-for="(item, index) in ufaceDevAllList"
-                            :key="item.id"
-                            :label="item.id"
-                            :disabled="item.disabled"
-                          >
+                        <el-checkbox v-if="detailInfoStatus" :indeterminate="isIndeterminate2" v-model="checkAllFaceDev"
+                          @change="handleCheckAllChangeFace">{{ $t("message.laborMange.checkAll") }}</el-checkbox>
+                        <el-checkbox-group key="ufaceDevId" v-if="detailInfoStatus" v-model="workerInfo.ufaceDevId"
+                          @change="ufaceDevIdChange">
+                          <el-checkbox v-for="(item, index) in ufaceDevAllList" :key="item.id" :label="item.id"
+                            :disabled="item.disabled">
                             {{ item.devName }}
                           </el-checkbox>
                         </el-checkbox-group>
                         <!-- </div> -->
                         <div v-else>
-                          <span
-                            v-for="(item, index) in ufaceDevNameList"
-                            :key="index"
-                          >
+                          <span v-for="(item, index) in ufaceDevNameList" :key="index">
                             {{ item }}
                           </span>
                         </div>
@@ -954,12 +552,8 @@
                     </el-col>
                     <el-col :span="12">
                       <el-form-item label="当前安全评分分值:" prop="safeScore">
-                        <el-input
-                          v-if="detailInfoStatus"
-                          style="width: 80%"
-                          v-model="workerInfo.safeScore"
-                          placeholder="请输入"
-                        ></el-input>
+                        <el-input v-if="detailInfoStatus" style="width: 80%" v-model="workerInfo.safeScore"
+                          placeholder="请输入"></el-input>
                         <span v-else>{{ workerInfo.safeScore }}</span>
                       </el-form-item>
                     </el-col>
@@ -968,34 +562,18 @@
                     <el-col :span="12">
                       <el-form-item label="人脸分组:" prop="ufaceDevGroupId">
                         <!-- <div v-if="detailInfoStatus"> -->
-                        <el-checkbox
-                          v-if="detailInfoStatus"
-                          :indeterminate="isIndeterminate3"
-                          v-model="checkAllGroup"
-                          @change="handleCheckAllChangeGroup"
-                          >{{ $t("message.laborMange.checkAll") }}</el-checkbox
-                        >
-                        <el-checkbox-group
-                          key="ufaceDevGroupId"
-                          v-if="detailInfoStatus"
-                          v-model="workerInfo.ufaceDevGroupId"
-                          @change="uGroupIdChange"
-                        >
-                          <el-checkbox
-                            v-for="(item, index) in uGroupAllList"
-                            :key="item.id"
-                            :label="item.id"
-                            :disabled="item.disabled"
-                          >
+                        <el-checkbox v-if="detailInfoStatus" :indeterminate="isIndeterminate3" v-model="checkAllGroup"
+                          @change="handleCheckAllChangeGroup">{{ $t("message.laborMange.checkAll") }}</el-checkbox>
+                        <el-checkbox-group key="ufaceDevGroupId" v-if="detailInfoStatus"
+                          v-model="workerInfo.ufaceDevGroupId" @change="uGroupIdChange">
+                          <el-checkbox v-for="(item, index) in uGroupAllList" :key="item.id" :label="item.id"
+                            :disabled="item.disabled">
                             {{ item.name }}
                           </el-checkbox>
                         </el-checkbox-group>
                         <!-- </div> -->
                         <div v-else>
-                          <span
-                            v-for="(item, index) in uGroupNameList"
-                            :key="index"
-                          >
+                          <span v-for="(item, index) in uGroupNameList" :key="index">
                             {{ item }}
                           </span>
                         </div>
@@ -1010,121 +588,66 @@
             <div class="pageTitle">
               <!-- {{ $t("message.laborMange.contractInfo") }} -->
               劳动合同
-              <el-button
-                type="text"
-                @click="editPactInfo"
-                class="margin_left"
-                style="padding: 0"
-                >{{
-                  pactInfoStatus
-                    ? $t("message.laborMange.save")
-                    : $t("message.laborMange.edit")
-                }}</el-button
-              >
-              <el-button
-                type="text"
-                @click="cancelEditTableInfo(4)"
-                class="margin_left"
-                style="padding: 0"
-                v-if="pactInfoStatus"
-                >{{ $t("message.laborMange.cancel") }}</el-button
-              >
+              <el-button type="text" @click="editPactInfo" class="margin_left" style="padding: 0">{{
+                pactInfoStatus
+                ? $t("message.laborMange.save")
+                : $t("message.laborMange.edit")
+              }}</el-button>
+              <el-button type="text" @click="cancelEditTableInfo(4)" class="margin_left" style="padding: 0"
+                v-if="pactInfoStatus">{{ $t("message.laborMange.cancel") }}</el-button>
             </div>
             <el-table :data="contractList" style="width: 100%">
-              <el-table-column
-                prop="date"
-                :label="$t('message.laborMange.aStateOf')"
-                width="130"
-              >
+              <el-table-column prop="date" :label="$t('message.laborMange.aStateOf')" width="130">
                 <template slot-scope="scope">
-                  <el-radio-group
-                    v-if="pactInfoStatus"
-                    v-model="scope.row.signState"
-                  >
+                  <el-radio-group v-if="pactInfoStatus" v-model="scope.row.signState">
                     <el-radio :label="0">{{
                       $t("message.laborMange.notSigned")
                     }}</el-radio>
-                    <el-radio :label="1">{{
-                      $t("message.laborMange.signed")
-                    }}</el-radio>
+                    <el-radio :label="1">{{ $t("message.laborMange.signed") }}</el-radio>
                   </el-radio-group>
                   <span v-else>{{
                     scope.row.signState == 1
-                      ? $t("message.laborMange.signed")
-                      : $t("message.laborMange.notSigned")
+                    ? $t("message.laborMange.signed")
+                    : $t("message.laborMange.notSigned")
                   }}</span>
                 </template>
               </el-table-column>
-              <el-table-column
-                prop="name"
-                :label="
-                  $t('message.laborMange.signed') +
-                  $t('message.laborMange.serialNumber')
-                "
-              >
+              <el-table-column prop="name" :label="
+                $t('message.laborMange.signed') + $t('message.laborMange.serialNumber')
+              ">
                 <template slot-scope="scope">
-                  <el-input
-                    v-if="pactInfoStatus"
-                    size="small"
-                    v-model="scope.row.contractNumber"
-                    :placeholder="$t('message.laborMange.placeholder2')"
-                  ></el-input>
+                  <el-input v-if="pactInfoStatus" size="small" v-model="scope.row.contractNumber"
+                    :placeholder="$t('message.laborMange.placeholder2')"></el-input>
                   <span v-else>{{ scope.row.contractNumber }}</span>
                 </template>
               </el-table-column>
-              <el-table-column
-                prop="address"
-                :label="$t('message.laborMange.contractSignedType')"
-              >
+              <el-table-column prop="address" :label="$t('message.laborMange.contractSignedType')">
                 <template slot-scope="scope">
-                  <el-select
-                    size="small"
-                    v-model="scope.row.contractType"
-                    :placeholder="$t('message.laborMange.pleaseChoose')"
-                    v-if="pactInfoStatus"
-                  >
-                    <el-option
-                      :value="1"
-                      :label="$t('message.laborMange.paperContract')"
-                    ></el-option>
-                    <el-option
-                      :value="2"
-                      :label="$t('message.laborMange.electronicContract')"
-                    ></el-option>
+                  <el-select size="small" v-model="scope.row.contractType"
+                    :placeholder="$t('message.laborMange.pleaseChoose')" v-if="pactInfoStatus">
+                    <el-option :value="1" :label="$t('message.laborMange.paperContract')"></el-option>
+                    <el-option :value="2" :label="$t('message.laborMange.electronicContract')"></el-option>
                   </el-select>
                   <span v-else>{{
                     scope.row.contractType == 1
-                      ? $t("message.laborMange.paperContract")
-                      : scope.row.contractType == 2
+                    ? $t("message.laborMange.paperContract")
+                    : scope.row.contractType == 2
                       ? $t("message.laborMange.electronicContract")
                       : ""
                   }}</span>
                 </template>
               </el-table-column>
-              <el-table-column
-                prop="address"
-                :label="$t('message.laborMange.termOfContract')"
-              >
+              <el-table-column prop="address" :label="$t('message.laborMange.termOfContract')">
                 <template slot-scope="scope">
-                  <el-select
-                    v-if="pactInfoStatus"
-                    v-model="scope.row.laborContractType"
-                    :placeholder="$t('message.laborMange.pleaseChoose')"
-                    size="small"
-                  >
-                    <el-option
-                      :value="1"
-                      :label="$t('message.laborMange.fixedTermContract')"
-                    ></el-option>
-                    <el-option
-                      :value="2"
-                      :label="$t('message.laborMange.certainAmountOfWork')"
-                    ></el-option>
+                  <el-select v-if="pactInfoStatus" v-model="scope.row.laborContractType"
+                    :placeholder="$t('message.laborMange.pleaseChoose')" size="small">
+                    <el-option :value="1" :label="$t('message.laborMange.fixedTermContract')"></el-option>
+                    <el-option :value="2" :label="$t('message.laborMange.certainAmountOfWork')"></el-option>
                   </el-select>
                   <span v-else>{{
                     scope.row.laborContractType == 1
-                      ? $t("message.laborMange.fixedTermContract")
-                      : scope.row.laborContractType == 2
+                    ? $t("message.laborMange.fixedTermContract")
+                    : scope.row.laborContractType == 2
                       ? $t("message.laborMange.certainAmountOfWork")
                       : ""
                   }}</span>
@@ -1136,128 +659,65 @@
               > -->
               <el-table-column prop="address" label="合同开始日期">
                 <template slot-scope="scope">
-                  <el-date-picker
-                    v-if="pactInfoStatus"
-                    size="small"
-                    style="width: 100%"
-                    v-model="scope.row.contractBeginDate"
-                    value-format="yyyy-MM-dd"
-                    type="date"
-                    :placeholder="$t('message.laborMange.placeholder2')"
-                  >
+                  <el-date-picker v-if="pactInfoStatus" size="small" style="width: 100%"
+                    v-model="scope.row.contractBeginDate" value-format="yyyy-MM-dd" type="date"
+                    :placeholder="$t('message.laborMange.placeholder2')">
                   </el-date-picker>
                   <span v-else>{{ scope.row.contractBeginDate }}</span>
                 </template>
               </el-table-column>
-              <el-table-column
-                prop="address"
-                :label="$t('message.laborMange.expiryDate')"
-              >
+              <el-table-column prop="address" :label="$t('message.laborMange.expiryDate')">
                 <template slot-scope="scope">
-                  <el-date-picker
-                    v-if="pactInfoStatus"
-                    size="small"
-                    style="width: 100%"
-                    v-model="scope.row.contractEndDate"
-                    value-format="yyyy-MM-dd"
-                    type="date"
-                    :placeholder="$t('message.laborMange.placeholder2')"
-                  >
+                  <el-date-picker v-if="pactInfoStatus" size="small" style="width: 100%"
+                    v-model="scope.row.contractEndDate" value-format="yyyy-MM-dd" type="date"
+                    :placeholder="$t('message.laborMange.placeholder2')">
                   </el-date-picker>
                   <span v-else>{{ scope.row.contractEndDate }}</span>
                 </template>
               </el-table-column>
-              <el-table-column
-                prop="address"
-                :label="$t('message.laborMange.wageVerificationMethod')"
-              >
+              <el-table-column prop="address" :label="$t('message.laborMange.wageVerificationMethod')">
                 <template slot-scope="scope">
-                  <el-select
-                    v-if="pactInfoStatus"
-                    v-model="scope.row.wagesVerificationType"
-                    :placeholder="$t('message.laborMange.pleaseChoose')"
-                    size="small"
-                  >
-                    <el-option
-                      :value="1"
-                      :label="$t('message.laborMange.perDiem')"
-                    ></el-option>
-                    <el-option
-                      :value="2"
-                      :label="$t('message.laborMange.byTheHour')"
-                    ></el-option>
-                    <el-option
-                      :value="3"
-                      :label="$t('message.laborMange.perMensem')"
-                    ></el-option>
-                    <el-option
-                      :value="4"
-                      :label="$t('message.laborMange.byThePiece')"
-                    ></el-option>
+                  <el-select v-if="pactInfoStatus" v-model="scope.row.wagesVerificationType"
+                    :placeholder="$t('message.laborMange.pleaseChoose')" size="small">
+                    <el-option :value="1" :label="$t('message.laborMange.perDiem')"></el-option>
+                    <el-option :value="2" :label="$t('message.laborMange.byTheHour')"></el-option>
+                    <el-option :value="3" :label="$t('message.laborMange.perMensem')"></el-option>
+                    <el-option :value="4" :label="$t('message.laborMange.byThePiece')"></el-option>
                   </el-select>
                   <span v-else>{{
                     scope.row.wagesVerificationType == 1
-                      ? $t("message.laborMange.perDiem")
-                      : scope.row.wagesVerificationType == 2
+                    ? $t("message.laborMange.perDiem")
+                    : scope.row.wagesVerificationType == 2
                       ? $t("message.laborMange.byTheHour")
                       : scope.row.wagesVerificationType == 3
-                      ? $t("message.laborMange.perMensem")
-                      : scope.row.wagesVerificationType == 4
-                      ? $t("message.laborMange.byThePiece")
-                      : ""
+                        ? $t("message.laborMange.perMensem")
+                        : scope.row.wagesVerificationType == 4
+                          ? $t("message.laborMange.byThePiece")
+                          : ""
                   }}</span>
                 </template>
               </el-table-column>
-              <el-table-column
-                prop="address"
-                :label="$t('message.laborMange.ageVerificationStandard')"
-                width="200px"
-              >
+              <el-table-column prop="address" :label="$t('message.laborMange.ageVerificationStandard')" width="200px">
                 <template slot-scope="scope">
-                  <el-input
-                    v-if="pactInfoStatus"
-                    size="small"
-                    v-model="scope.row.wagesVerificationStandard"
-                    :placeholder="$t('message.laborMange.placeholder2')"
-                  ></el-input>
+                  <el-input v-if="pactInfoStatus" size="small" v-model="scope.row.wagesVerificationStandard"
+                    :placeholder="$t('message.laborMange.placeholder2')"></el-input>
                   <span v-else>{{ scope.row.wagesVerificationStandard }}</span>
                 </template>
               </el-table-column>
-              <el-table-column
-                prop="address"
-                :label="$t('message.laborMange.accessory')"
-              >
+              <el-table-column prop="address" :label="$t('message.laborMange.accessory')">
                 <template slot-scope="scope">
-                  <el-upload
-                    v-if="pactInfoStatus"
-                    class="upload-demo"
-                    :action="uploadUrl"
-                    :on-preview="(file) => handlePreview(file, 4)"
-                    :on-remove="(file) => handleRemove(file, 4)"
-                    :on-success="(file) => handleSuccess(file, 4)"
-                    :limit="5"
-                    name="files"
-                    :file-list="scope.row.fileList"
-                  >
+                  <el-upload v-if="pactInfoStatus" class="upload-demo" :action="uploadUrl"
+                    :on-preview="(file) => handlePreview(file, 4)" :on-remove="(file) => handleRemove(file, 4)"
+                    :on-success="(file) => handleSuccess(file, 4)" :limit="5" name="files"
+                    :file-list="scope.row.fileList">
                     <el-button size="small" type="primary">{{
                       $t("message.laborMange.clickOnTheUpload")
                     }}</el-button>
                   </el-upload>
-                  <div
-                    v-else
-                    v-for="(item, index) in scope.row.fileList"
-                    @click="
-                      handlePreview({ url: item.url }, { name: item.name }, 4)
-                    "
-                    :key="index"
-                    style="cursor: pointer"
-                  >
-                    <el-tooltip
-                      class="item"
-                      effect="dark"
-                      :content="item.name"
-                      placement="top"
-                    >
+                  <div v-else v-for="(item, index) in scope.row.fileList"
+                    @click="handlePreview({ url: item.url }, { name: item.name }, 4)" :key="index"
+                    style="cursor: pointer">
+                    <el-tooltip class="item" effect="dark" :content="item.name" placement="top">
                       <div :class="item.name.length > 8 ? 'hide' : ''">
                         {{ item.name }}
                       </div>
@@ -1270,208 +730,103 @@
           <div id="credentials" class="table">
             <div class="pageTitle">
               {{ $t("message.laborMange.credentials") }}
-              <el-button
-                type="text"
-                @click="addTableInfo(1)"
-                class="margin_left"
-                style="padding: 0"
-                >{{ $t("message.laborMange.add") }}</el-button
-              >
+              <el-button type="text" @click="addTableInfo(1)" class="margin_left" style="padding: 0">{{
+                $t("message.laborMange.add") }}</el-button>
             </div>
             <el-table :data="certificateList" style="width: 100%">
-              <el-table-column
-                prop="name"
-                :label="$t('message.laborMange.certificateType')"
-              >
+              <el-table-column prop="name" :label="$t('message.laborMange.certificateType')">
                 <template slot-scope="scope">
-                  <el-select
-                    size="small"
-                    v-model="scope.row.certificateType"
-                    :placeholder="$t('message.laborMange.pleaseChoose')"
-                    v-if="scope.row.certificateState"
-                  >
-                    <el-option
-                      v-for="(item, index) in certificateTypeList"
-                      :key="index"
-                      :value="Number(item.id)"
-                      :label="item.dictionaryName"
-                    ></el-option>
+                  <el-select size="small" v-model="scope.row.certificateType"
+                    :placeholder="$t('message.laborMange.pleaseChoose')" v-if="scope.row.certificateState">
+                    <el-option v-for="(item, index) in certificateTypeList" :key="index" :value="Number(item.id)"
+                      :label="item.dictionaryName"></el-option>
                   </el-select>
                   <span v-else>{{ scope.row.certificateTypeName }}</span>
                 </template>
               </el-table-column>
-              <el-table-column
-                prop="address"
-                :label="$t('message.laborMange.certificateNumber')"
-              >
+              <el-table-column prop="address" :label="$t('message.laborMange.certificateNumber')">
                 <template slot-scope="scope">
-                  <el-input
-                    v-if="scope.row.certificateState"
-                    size="small"
-                    v-model="scope.row.certificateNumber"
-                    :placeholder="$t('message.laborMange.placeholder2')"
-                  ></el-input>
+                  <el-input v-if="scope.row.certificateState" size="small" v-model="scope.row.certificateNumber"
+                    :placeholder="$t('message.laborMange.placeholder2')"></el-input>
                   <span v-else>{{ scope.row.certificateNumber }}</span>
                 </template>
               </el-table-column>
-              <el-table-column
-                prop="address"
-                :label="$t('message.laborMange.skillRank')"
-              >
+              <el-table-column prop="address" :label="$t('message.laborMange.skillRank')">
                 <template slot-scope="scope">
-                  <el-select
-                    size="small"
-                    v-model="scope.row.skillLevel"
-                    :placeholder="$t('message.laborMange.pleaseChoose')"
-                    v-if="scope.row.certificateState"
-                  >
-                    <el-option
-                      :value="1"
-                      :label="$t('message.laborMange.generalWorker')"
-                    ></el-option>
-                    <el-option
-                      :value="2"
-                      :label="$t('message.laborMange.primaryWorkers')"
-                    ></el-option>
-                    <el-option
-                      :value="3"
-                      :label="$t('message.laborMange.intermediateLabor')"
-                    ></el-option>
-                    <el-option
-                      :value="4"
-                      :label="$t('message.laborMange.seniorWorker')"
-                    ></el-option>
-                    <el-option
-                      :value="5"
-                      :label="$t('message.laborMange.technician')"
-                    ></el-option>
-                    <el-option
-                      :value="6"
-                      :label="$t('message.laborMange.seniorTechnician')"
-                    ></el-option>
+                  <el-select size="small" v-model="scope.row.skillLevel"
+                    :placeholder="$t('message.laborMange.pleaseChoose')" v-if="scope.row.certificateState">
+                    <el-option :value="1" :label="$t('message.laborMange.generalWorker')"></el-option>
+                    <el-option :value="2" :label="$t('message.laborMange.primaryWorkers')"></el-option>
+                    <el-option :value="3" :label="$t('message.laborMange.intermediateLabor')"></el-option>
+                    <el-option :value="4" :label="$t('message.laborMange.seniorWorker')"></el-option>
+                    <el-option :value="5" :label="$t('message.laborMange.technician')"></el-option>
+                    <el-option :value="6" :label="$t('message.laborMange.seniorTechnician')"></el-option>
                   </el-select>
                   <span v-else>{{
                     scope.row.skillLevel == 1
-                      ? $t("message.laborMange.generalWorker")
-                      : scope.row.skillLevel == 2
+                    ? $t("message.laborMange.generalWorker")
+                    : scope.row.skillLevel == 2
                       ? $t("message.laborMange.primaryWorkers")
                       : scope.row.skillLevel == 3
-                      ? $t("message.laborMange.intermediateLabor")
-                      : scope.row.skillLevel == 4
-                      ? $t("message.laborMange.seniorWorker")
-                      : scope.row.skillLevel == 5
-                      ? $t("message.laborMange.technician")
-                      : scope.row.skillLevel == 6
-                      ? $t("message.laborMange.seniorTechnician")
-                      : ""
+                        ? $t("message.laborMange.intermediateLabor")
+                        : scope.row.skillLevel == 4
+                          ? $t("message.laborMange.seniorWorker")
+                          : scope.row.skillLevel == 5
+                            ? $t("message.laborMange.technician")
+                            : scope.row.skillLevel == 6
+                              ? $t("message.laborMange.seniorTechnician")
+                              : ""
                   }}</span>
                 </template>
               </el-table-column>
-              <el-table-column
-                prop="address"
-                :label="$t('message.laborMange.dateOfIssue')"
-              >
+              <el-table-column prop="address" :label="$t('message.laborMange.dateOfIssue')">
                 <template slot-scope="scope">
-                  <el-date-picker
-                    v-if="scope.row.certificateState"
-                    size="small"
-                    style="width: 100%"
-                    v-model="scope.row.issueTime"
-                    value-format="yyyy-MM-dd"
-                    type="date"
-                    :placeholder="$t('message.laborMange.placeholder2')"
-                  >
+                  <el-date-picker v-if="scope.row.certificateState" size="small" style="width: 100%"
+                    v-model="scope.row.issueTime" value-format="yyyy-MM-dd" type="date"
+                    :placeholder="$t('message.laborMange.placeholder2')">
                   </el-date-picker>
                   <span v-else>{{ scope.row.issueTime }}</span>
                 </template>
               </el-table-column>
-              <el-table-column
-                prop="address"
-                :label="$t('message.laborMange.expirationDate')"
-              >
+              <el-table-column prop="address" :label="$t('message.laborMange.expirationDate')">
                 <template slot-scope="scope">
-                  <el-date-picker
-                    v-if="scope.row.certificateState"
-                    size="small"
-                    style="width: 100%"
-                    v-model="scope.row.effectTime"
-                    value-format="yyyy-MM-dd"
-                    type="date"
-                    :placeholder="$t('message.laborMange.placeholder2')"
-                  >
+                  <el-date-picker v-if="scope.row.certificateState" size="small" style="width: 100%"
+                    v-model="scope.row.effectTime" value-format="yyyy-MM-dd" type="date"
+                    :placeholder="$t('message.laborMange.placeholder2')">
                   </el-date-picker>
                   <span v-else>{{ scope.row.effectTime }}</span>
                 </template>
               </el-table-column>
-              <el-table-column
-                prop="address"
-                :label="$t('message.laborMange.issuingAuthority')"
-              >
+              <el-table-column prop="address" :label="$t('message.laborMange.issuingAuthority')">
                 <template slot-scope="scope">
-                  <el-input
-                    v-if="scope.row.certificateState"
-                    size="small"
-                    v-model="scope.row.issueCompany"
-                    :placeholder="$t('message.laborMange.placeholder2')"
-                  ></el-input>
+                  <el-input v-if="scope.row.certificateState" size="small" v-model="scope.row.issueCompany"
+                    :placeholder="$t('message.laborMange.placeholder2')"></el-input>
                   <span v-else>{{ scope.row.issueCompany }}</span>
                 </template>
               </el-table-column>
-              <el-table-column
-                prop="address"
-                :label="$t('message.laborMange.remark')"
-              >
+              <el-table-column prop="address" :label="$t('message.laborMange.remark')">
                 <template slot-scope="scope">
-                  <el-input
-                    v-if="scope.row.certificateState"
-                    size="small"
-                    v-model="scope.row.remarks"
-                    :placeholder="$t('message.laborMange.placeholder2')"
-                  ></el-input>
+                  <el-input v-if="scope.row.certificateState" size="small" v-model="scope.row.remarks"
+                    :placeholder="$t('message.laborMange.placeholder2')"></el-input>
                   <span v-else>{{ scope.row.remarks }}</span>
                 </template>
               </el-table-column>
-              <el-table-column
-                prop="address"
-                :label="$t('message.laborMange.accessory')"
-              >
+              <el-table-column prop="address" :label="$t('message.laborMange.accessory')">
                 <template slot-scope="scope">
-                  <el-upload
-                    v-if="scope.row.certificateState"
-                    class="upload-demo"
-                    :action="uploadUrl"
-                    :on-preview="(file) => handlePreview(file, 5)"
-                    :on-remove="
-                      (file) =>
-                        handleRemove({ file: file, index: scope.$index }, 5)
-                    "
-                    :on-success="
-                      (file) =>
-                        handleSuccess({ file: file, index: scope.$index }, 5)
-                    "
-                    :limit="5"
-                    name="files"
-                    :file-list="scope.row.fileList"
-                  >
+                  <el-upload v-if="scope.row.certificateState" class="upload-demo" :action="uploadUrl"
+                    :on-preview="(file) => handlePreview(file, 5)" :on-remove="
+                      (file) => handleRemove({ file: file, index: scope.$index }, 5)
+                    " :on-success="
+  (file) => handleSuccess({ file: file, index: scope.$index }, 5)
+" :limit="5" name="files" :file-list="scope.row.fileList">
                     <el-button size="small" type="primary">{{
                       $t("message.laborMange.clickOnTheUpload")
                     }}</el-button>
                   </el-upload>
-                  <div
-                    v-else
-                    v-for="(item, index) in scope.row.fileList"
-                    @click="
-                      handlePreview({ url: item.url }, { name: item.name }, 5)
-                    "
-                    :key="index"
-                    style="cursor: pointer"
-                  >
-                    <el-tooltip
-                      class="item"
-                      effect="dark"
-                      :content="item.name"
-                      placement="top"
-                    >
+                  <div v-else v-for="(item, index) in scope.row.fileList"
+                    @click="handlePreview({ url: item.url }, { name: item.name }, 5)" :key="index"
+                    style="cursor: pointer">
+                    <el-tooltip class="item" effect="dark" :content="item.name" placement="top">
                       <div :class="item.name.length > 8 ? 'hide' : ''">
                         {{ item.name }}
                       </div>
@@ -1481,34 +836,14 @@
               </el-table-column>
               <el-table-column prop="address" label="">
                 <template slot-scope="scope">
-                  <el-button
-                    size="small"
-                    type="text"
-                    v-if="scope.row.certificateState"
-                    @click="saveTableInfo(1, scope.$index)"
-                    >{{ $t("message.laborMange.save") }}</el-button
-                  >
-                  <el-button
-                    size="small"
-                    type="text"
-                    v-else
-                    @click="editTableInfo(1, scope.$index)"
-                    >{{ $t("message.laborMange.edit") }}</el-button
-                  >
-                  <el-button
-                    size="small"
-                    type="text"
-                    v-if="scope.row.certificateState"
-                    @click="cancelEditTableInfo(1, scope.$index)"
-                    >{{ $t("message.laborMange.cancel") }}</el-button
-                  >
-                  <el-button
-                    size="small"
-                    type="text"
-                    v-if="!scope.row.certificateState"
-                    @click="deleteTableInfo(1, scope.$index)"
-                    >{{ $t("message.laborMange.delete") }}</el-button
-                  >
+                  <el-button size="small" type="text" v-if="scope.row.certificateState"
+                    @click="saveTableInfo(1, scope.$index)">{{ $t("message.laborMange.save") }}</el-button>
+                  <el-button size="small" type="text" v-else @click="editTableInfo(1, scope.$index)">{{
+                    $t("message.laborMange.edit") }}</el-button>
+                  <el-button size="small" type="text" v-if="scope.row.certificateState"
+                    @click="cancelEditTableInfo(1, scope.$index)">{{ $t("message.laborMange.cancel") }}</el-button>
+                  <el-button size="small" type="text" v-if="!scope.row.certificateState"
+                    @click="deleteTableInfo(1, scope.$index)">{{ $t("message.laborMange.delete") }}</el-button>
                 </template>
               </el-table-column>
             </el-table>
@@ -1516,58 +851,30 @@
           <div id="physical" class="table">
             <div class="pageTitle">
               {{ $t("message.laborMange.physicalInfo") }}
-              <el-button
-                type="text"
-                @click="addTableInfo(2)"
-                class="margin_left"
-                style="padding: 0"
-                >{{ $t("message.laborMange.add") }}</el-button
-              >
+              <el-button type="text" @click="addTableInfo(2)" class="margin_left" style="padding: 0">{{
+                $t("message.laborMange.add") }}</el-button>
             </div>
             <el-table :data="physicalsList" style="width: 100%">
-              <el-table-column
-                prop="name"
-                :label="$t('message.laborMange.personnelHeight')"
-              >
+              <el-table-column prop="name" :label="$t('message.laborMange.personnelHeight')">
                 <template slot-scope="scope">
-                  <el-input
-                    v-if="scope.row.physicalState"
-                    size="small"
-                    v-model="scope.row.personHeight"
-                    :placeholder="$t('message.laborMange.placeholder2')"
-                    type="number"
-                    oninput="if(value < 0) value = ''; if(value.length>3)value=value.slice(0,3)"
-                  ></el-input>
+                  <el-input v-if="scope.row.physicalState" size="small" v-model="scope.row.personHeight"
+                    :placeholder="$t('message.laborMange.placeholder2')" type="number"
+                    oninput="if(value < 0) value = ''; if(value.length>3)value=value.slice(0,3)"></el-input>
                   <span v-else>{{ scope.row.personHeight }}</span>
                 </template>
               </el-table-column>
-              <el-table-column
-                prop="address"
-                :label="$t('message.laborMange.bodyMass')"
-              >
+              <el-table-column prop="address" :label="$t('message.laborMange.bodyMass')">
                 <template slot-scope="scope">
-                  <el-input
-                    v-if="scope.row.physicalState"
-                    size="small"
-                    v-model="scope.row.personWeight"
-                    :placeholder="$t('message.laborMange.placeholder2')"
-                    type="number"
-                    oninput="if(value < 0) value = ''; if(value.length>3)value=value.slice(0,3)"
-                  ></el-input>
+                  <el-input v-if="scope.row.physicalState" size="small" v-model="scope.row.personWeight"
+                    :placeholder="$t('message.laborMange.placeholder2')" type="number"
+                    oninput="if(value < 0) value = ''; if(value.length>3)value=value.slice(0,3)"></el-input>
                   <span v-else>{{ scope.row.personWeight }}</span>
                 </template>
               </el-table-column>
-              <el-table-column
-                prop="name"
-                :label="$t('message.laborMange.bloodType')"
-              >
+              <el-table-column prop="name" :label="$t('message.laborMange.bloodType')">
                 <template slot-scope="scope">
-                  <el-select
-                    size="small"
-                    v-model="scope.row.bloodType"
-                    :placeholder="$t('message.laborMange.pleaseChoose')"
-                    v-if="scope.row.physicalState"
-                  >
+                  <el-select size="small" v-model="scope.row.bloodType"
+                    :placeholder="$t('message.laborMange.pleaseChoose')" v-if="scope.row.physicalState">
                     <el-option value="A" label="A"></el-option>
                     <el-option value="AB" label="AB"></el-option>
                     <el-option value="B" label="B"></el-option>
@@ -1576,104 +883,52 @@
                   <span v-else>{{ scope.row.bloodType }}</span>
                 </template>
               </el-table-column>
-              <el-table-column
-                prop="address"
-                :label="$t('message.laborMange.healthExamTime')"
-              >
+              <el-table-column prop="address" :label="$t('message.laborMange.healthExamTime')">
                 <template slot-scope="scope">
-                  <el-date-picker
-                    v-if="scope.row.physicalState"
-                    size="small"
-                    style="width: 100%"
-                    v-model="scope.row.physicalsTime"
-                    value-format="yyyy-MM-dd"
-                    type="date"
-                    :placeholder="$t('message.laborMange.placeholder2')"
-                  >
+                  <el-date-picker v-if="scope.row.physicalState" size="small" style="width: 100%"
+                    v-model="scope.row.physicalsTime" value-format="yyyy-MM-dd" type="date"
+                    :placeholder="$t('message.laborMange.placeholder2')">
                   </el-date-picker>
                   <span v-else>{{ scope.row.physicalsTime }}</span>
                 </template>
               </el-table-column>
 
-              <el-table-column
-                prop="address"
-                :label="$t('message.laborMange.state')"
-              >
+              <el-table-column prop="address" :label="$t('message.laborMange.state')">
                 <template slot-scope="scope">
-                  <el-select
-                    size="small"
-                    v-model="scope.row.state"
-                    :placeholder="$t('message.laborMange.pleaseChoose')"
-                    v-if="scope.row.physicalState"
-                  >
-                    <el-option
-                      :value="1"
-                      :label="$t('message.laborMange.notMedical')"
-                    ></el-option>
-                    <el-option
-                      :value="2"
-                      :label="$t('message.laborMange.medicalFitness')"
-                    ></el-option>
-                    <el-option
-                      :value="3"
-                      :label="$t('message.laborMange.medicalFailure')"
-                    ></el-option>
+                  <el-select size="small" v-model="scope.row.state" :placeholder="$t('message.laborMange.pleaseChoose')"
+                    v-if="scope.row.physicalState">
+                    <el-option :value="1" :label="$t('message.laborMange.notMedical')"></el-option>
+                    <el-option :value="2" :label="$t('message.laborMange.medicalFitness')"></el-option>
+                    <el-option :value="3" :label="$t('message.laborMange.medicalFailure')"></el-option>
                   </el-select>
                   <span v-else>{{
                     scope.row.state == 1
-                      ? $t("message.laborMange.notMedical")
-                      : scope.row.state == 2
+                    ? $t("message.laborMange.notMedical")
+                    : scope.row.state == 2
                       ? $t("message.laborMange.medicalFitness")
                       : scope.row.state == 3
-                      ? $t("message.laborMange.medicalFailure")
-                      : ""
+                        ? $t("message.laborMange.medicalFailure")
+                        : ""
                   }}</span>
                 </template>
               </el-table-column>
-              <el-table-column
-                prop="address"
-                :label="$t('message.laborMange.conclusion')"
-              >
+              <el-table-column prop="address" :label="$t('message.laborMange.conclusion')">
                 <template slot-scope="scope">
-                  <el-input
-                    v-if="scope.row.physicalState"
-                    size="small"
-                    v-model="scope.row.conclusion"
-                    :placeholder="$t('message.laborMange.placeholder2')"
-                  ></el-input>
+                  <el-input v-if="scope.row.physicalState" size="small" v-model="scope.row.conclusion"
+                    :placeholder="$t('message.laborMange.placeholder2')"></el-input>
                   <span v-else>{{ scope.row.conclusion }}</span>
                 </template>
               </el-table-column>
               <el-table-column prop="address" label="">
                 <template slot-scope="scope">
-                  <el-button
-                    size="small"
-                    type="text"
-                    v-if="scope.row.physicalState"
-                    @click="saveTableInfo(2, scope.$index)"
-                    >{{ $t("message.laborMange.save") }}</el-button
-                  >
-                  <el-button
-                    size="small"
-                    type="text"
-                    v-else
-                    @click="editTableInfo(2, scope.$index)"
-                    >{{ $t("message.laborMange.edit") }}</el-button
-                  >
-                  <el-button
-                    size="small"
-                    type="text"
-                    v-if="scope.row.physicalState"
-                    @click="cancelEditTableInfo(2, scope.$index)"
-                    >{{ $t("message.laborMange.cancel") }}</el-button
-                  >
-                  <el-button
-                    size="small"
-                    type="text"
-                    v-if="!scope.row.physicalState"
-                    @click="deleteTableInfo(2, scope.$index)"
-                    >{{ $t("message.laborMange.delete") }}</el-button
-                  >
+                  <el-button size="small" type="text" v-if="scope.row.physicalState"
+                    @click="saveTableInfo(2, scope.$index)">{{ $t("message.laborMange.save") }}</el-button>
+                  <el-button size="small" type="text" v-else @click="editTableInfo(2, scope.$index)">{{
+                    $t("message.laborMange.edit") }}</el-button>
+                  <el-button size="small" type="text" v-if="scope.row.physicalState"
+                    @click="cancelEditTableInfo(2, scope.$index)">{{ $t("message.laborMange.cancel") }}</el-button>
+                  <el-button size="small" type="text" v-if="!scope.row.physicalState"
+                    @click="deleteTableInfo(2, scope.$index)">{{ $t("message.laborMange.delete") }}</el-button>
                 </template>
               </el-table-column>
             </el-table>
@@ -1682,194 +937,100 @@
             <div class="pageTitle">
               <!-- {{ $t("message.laborMange.insuranceInfo") }} -->
               工伤保险
-              <el-button
-                type="text"
-                @click="addTableInfo(3)"
-                class="margin_left"
-                style="padding: 0"
-                >{{ $t("message.laborMange.add") }}</el-button
-              >
+              <el-button type="text" @click="addTableInfo(3)" class="margin_left" style="padding: 0">{{
+                $t("message.laborMange.add") }}</el-button>
             </div>
             <el-table :data="insuranceList" style="width: 100%">
-              <el-table-column
-                prop="name"
-                :label="$t('message.laborMange.dateOfPurchase')"
-              >
+              <el-table-column prop="name" :label="$t('message.laborMange.dateOfPurchase')">
                 <template slot-scope="scope">
-                  <el-date-picker
-                    v-if="scope.row.insuranceState"
-                    size="small"
-                    style="width: 100%"
-                    v-model="scope.row.insuranceTime"
-                    value-format="yyyy-MM-dd"
-                    type="date"
-                    :placeholder="$t('message.laborMange.placeholder2')"
-                  >
+                  <el-date-picker v-if="scope.row.insuranceState" size="small" style="width: 100%"
+                    v-model="scope.row.insuranceTime" value-format="yyyy-MM-dd" type="date"
+                    :placeholder="$t('message.laborMange.placeholder2')">
                   </el-date-picker>
                   <span v-else>{{ scope.row.insuranceTime }}</span>
                 </template>
               </el-table-column>
-              <el-table-column
-                prop="name"
-                :label="$t('message.laborMange.dateOfExpiryOfInsurance')"
-              >
+              <el-table-column prop="name" :label="$t('message.laborMange.dateOfExpiryOfInsurance')">
                 <template slot-scope="scope">
-                  <el-date-picker
-                    v-if="scope.row.insuranceState"
-                    size="small"
-                    style="width: 100%"
-                    v-model="scope.row.expireTime"
-                    value-format="yyyy-MM-dd"
-                    type="date"
-                    :placeholder="$t('message.laborMange.placeholder2')"
-                  >
+                  <el-date-picker v-if="scope.row.insuranceState" size="small" style="width: 100%"
+                    v-model="scope.row.expireTime" value-format="yyyy-MM-dd" type="date"
+                    :placeholder="$t('message.laborMange.placeholder2')">
                   </el-date-picker>
                   <span v-else>{{ scope.row.expireTime }}</span>
                 </template>
               </el-table-column>
-              <el-table-column
-                prop="address"
-                :label="$t('message.laborMange.state')"
-              >
+              <el-table-column prop="address" :label="$t('message.laborMange.state')">
                 <template slot-scope="scope">
-                  <el-select
-                    size="small"
-                    v-model="scope.row.state"
-                    :placeholder="$t('message.laborMange.pleaseChoose')"
-                    v-if="scope.row.insuranceState"
-                  >
-                    <el-option
-                      :value="1"
-                      :label="$t('message.laborMange.unpurchased')"
-                    ></el-option>
-                    <el-option
-                      :value="2"
-                      :label="$t('message.laborMange.haveBought')"
-                    ></el-option>
+                  <el-select size="small" v-model="scope.row.state" :placeholder="$t('message.laborMange.pleaseChoose')"
+                    v-if="scope.row.insuranceState">
+                    <el-option :value="1" :label="$t('message.laborMange.unpurchased')"></el-option>
+                    <el-option :value="2" :label="$t('message.laborMange.haveBought')"></el-option>
                   </el-select>
                   <span v-else>{{
                     scope.row.state == 1
-                      ? $t("message.laborMange.unpurchased")
-                      : scope.row.state == 2
+                    ? $t("message.laborMange.unpurchased")
+                    : scope.row.state == 2
                       ? $t("message.laborMange.haveBought")
                       : ""
                   }}</span>
                 </template>
               </el-table-column>
-              <el-table-column
-                prop="name"
-                :label="$t('message.laborMange.insuranceRepertoire')"
-              >
+              <el-table-column prop="name" :label="$t('message.laborMange.insuranceRepertoire')">
                 <template slot-scope="scope">
-                  <el-input
-                    v-if="scope.row.insuranceState"
-                    size="small"
-                    v-model="scope.row.insuranceType"
-                    :placeholder="$t('message.laborMange.placeholder2')"
-                  ></el-input>
+                  <el-input v-if="scope.row.insuranceState" size="small" v-model="scope.row.insuranceType"
+                    :placeholder="$t('message.laborMange.placeholder2')"></el-input>
                   <span v-else>{{ scope.row.insuranceType }}</span>
                 </template>
               </el-table-column>
-              <el-table-column
-                prop="address"
-                :label="$t('message.laborMange.medicalInsurance')"
-              >
+              <el-table-column prop="address" :label="$t('message.laborMange.medicalInsurance')">
                 <template slot-scope="scope">
-                  <el-select
-                    size="small"
-                    v-model="scope.row.medicalInsurance"
-                    :placeholder="$t('message.laborMange.pleaseChoose')"
-                    v-if="scope.row.insuranceState"
-                  >
-                    <el-option
-                      :value="1"
-                      :label="$t('message.laborMange.no')"
-                    ></el-option>
-                    <el-option
-                      :value="2"
-                      :label="$t('message.laborMange.yes')"
-                    ></el-option>
+                  <el-select size="small" v-model="scope.row.medicalInsurance"
+                    :placeholder="$t('message.laborMange.pleaseChoose')" v-if="scope.row.insuranceState">
+                    <el-option :value="1" :label="$t('message.laborMange.no')"></el-option>
+                    <el-option :value="2" :label="$t('message.laborMange.yes')"></el-option>
                   </el-select>
                   <span v-else>{{
                     scope.row.medicalInsurance == 1
-                      ? $t("message.laborMange.no")
-                      : scope.row.medicalInsurance == 2
+                    ? $t("message.laborMange.no")
+                    : scope.row.medicalInsurance == 2
                       ? $t("message.laborMange.yes")
                       : ""
                   }}</span>
                 </template>
               </el-table-column>
 
-              <el-table-column
-                prop="address"
-                :label="$t('message.laborMange.endowmentInsurance')"
-              >
+              <el-table-column prop="address" :label="$t('message.laborMange.endowmentInsurance')">
                 <template slot-scope="scope">
-                  <el-select
-                    size="small"
-                    v-model="scope.row.endowmentInsurance"
-                    :placeholder="$t('message.laborMange.pleaseChoose')"
-                    v-if="scope.row.insuranceState"
-                  >
-                    <el-option
-                      :value="1"
-                      :label="$t('message.laborMange.no')"
-                    ></el-option>
-                    <el-option
-                      :value="2"
-                      :label="$t('message.laborMange.yes')"
-                    ></el-option>
+                  <el-select size="small" v-model="scope.row.endowmentInsurance"
+                    :placeholder="$t('message.laborMange.pleaseChoose')" v-if="scope.row.insuranceState">
+                    <el-option :value="1" :label="$t('message.laborMange.no')"></el-option>
+                    <el-option :value="2" :label="$t('message.laborMange.yes')"></el-option>
                   </el-select>
                   <span v-else>{{
                     scope.row.endowmentInsurance == 1
-                      ? $t("message.laborMange.no")
-                      : scope.row.endowmentInsurance == 2
+                    ? $t("message.laborMange.no")
+                    : scope.row.endowmentInsurance == 2
                       ? $t("message.laborMange.yes")
                       : ""
                   }}</span>
                 </template>
               </el-table-column>
-              <el-table-column
-                prop="address"
-                :label="$t('message.laborMange.accessory')"
-              >
+              <el-table-column prop="address" :label="$t('message.laborMange.accessory')">
                 <template slot-scope="scope">
-                  <el-upload
-                    v-if="scope.row.insuranceState"
-                    class="upload-demo"
-                    :action="uploadUrl"
-                    :on-preview="(file) => handlePreview(file, 6)"
-                    :on-remove="
-                      (file) =>
-                        handleRemove({ file: file, index: scope.$index }, 7)
-                    "
-                    :on-success="
-                      (file) =>
-                        handleSuccess({ file: file, index: scope.$index }, 7)
-                    "
-                    :limit="5"
-                    name="files"
-                    :file-list="scope.row.fileList"
-                  >
+                  <el-upload v-if="scope.row.insuranceState" class="upload-demo" :action="uploadUrl"
+                    :on-preview="(file) => handlePreview(file, 6)" :on-remove="
+                      (file) => handleRemove({ file: file, index: scope.$index }, 7)
+                    " :on-success="
+  (file) => handleSuccess({ file: file, index: scope.$index }, 7)
+" :limit="5" name="files" :file-list="scope.row.fileList">
                     <el-button size="small" type="primary">{{
                       $t("message.laborMange.clickOnTheUpload")
                     }}</el-button>
                   </el-upload>
-                  <div
-                    v-else
-                    v-for="(item, index) in scope.row.fileList"
-                    @click="
-                      handlePreview({ url: item.url }, { name: item.name }, 7)
-                    "
-                    :key="index"
-                    style="cursor: pointer"
-                  >
-                    <el-tooltip
-                      class="item"
-                      effect="dark"
-                      :content="item.name"
-                      placement="top"
-                    >
+                  <div v-else v-for="(item, index) in scope.row.fileList"
+                    @click="handlePreview({ url: item.url }, { name: item.name }, 7)" :key="index"
+                    style="cursor: pointer">
+                    <el-tooltip class="item" effect="dark" :content="item.name" placement="top">
                       <div :class="item.name.length > 8 ? 'hide' : ''">
                         {{ item.name }}
                       </div>
@@ -1879,34 +1040,14 @@
               </el-table-column>
               <el-table-column prop="address" label="">
                 <template slot-scope="scope">
-                  <el-button
-                    size="small"
-                    type="text"
-                    v-if="scope.row.insuranceState"
-                    @click="saveTableInfo(3, scope.$index)"
-                    >{{ $t("message.laborMange.save") }}</el-button
-                  >
-                  <el-button
-                    size="small"
-                    type="text"
-                    v-else
-                    @click="editTableInfo(3, scope.$index)"
-                    >{{ $t("message.laborMange.edit") }}</el-button
-                  >
-                  <el-button
-                    size="small"
-                    type="text"
-                    v-if="scope.row.insuranceState"
-                    @click="cancelEditTableInfo(3, scope.$index)"
-                    >{{ $t("message.laborMange.cancel") }}</el-button
-                  >
-                  <el-button
-                    size="small"
-                    type="text"
-                    v-if="!scope.row.insuranceState"
-                    @click="deleteTableInfo(3, scope.$index)"
-                    >{{ $t("message.laborMange.delete") }}</el-button
-                  >
+                  <el-button size="small" type="text" v-if="scope.row.insuranceState"
+                    @click="saveTableInfo(3, scope.$index)">{{ $t("message.laborMange.save") }}</el-button>
+                  <el-button size="small" type="text" v-else @click="editTableInfo(3, scope.$index)">{{
+                    $t("message.laborMange.edit") }}</el-button>
+                  <el-button size="small" type="text" v-if="scope.row.insuranceState"
+                    @click="cancelEditTableInfo(3, scope.$index)">{{ $t("message.laborMange.cancel") }}</el-button>
+                  <el-button size="small" type="text" v-if="!scope.row.insuranceState"
+                    @click="deleteTableInfo(3, scope.$index)">{{ $t("message.laborMange.delete") }}</el-button>
                 </template>
               </el-table-column>
             </el-table>
@@ -1917,15 +1058,9 @@
               {{ $t("message.laborMange.safetyEducation") }}
             </div>
             <el-table :data="safeEducationList" style="width: 100%">
-              <el-table-column
-                prop="addTime"
-                :label="$t('message.laborMange.trainingDate')"
-              ></el-table-column>
+              <el-table-column prop="addTime" :label="$t('message.laborMange.trainingDate')"></el-table-column>
 
-              <el-table-column
-                prop="eduCourseName"
-                :label="$t('message.laborMange.trainingTopic')"
-              >
+              <el-table-column prop="eduCourseName" :label="$t('message.laborMange.trainingTopic')">
               </el-table-column>
 
               <!-- <el-table-column
@@ -1955,32 +1090,15 @@
 
           <div id="getAJob" class="table">
             <div class="pageTitle">
-              {{ $t("message.laborMange.getAJobInfo") }}({{
-                workExperienceList.length
-              }})
+              {{ $t("message.laborMange.getAJobInfo") }}({{ workExperienceList.length }})
             </div>
             <el-table :data="workExperienceList" style="width: 100%">
-              <el-table-column
-                prop="projectName"
-                :label="$t('message.laborMange.involvedInProject')"
-              ></el-table-column>
-              <el-table-column
-                prop="enterDate"
-                :label="$t('message.laborMange.dateOfEntry')"
-              ></el-table-column>
-              <el-table-column
-                prop="exitDate"
-                :label="$t('message.laborMange.anExitDate')"
-              ></el-table-column>
-              <el-table-column
-                prop="typeName"
-                :label="$t('message.laborMange.work')"
-              >
+              <el-table-column prop="projectName" :label="$t('message.laborMange.involvedInProject')"></el-table-column>
+              <el-table-column prop="enterDate" :label="$t('message.laborMange.dateOfEntry')"></el-table-column>
+              <el-table-column prop="exitDate" :label="$t('message.laborMange.anExitDate')"></el-table-column>
+              <el-table-column prop="typeName" :label="$t('message.laborMange.work')">
               </el-table-column>
-              <el-table-column
-                prop="teamName"
-                :label="$t('message.laborMange.team')"
-              >
+              <el-table-column prop="teamName" :label="$t('message.laborMange.team')">
               </el-table-column>
             </el-table>
           </div>
@@ -1991,117 +1109,65 @@
             <el-tabs v-model="activeName" @tab-click="handleClick">
               <el-tab-pane :label="$t('message.laborMange.badRecord')" name="1">
                 <el-table :data="badList" style="width: 100%">
-                  <el-table-column
-                    prop="eventTime"
-                    :label="$t('message.laborMange.occurrenceTime')"
-                  >
+                  <el-table-column prop="eventTime" :label="$t('message.laborMange.occurrenceTime')">
                   </el-table-column>
-                  <el-table-column
-                    prop="eventTitle"
-                    :label="$t('message.laborMange.eventReason')"
-                  >
+                  <el-table-column prop="eventTitle" :label="$t('message.laborMange.eventReason')">
                   </el-table-column>
-                  <el-table-column
-                    prop="seriousGrade"
-                    :label="$t('message.laborMange.orderOfSeverity')"
-                  >
+                  <el-table-column prop="seriousGrade" :label="$t('message.laborMange.orderOfSeverity')">
                     <template slot-scope="scope">
                       {{
                         scope.row.seriousGrade == 1
-                          ? $t("message.laborMange.notSerious")
-                          : scope.row.seriousGrade == 2
+                        ? $t("message.laborMange.notSerious")
+                        : scope.row.seriousGrade == 2
                           ? $t("message.laborMange.seriousness")
                           : scope.row.seriousGrade == 3
-                          ? $t("message.laborMange.verySerious")
-                          : ""
+                            ? $t("message.laborMange.verySerious")
+                            : ""
                       }}
                     </template>
                   </el-table-column>
-                  <el-table-column
-                    prop="remarks"
-                    :label="$t('message.laborMange.remark')"
-                  >
+                  <el-table-column prop="remarks" :label="$t('message.laborMange.remark')">
                   </el-table-column>
-                  <el-table-column
-                    prop="remarks"
-                    :label="$t('message.laborMange.accessory')"
-                  >
+                  <el-table-column prop="remarks" :label="$t('message.laborMange.accessory')">
                     <template slot-scope="scope">
                       <div class="flex">
-                        <img
-                          v-for="(item, index) in scope.row.fileList"
-                          @click="
-                            handlePreview(
-                              { url: item.url },
-                              { name: item.name },
-                              6
-                            )
-                          "
-                          :key="index"
-                          :src="fileUrl + item.url"
-                          style="width: 50px; height: 50px; margin-right: 5px"
-                        />
+                        <img v-for="(item, index) in scope.row.fileList" @click="
+                          handlePreview({ url: item.url }, { name: item.name }, 6)
+                        " :key="index" :src="fileUrl + item.url"
+                          style="width: 50px; height: 50px; margin-right: 5px" />
                       </div>
                     </template>
                   </el-table-column>
                 </el-table>
               </el-tab-pane>
-              <el-tab-pane
-                :label="$t('message.laborMange.rewardsRecord')"
-                name="2"
-              >
+              <el-tab-pane :label="$t('message.laborMange.rewardsRecord')" name="2">
                 <el-table :data="rewardList" style="width: 100%">
-                  <el-table-column
-                    prop="eventTime"
-                    :label="$t('message.laborMange.occurrenceTime')"
-                  >
+                  <el-table-column prop="eventTime" :label="$t('message.laborMange.occurrenceTime')">
                   </el-table-column>
-                  <el-table-column
-                    prop="eventTitle"
-                    :label="$t('message.laborMange.eventReason')"
-                  >
+                  <el-table-column prop="eventTitle" :label="$t('message.laborMange.eventReason')">
                     <template slot-scope="scope">
                       <div>{{ scope.row.eventTitle }}</div>
                       <div>{{ scope.row.reason }}</div>
                     </template>
                   </el-table-column>
-                  <el-table-column
-                    prop="awardName"
-                    :label="
-                      $t('message.laborMange.awards') +
-                      $t('message.laborMange.designation')
-                    "
-                  >
+                  <el-table-column prop="awardName" :label="
+                    $t('message.laborMange.awards') +
+                    $t('message.laborMange.designation')
+                  ">
                   </el-table-column>
-                  <el-table-column
-                    prop="remarks"
-                    :label="$t('message.laborMange.remark')"
-                  >
+                  <el-table-column prop="remarks" :label="$t('message.laborMange.remark')">
                   </el-table-column>
-                  <el-table-column
-                    prop="remarks"
-                    :label="$t('message.laborMange.accessory')"
-                  >
+                  <el-table-column prop="remarks" :label="$t('message.laborMange.accessory')">
                     <template slot-scope="scope">
                       <div class="flex">
-                        <img
-                          v-for="(item, index) in scope.row.fileList"
-                          @click="
-                            handlePreview(
-                              { url: item.url },
-                              { name: item.name },
-                              7
-                            )
-                          "
-                          :key="index"
-                          :src="fileUrl + item.url"
-                          style="
-                            width: 50px;
-                            height: 50px;
-                            margin-right: 5px;
-                            cursor: pointer;
-                          "
-                        />
+                        <img v-for="(item, index) in scope.row.fileList" @click="
+                          handlePreview({ url: item.url }, { name: item.name }, 7)
+                        " :key="index" :src="fileUrl + item.url" style="
+                              width: 50px;
+                              height: 50px;
+                              margin-right: 5px;
+                              cursor: pointer;
+                            " />
                       </div>
                     </template>
                   </el-table-column>
@@ -2113,42 +1179,23 @@
             <div class="pageTitle" style="display: flex; align-items: center">
               <span>安全分详情</span>
               <!-- 重置 -->
-              <el-button
-                size="medium"
-                type="text"
-                class="margin_left"
-                style="margin-top: 2px"
-                @click="scoreReset()"
-                >重置</el-button
-              >
+              <el-button size="medium" type="text" class="margin_left" style="margin-top: 2px"
+                @click="scoreReset()">重置</el-button>
             </div>
             <el-table :data="reduceScoreList" style="width: 100%">
-              <el-table-column
-                type="index"
-                width="80"
-                align="center"
-                label="序号"
-              ></el-table-column>
-              <el-table-column
-                prop="createDate"
-                label="时间"
-              ></el-table-column>
-              <el-table-column
-                prop="deductReason"
-                label="原因"
-              ></el-table-column>
-              <el-table-column
-                prop="deductScore"
-                label="加/扣分值"
-              >
-              <template slot-scope="scope">
-                  <span>{{ scope.row.deductScore>=0?'+' + scope.row.deductScore:scope.row.deductScore }}</span>
+              <el-table-column type="index" width="80" align="center" label="序号"></el-table-column>
+              <el-table-column prop="createDate" label="时间"></el-table-column>
+              <el-table-column prop="deductReason" label="原因"></el-table-column>
+              <el-table-column prop="deductScore" label="加/扣分值">
+                <template slot-scope="scope">
+                  <span>{{
+                    scope.row.deductScore >= 0
+                    ? "+" + scope.row.deductScore
+                    : scope.row.deductScore
+                  }}</span>
                 </template>
               </el-table-column>
-              <el-table-column
-                prop="curScore"
-                label="当前安全评分分值"
-              ></el-table-column>
+              <el-table-column prop="curScore" label="当前安全评分分值"></el-table-column>
             </el-table>
             <!-- <el-table :data="reduceScoreList" style="width: 100%">
               <el-table-column
@@ -2178,104 +1225,55 @@
         </div>
       </vue-scroll>
       <div class="mark_wrap">
-        <div
-          :class="activeClass == 0 ? 'checkedClass' : ''"
-          @click="getActiveClass(0)"
-        >
+        <div :class="activeClass == 0 ? 'checkedClass' : ''" @click="getActiveClass(0)">
           {{ $t("message.laborMange.essential") }}
         </div>
-        <div
-          :class="activeClass == 1 ? 'checkedClass' : ''"
-          @click="getActiveClass(1)"
-        >
+        <div :class="activeClass == 1 ? 'checkedClass' : ''" @click="getActiveClass(1)">
           {{ $t("message.laborMange.detailMessage") }}
         </div>
-        <div
-          :class="activeClass == 2 ? 'checkedClass' : ''"
-          @click="getActiveClass(2)"
-        >
+        <div :class="activeClass == 2 ? 'checkedClass' : ''" @click="getActiveClass(2)">
           <!-- {{ $t("message.laborMange.contractInfo") }} -->
           劳动合同
         </div>
-        <div
-          :class="activeClass == 3 ? 'checkedClass' : ''"
-          @click="getActiveClass(3)"
-        >
+        <div :class="activeClass == 3 ? 'checkedClass' : ''" @click="getActiveClass(3)">
           {{ $t("message.laborMange.credentials") }}
         </div>
-        <div
-          :class="activeClass == 4 ? 'checkedClass' : ''"
-          @click="getActiveClass(4)"
-        >
+        <div :class="activeClass == 4 ? 'checkedClass' : ''" @click="getActiveClass(4)">
           {{ $t("message.laborMange.physicalInfo") }}
         </div>
-        <div
-          :class="activeClass == 5 ? 'checkedClass' : ''"
-          @click="getActiveClass(5)"
-        >
+        <div :class="activeClass == 5 ? 'checkedClass' : ''" @click="getActiveClass(5)">
           <!-- {{ $t("message.laborMange.insuranceInfo") }} -->
           工伤保险
         </div>
-        <div
-          :class="activeClass == 6 ? 'checkedClass' : ''"
-          @click="getActiveClass(6)"
-        >
+        <div :class="activeClass == 6 ? 'checkedClass' : ''" @click="getActiveClass(6)">
           {{ $t("message.laborMange.safetyEducation") }}
         </div>
-        <div
-          :class="activeClass == 7 ? 'checkedClass' : ''"
-          @click="getActiveClass(7)"
-        >
+        <div :class="activeClass == 7 ? 'checkedClass' : ''" @click="getActiveClass(7)">
           {{ $t("message.laborMange.getAJobInfo") }}
         </div>
-        <div
-          :class="activeClass == 8 ? 'checkedClass' : ''"
-          @click="getActiveClass(8)"
-        >
+        <div :class="activeClass == 8 ? 'checkedClass' : ''" @click="getActiveClass(8)">
           {{ $t("message.laborMange.punishmentRecord") }}
         </div>
-        <div
-          :class="activeClass == 9 ? 'checkedClass' : ''"
-          @click="getActiveClass(9)"
-        >
+        <div :class="activeClass == 9 ? 'checkedClass' : ''" @click="getActiveClass(9)">
           安全分详情
         </div>
       </div>
     </div>
     <!-- 图片裁剪-编辑 -->
-    <el-dialog
-      :title="cropperEditTitle"
-      :modal-append-to-body="false"
-      :visible.sync="dialogVisible"
-      width="767px"
-    >
+    <el-dialog :title="cropperEditTitle" :modal-append-to-body="false" :visible.sync="dialogVisible" width="767px">
       <div class="dialog_content" style="height: 400px">
         <!-- <vue-scroll> -->
-        <vueCropper
-          ref="cropperEdit"
-          :img="cropperEditOption.img"
-          :outputType="cropperEditOption.outputType"
-          :autoCropWidth="cropperEditOption.autoCropWidth"
-          :autoCropHeight="cropperEditOption.autoCropHeight"
-          :autoCrop="true"
-          :fixedBox="true"
-        ></vueCropper>
+        <vueCropper ref="cropperEdit" :img="cropperEditOption.img" :outputType="cropperEditOption.outputType"
+          :autoCropWidth="cropperEditOption.autoCropWidth" :autoCropHeight="cropperEditOption.autoCropHeight"
+          :autoCrop="true" :fixedBox="true"></vueCropper>
         <!-- </vue-scroll> -->
       </div>
       <div class="dialog-footer">
-        <el-button
-          class="cancleBtn"
-          @click="dialogVisible = false"
-          icon="el-icon-circle-close"
-          size="medium"
-          >{{ $t("message.personnelPosition.cancel") }}
+        <el-button class="cancleBtn" @click="dialogVisible = false" icon="el-icon-circle-close" size="medium">{{
+          $t("message.personnelPosition.cancel") }}
         </el-button>
-        <el-button
-          type="primary"
-          icon="el-icon-circle-check"
-          @click="saveMapUrlEditFn"
-          size="medium"
-          >{{ $t("message.personnelPosition.determine") }}
+        <el-button type="primary" icon="el-icon-circle-check" @click="saveMapUrlEditFn" size="medium">{{
+          $t("message.personnelPosition.determine") }}
         </el-button>
       </div>
       <!-- title="查看大图" -->
@@ -2289,83 +1287,46 @@
       </div> -->
     </el-dialog>
     <!-- 图片裁剪-上传 -->
-    <el-dialog
-      :modal-append-to-body="false"
-      :title="
-        $t('message.personnelPosition.mapManage.dialog_KJNova_Clipper.title')
-      "
-      :visible.sync="cropperDialog"
-      width="767px"
-    >
+    <el-dialog :modal-append-to-body="false"
+      :title="$t('message.personnelPosition.mapManage.dialog_KJNova_Clipper.title')" :visible.sync="cropperDialog"
+      width="767px">
       <div class="dialog_content" style="height: 400px">
         <!-- <vue-scroll> -->
-        <vueCropper
-          ref="cropper"
-          :img="cropperOption.img"
-          :outputType="cropperOption.outputType"
-          :autoCropWidth="cropperOption.autoCropWidth"
-          :autoCropHeight="cropperOption.autoCropHeight"
-          :autoCrop="true"
-          :fixedBox="true"
-        ></vueCropper>
+        <vueCropper ref="cropper" :img="cropperOption.img" :outputType="cropperOption.outputType"
+          :autoCropWidth="cropperOption.autoCropWidth" :autoCropHeight="cropperOption.autoCropHeight" :autoCrop="true"
+          :fixedBox="true"></vueCropper>
         <!-- </vue-scroll> -->
       </div>
       <div class="dialog-footer">
-        <el-button
-          class="cancleBtn"
-          @click="cropperDialog = false"
-          icon="el-icon-circle-close"
-          size="medium"
-          >{{ $t("message.personnelPosition.cancel") }}
+        <el-button class="cancleBtn" @click="cropperDialog = false" icon="el-icon-circle-close" size="medium">{{
+          $t("message.personnelPosition.cancel") }}
         </el-button>
-        <el-button
-          type="primary"
-          icon="el-icon-circle-check"
-          @click="saveMapUrlFn"
-          size="medium"
-          >{{ $t("message.personnelPosition.determine") }}
+        <el-button type="primary" icon="el-icon-circle-check" @click="saveMapUrlFn" size="medium">{{
+          $t("message.personnelPosition.determine") }}
         </el-button>
       </div>
     </el-dialog>
-    <el-dialog
-      :modal-append-to-body="false"
-      :title="$t('message.laborMange.photoComparisonResults')"
-      :visible.sync="showImgList"
-      width="767px"
-    >
+    <el-dialog :modal-append-to-body="false" :title="$t('message.laborMange.photoComparisonResults')"
+      :visible.sync="showImgList" width="767px">
       <div class="img-list">
         <div class="form-label">
-          <span>*</span
-          >{{
-            $t("message.laborMange.pleaseChoose") +
-            $t("message.laborMange.picture")
-          }}:
+          <span>*</span>{{ $t("message.laborMange.pleaseChoose") + $t("message.laborMange.picture") }}:
         </div>
         <el-radio-group class="radio-box" v-model="radio">
-          <el-radio
-            :label="item.personSerial"
-            v-for="item in imgRadiolist"
-            :key="item.id"
-          >
+          <el-radio :label="item.personSerial" v-for="item in imgRadiolist" :key="item.id">
             <!-- <img
                   style="width: 100px; height: 100px"
                   src="@/assets/images/bigScreen/002.jpg"
                   /> -->
-            <el-image
-              style="width: 100px; height: 100px"
-              :src="fileUrl + item.imageUrl"
-              :preview-src-list="[fileUrl + item.imageUrl]"
-            >
+            <el-image style="width: 100px; height: 100px" :src="fileUrl + item.imageUrl"
+              :preview-src-list="[fileUrl + item.imageUrl]">
             </el-image>
           </el-radio>
         </el-radio-group>
         <div class="btn-box">
-          <el-button
-            icon="el-icon-circle-check"
-            type="primary"
-            @click="checkImg"
-            >{{ $t("message.laborMange.confirm") }}</el-button
-          >
+          <el-button icon="el-icon-circle-check" type="primary" @click="checkImg">{{
+            $t("message.laborMange.confirm")
+          }}</el-button>
           <el-button icon="el-icon-circle-close" @click="showImgList = false">{{
             $t("message.laborMange.cancel")
           }}</el-button>
@@ -2578,8 +1539,7 @@ export default {
       // console.log(this.uGroupAllList, allCheckList)
       this.checkAllGroup = checkedCount === allCheckList.length;
       console.log(allCheckList);
-      this.isIndeterminate3 =
-        checkedCount > 0 && checkedCount < allCheckList.length;
+      this.isIndeterminate3 = checkedCount > 0 && checkedCount < allCheckList.length;
     },
     handleCheckAllChangeFace(val) {
       if (val) {
@@ -2607,8 +1567,7 @@ export default {
       // console.log(this.ufaceDevAllList, allCheckList)
       this.checkAllFaceDev = checkedCount === allCheckList.length;
       console.log(allCheckList);
-      this.isIndeterminate2 =
-        checkedCount > 0 && checkedCount < allCheckList.length;
+      this.isIndeterminate2 = checkedCount > 0 && checkedCount < allCheckList.length;
       console.log(this.workerInfo.ufaceDevId);
     },
     // 获取所有分组
@@ -2688,9 +1647,7 @@ export default {
                   for (let j = 0; j < this.ufaceDevAllList.length; j++) {
                     console.log(this.ufaceDevAllList[j].id, id);
                     if (this.ufaceDevAllList[j].id == id) {
-                      this.ufaceDevNameList.push(
-                        this.ufaceDevAllList[j].devName
-                      );
+                      this.ufaceDevNameList.push(this.ufaceDevAllList[j].devName);
                       this.ufaceDevAllList[j].disabled = false;
                     }
                   }
@@ -2813,11 +1770,18 @@ export default {
           this.contractList = data.contractList; //合同信息
           //获取证书附件
           if (data.certificateList.length > 0) {
+            console.log("11111111111", data.certificateList);
             data.certificateList.forEach((item) => {
               item.certificateState = false; //设置可编辑状态
               if (item.photoUrl) {
-                let arr = item.photoUrl.split("*");
-                item.fileList = [{ name: arr[0], url: arr[1] }];
+                item.fileList = item.photoUrl.split(',').map(item => {
+                  const arr = item.split("*");
+                  return {
+                    name: arr[0],
+                    url: arr[1],
+                  }
+                })
+                // item.fileList = [{  }];
               } else {
                 item.fileList = [];
               }
@@ -2835,11 +1799,26 @@ export default {
 
           //获取保险列表
           if (data.insuranceList.length > 0) {
+            // data.insuranceList.forEach((item) => {
+            //   item.insuranceState = false; //设置可编辑状态
+            //   if (item.photoUrl) {
+            //     let arr = item.photoUrl.split("*");
+            //     item.fileList = [{ name: arr[0], url: arr[1] }];
+            //   } else {
+            //     item.fileList = [];
+            //   }
+            // });
             data.insuranceList.forEach((item) => {
               item.insuranceState = false; //设置可编辑状态
               if (item.photoUrl) {
-                let arr = item.photoUrl.split("*");
-                item.fileList = [{ name: arr[0], url: arr[1] }];
+                item.fileList = item.photoUrl.split(',').map(item => {
+                  const arr = item.split("*");
+                  return {
+                    name: arr[0],
+                    url: arr[1],
+                  }
+                })
+                // item.fileList = [{  }];
               } else {
                 item.fileList = [];
               }
@@ -2922,10 +1901,7 @@ export default {
       //保存
       if (this.basicInfoStatus) {
         let data = this.workerInfo;
-        if (
-          this.workerInfo.ufaceDevId &&
-          this.workerInfo.ufaceDevId.length > 0
-        ) {
+        if (this.workerInfo.ufaceDevId && this.workerInfo.ufaceDevId.length > 0) {
           data.ufaceDevId = this.workerInfo.ufaceDevId.join(",");
         } else {
           data.ufaceDevId = "";
@@ -2989,9 +1965,7 @@ export default {
           if (valid) {
             editWorkerInfo(data).then((res) => {
               if (res.code == 200) {
-                this.$message.success(
-                  this.$t("message.laborMange.editSuccess")
-                );
+                this.$message.success(this.$t("message.laborMange.editSuccess"));
                 this.detailInfoStatus = false;
                 this.getUfaceDevList();
                 this.getUGroupDevList();
@@ -3058,8 +2032,7 @@ export default {
       if (type == 1) {
         let imgStatus = file2.size / 1024 < 500;
         if (imgStatus) {
-          this.cropperOption.img =
-            this.$store.state.FILEURL + file.data[0].imageUrl;
+          this.cropperOption.img = this.$store.state.FILEURL + file.data[0].imageUrl;
           this.cropperDialog = true;
         } else if (this.isSzProject == 1) {
           console.log("6665");
@@ -3080,57 +2053,54 @@ export default {
           name: file.data[0].fileInfo.originalFilename,
           url: file.data[0].imageUrl,
         };
-        if (
-          this.contractList[0].fileList &&
-          this.contractList[0].fileList.length > 0
-        ) {
+        if (this.contractList[0].fileList && this.contractList[0].fileList.length > 0) {
           this.contractList[0].fileList.push(data);
         } else {
           this.contractList[0].fileList = [];
           this.contractList[0].fileList.push(data);
         }
       } else if (type == 5) {
-        let data = {
-          name: file.file.data[0].fileInfo.originalFilename,
-          url: file.file.data[0].imageUrl,
-        };
-        this.certificateList[file.index].fileList = [data];
-        this.certificateList[file.index].photoUrl =
-          file.file.data[0].fileInfo.originalFilename +
-          "*" +
-          file.file.data[0].imageUrl;
+        // 资格证书
+        this.addImgAdd('certificateList', file);
+        console.log(this.certificateList[file.index]);
       } else if (type == 6) {
         this.workerInfo.idCardBigPhotoUrl = file.data[0].imageUrl;
       } else if (type == 7) {
-        let data = {
+        // 工伤保险
+        this.addImgAdd('insuranceList', file);
+        // this.insuranceList[file.index].fileList = [data];
+        // this.insuranceList[file.index].photoUrl =
+        //   file.file.data[0].fileInfo.originalFilename + "*" + file.file.data[0].imageUrl;
+      }
+    },
+    // 资格证书和工伤共用添加
+    addImgAdd(useName, file) {
+      let data = {
           name: file.file.data[0].fileInfo.originalFilename,
           url: file.file.data[0].imageUrl,
         };
-        this.insuranceList[file.index].fileList = [data];
-        this.insuranceList[file.index].photoUrl =
-          file.file.data[0].fileInfo.originalFilename +
-          "*" +
-          file.file.data[0].imageUrl;
-      }
+      const fileStr = file.file.data[0].fileInfo.originalFilename + "*" + file.file.data[0].imageUrl;
+
+      this[useName][file.index].fileList.push(data);
+      this[useName][file.index].photoUrl =
+        this[useName][file.index].photoUrl == '' ? fileStr : this[useName][file.index].photoUrl + ',' + fileStr;
     },
     // 人员照片库比对
     checkImgLibrary(url) {
-      checkImgLibraryApi({ fileUrl: url, projectSn: this.projectSn }).then(
-        (res) => {
-          if (res.result && res.result.length > 0) {
-            this.imgRadiolist = res.result;
-            this.radio = res.result[0].personSerial;
-            this.showImgList = true;
-            this.cropperDialog = false;
-          } else {
-            this.workerInfo.fieldAcquisitionUrl = url;
-            this.workerInfo.personSerial = "";
-            this.cropperDialog = false;
-            // this.$message.error('未匹配到照片！')
-          }
-          console.log(res, "-----人员库照片查询");
+      checkImgLibraryApi({ fileUrl: url, projectSn: this.projectSn }).then((res) => {
+        if (res.result && res.result.length > 0) {
+          this.imgRadiolist = res.result;
+          this.radio = res.result[0].personSerial;
+          this.showImgList = true;
+          this.cropperDialog = false;
+        } else {
+          this.workerInfo.fieldAcquisitionUrl = url;
+          this.workerInfo.personSerial = "";
+          this.cropperDialog = false;
+          // this.$message.error('未匹配到照片！')
         }
-      );
+        console.log(res, "-----人员库照片查询");
+      });
     },
     //人脸监测、
     checkFace(url) {
@@ -3230,8 +2200,7 @@ export default {
         if (res.code == 200) {
           let val = res.result;
           if (type == 1) {
-            this.workerInfo.nation =
-              val.ethnicity + this.$t("message.laborMange.clan");
+            this.workerInfo.nation = val.ethnicity + this.$t("message.laborMange.clan");
             this.workerInfo.sex = val.sex == "男" ? 1 : 2;
             this.workerInfo.workerName = val.name;
             this.workerInfo.birthday = val.birth;
@@ -3244,9 +2213,7 @@ export default {
                 ? val.valid_to
                 : "";
             this.workerInfo.longTerm =
-              val.valid_to == "长期" || val.valid_to.indexOf("长期") == -1
-                ? true
-                : false;
+              val.valid_to == "长期" || val.valid_to.indexOf("长期") == -1 ? true : false;
           }
         } else {
           this.$message.error(this.$t("message.laborMange.hint10"));
@@ -3323,14 +2290,25 @@ export default {
           }
         });
       } else if (type == 5) {
-        this.certificateList[file.index].fileList = [];
-        this.certificateList[file.index].photoUrl = "";
+        console.log('1111111111', file.file.url);
+        // this.certificateList[file.index].fileList = [];
+        // this.certificateList[file.index].photoUrl = "";
+        this.deleteImgUse('certificateList', file);
       } else if (type == 7) {
-        this.insuranceList[file.index].fileList = [];
-        this.insuranceList[file.index].photoUrl = "";
+        this.deleteImgUse('insuranceList', file);
       }
     },
+    // 资格证书和工伤共用删除
+    deleteImgUse(useName, file) {
+      const findIndex = this[useName][file.index].fileList.findIndex(item => item.url == file.file.url);
+      const arr = this[useName][file.index].photoUrl.split(',');
 
+      if (findIndex > -1) {
+        arr.splice(findIndex, 1);
+        this[useName][file.index].photoUrl = arr.join(",");
+        this[useName][file.index].fileList.splice(findIndex, 1);
+      }
+    },
     //编辑合同信息
     editPactInfo() {
       if (this.pactInfoStatus) {
@@ -3352,8 +2330,8 @@ export default {
           if (this.contractList[0].contractNumber == "") {
             this.$message.error(
               this.$t("message.laborMange.placeholder2") +
-                this.$t("message.laborMange.contract") +
-                this.$t("message.laborMange.serialNumber")
+              this.$t("message.laborMange.contract") +
+              this.$t("message.laborMange.serialNumber")
             );
             return;
           }
@@ -3374,8 +2352,8 @@ export default {
           if (this.contractList[0].contractNumber == "") {
             this.$message.error(
               this.$t("message.laborMange.placeholder2") +
-                this.$t("message.laborMange.contract") +
-                this.$t("message.laborMange.serialNumber")
+              this.$t("message.laborMange.contract") +
+              this.$t("message.laborMange.serialNumber")
             );
             return;
           }
@@ -3544,9 +2522,7 @@ export default {
       } else if (type == 4) {
         //获取合同照片
         if (data.contractList.length > 0) {
-          let arr = data.contractList[0]
-            ? data.contractList[0].imageUrl.split(",")
-            : "";
+          let arr = data.contractList[0] ? data.contractList[0].imageUrl.split(",") : "";
           let fileList = [];
           arr.forEach((item) => {
             let valArr = item.split("*");
@@ -3573,10 +2549,7 @@ export default {
     saveTableInfo(type, index) {
       //type == 1 证书  2 体检报告； 3 保险
       if (type == 1) {
-        let date1_s = this.certificateList[index].effectTime.replace(
-          /\-/g,
-          "/"
-        );
+        let date1_s = this.certificateList[index].effectTime.replace(/\-/g, "/");
         let date2_s = this.certificateList[index].issueTime.replace(/\-/g, "/");
         let date1_unix = Date.parse(date1_s); //將字符串格式日期转化为时间戳，就是1970年到当前日期的毫秒数
         let date2_unix = Date.parse(date2_s); //將字符串格式日期转化为时间戳，就是1970年到当前日期的毫秒数
@@ -3594,7 +2567,7 @@ export default {
           if (this.certificateList[index].certificateType == "") {
             this.$message.error(
               this.$t("message.laborMange.pleaseChoose") +
-                this.$t("message.laborMange.certificateType")
+              this.$t("message.laborMange.certificateType")
             );
             return;
           }
@@ -3623,7 +2596,7 @@ export default {
         if (this.physicalsList[index].personHeight == "") {
           this.$message.error(
             this.$t("message.laborMange.placeholder2") +
-              this.$t("message.laborMange.stature")
+            this.$t("message.laborMange.stature")
           );
           return;
         }
@@ -3650,10 +2623,12 @@ export default {
           });
         }
       } else if (type == 3) {
-        let date1_s = this.insuranceList[index].insuranceTime.replace(
-          /\-/g,
-          "/"
-        );
+        if(!this.insuranceList[index].insuranceTime || !this.insuranceList[index].expireTime){
+          this.$message.error("日期不能为空!");
+          return
+        }
+
+        let date1_s = this.insuranceList[index].insuranceTime.replace(/\-/g, "/");
         let date2_s = this.insuranceList[index].expireTime.replace(/\-/g, "/");
         let date1_unix = Date.parse(date1_s); //將字符串格式日期转化为时间戳，就是1970年到当前日期的毫秒数
         let date2_unix = Date.parse(date2_s); //將字符串格式日期转化为时间戳，就是1970年到当前日期的毫秒数
@@ -3666,7 +2641,7 @@ export default {
         if (this.insuranceList[index].state == "") {
           this.$message.error(
             this.$t("message.laborMange.pleaseChoose") +
-              this.$t("message.laborMange.insurancePurchaseStatus")
+            this.$t("message.laborMange.insurancePurchaseStatus")
           );
           return;
         }
@@ -3831,7 +2806,7 @@ export default {
     },
 
     //处罚记录 切换
-    handleClick() {},
+    handleClick() { },
 
     //滚动事件
     handleScroll(e) {
@@ -3860,14 +2835,17 @@ export default {
   display: flex;
   align-items: center;
 }
+
 .flex3 {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
+
 .flex2 {
   display: flex;
 }
+
 .personDetails {
   width: 100%;
   height: 100%;
@@ -3890,9 +2868,11 @@ export default {
   // margin-bottom: 50px;
   padding: 0 40px;
   box-sizing: border-box;
+
   .img_wrap {
     text-align: center;
     margin-right: 30px;
+
     // height: 146px;
     img {
       width: 105px;
@@ -3901,6 +2881,7 @@ export default {
     }
   }
 }
+
 .table {
   margin-bottom: 40px;
 }
@@ -3910,18 +2891,23 @@ export default {
     font-size: 28px;
     font-weight: 600;
   }
+
   .time {
     line-height: 28px;
   }
+
   .workType {
     line-height: 28px;
   }
+
   .team1 {
     line-height: 28px;
   }
+
   .team2 {
     line-height: 28px;
   }
+
   .number {
     line-height: 28px;
   }
@@ -3947,43 +2933,52 @@ export default {
   height: 100%;
   text-align: center;
   border-left: 1px solid #bbbbbb;
+
   div {
     height: 40px;
     line-height: 40px;
     cursor: pointer;
   }
 }
+
 .checkedClass {
   color: #5181f6;
 }
+
 .hide {
   width: 90%;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
+
 .img-list {
   .form-label {
     margin-bottom: 20px;
+
     span {
       color: #f56c6c;
     }
   }
+
   .radio-box {
     padding: 0 30px;
   }
+
   /deep/.el-radio {
     display: inline-flex;
     align-items: center;
     margin-right: 30px;
     margin-bottom: 20px;
   }
+
   .btn-box {
     margin-top: 30px;
     display: flex;
     justify-content: space-around;
   }
 }
+
 ::v-deep .el-input__inner {
   line-height: 1px !important;
 }