From 08d30aeead48c6144f2a5a3ae80bded100231001 Mon Sep 17 00:00:00 2001
From: X_Rian <904416525@qq.com>
Date: Wed, 9 Oct 2024 12:00:01 +0800
Subject: [PATCH] =?UTF-8?q?flx=EF=BC=9A=E6=8F=90=E4=BA=A4=E4=B8=8B?=
 =?UTF-8?q?=E6=8B=89=E5=88=A0=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../laborManage/personDetails.vue             | 2602 ++++++-----------
 1 file changed, 852 insertions(+), 1750 deletions(-)

diff --git a/src/views/projectFront/laborManage/personDetails.vue b/src/views/projectFront/laborManage/personDetails.vue
index d819833c..fa2e30c3 100644
--- a/src/views/projectFront/laborManage/personDetails.vue
+++ b/src/views/projectFront/laborManage/personDetails.vue
@@ -1,53 +1,29 @@
 <template>
   <div class="personDetails whiteBlock">
     <div class="navigatTitle flex">
-      <el-button type="primary" size="medium" @click="goBack">{{
-        $t("message.laborMange.lookTG")
-      }}</el-button>
-      <div class="title">{{ $t("message.laborMange.crewInfoDetail") }}</div>
+      <el-button type="primary" size="medium" @click="goBack">{{ $t('message.laborMange.lookTG') }}</el-button>
+      <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
-            >
+            {{ $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>
           </div>
-          <div class="content_title flex3" style="position: relative;">
+          <div class="content_title flex3" style="position: relative">
             <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
-                      )
-                    "
+                    @click="handlePreview({ url: workerInfo.fieldAcquisitionUrl }, {}, 1)"
                   />
                   <img src="@/assets/images/profile_photo.png" v-else />
                   <el-upload
@@ -55,28 +31,20 @@
                     class="upload-demo"
                     :action="uploadUrl"
                     :on-success="(res, file) => handleSuccess(res, 1, file)"
-                    :beforeUpload="(file) => handleBeforeUpload(file, 7)"
+                    :beforeUpload="file => handleBeforeUpload(file, 7)"
                     :show-file-list="false"
                     name="files"
                     accept=".jpg, .jpeg"
-                    :http-request="(val) => handleUpload(val, 'livesFace')"
+                    :http-request="val => handleUpload(val, 'livesFace')"
                   >
-                    <el-button size="small" type="primary">{{
-                      $t("message.laborMange.updateOnsitePhotos")
-                    }}</el-button>
+                    <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
-                      )
-                    "
+                    @click="handlePreview({ url: workerInfo.idCardBigPhotoUrl }, {}, 8)"
                   />
                   <img src="@/assets/images/profile_photo.png" v-else />
 
@@ -84,16 +52,13 @@
                     v-if="basicInfoStatus"
                     class="upload-demo"
                     :action="uploadUrl"
-                    :on-success="(file) => handleSuccess(file, 6)"
-                    :beforeUpload="(file) => handleBeforeUpload(file, 1)"
+                    :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")
-                    }}</el-button>
+                    <el-button size="small" type="primary">{{ $t('message.laborMange.update') + $t('message.laborMange.IdCardHead') }}</el-button>
                   </el-upload>
                 </div>
               </div>
@@ -108,22 +73,14 @@
                   ></el-input>
                 </div>
                 <div class="time">
-                  {{ $t("message.laborMange.recordDate") }}:
+                  {{ $t('message.laborMange.recordDate') }}:
                   {{ workerInfo.enterDate }}
-                  {{ $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.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 }}</div>
                 <div class="number">
-                  {{ $t("message.laborMange.jobNumber") }}：
+                  {{ $t('message.laborMange.jobNumber') }}：
                   <el-input
                     size="small"
                     style="width: 180px; margin-top: 5px"
@@ -136,53 +93,35 @@
               <div class="info_wrap" v-else>
                 <div class="name">{{ workerInfo.workerName }}</div>
                 <div class="time">
-                  {{ $t("message.laborMange.recordDate") }}:
+                  {{ $t('message.laborMange.recordDate') }}:
                   {{ workerInfo.enterDate }}
-                  {{ $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
-                  }}
-                </div>
-                <div class="number">
-                  {{ $t("message.laborMange.jobNumber") }}：{{
-                    workerInfo.attendanceNumber
-                  }}
+                  {{ $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 }}</div>
+                <div class="number">{{ $t('message.laborMange.jobNumber') }}：{{ workerInfo.attendanceNumber }}</div>
               </div>
             </div>
             <div id="workerQRcode" ref="workerQRcode"></div>
-            <el-button v-permission="{key: 'exportDetails', menuPath: '/project/labor/personManage'}" type="primary" size="medium" class="exportrecord" @click="exportRecord()">导出教育档案</el-button>
+            <el-button
+              v-permission="{ key: 'exportDetails', menuPath: '/project/labor/personManage' }"
+              type="primary"
+              size="medium"
+              class="exportrecord"
+              @click="exportRecord()"
+              >导出教育档案</el-button
+            >
           </div>
           <div id="details" class="table">
             <div class="pageTitle">
-              {{ $t("message.laborMange.detailMessage") }}
+              {{ $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"
@@ -197,10 +136,7 @@
                 <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%"
@@ -213,43 +149,26 @@
                     </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
+                              @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)"
+                              :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-button size="small" type="primary">{{ $t('message.laborMange.update') }}</el-button>
                             </el-upload>
                           </div>
                           <div style="text-align: center; margin-left: 10px">
@@ -257,31 +176,19 @@
                               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
+                              @click="handlePreview({ url: workerInfo.idCardDownPhotoUrl }, {}, 3)"
                             />
+                            <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)"
+                              :on-success="file => handleSuccess(file, 3)"
                               :show-file-list="false"
                               name="files"
                             >
-                              <el-button size="small" type="primary">{{
-                                $t("message.laborMange.update")
-                              }}</el-button>
+                              <el-button size="small" type="primary">{{ $t('message.laborMange.update') }}</el-button>
                             </el-upload>
                           </div>
                         </div>
@@ -291,33 +198,16 @@
 
                   <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-radio :label="1">{{
-                            $t("message.laborMange.man")
-                          }}</el-radio>
-                          <el-radio :label="2">{{
-                            $t("message.laborMange.female")
-                          }}</el-radio>
+                      <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>
+                          <el-radio :label="2">{{ $t('message.laborMange.female') }}</el-radio>
                         </el-radio-group>
-                        <span v-else>{{
-                          workerInfo.sex == 1
-                            ? $t("message.laborMange.man")
-                            : $t("message.laborMange.female")
-                        }}</span>
+                        <span v-else>{{ workerInfo.sex == 1 ? $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-form-item :label="$t('message.laborMange.IdNumber2') + ':'" prop="idCard">
                         <el-input
                           v-if="detailInfoStatus"
                           style="width: 80%"
@@ -357,10 +247,7 @@
 
                   <el-row :gutter="24">
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.dateOfBirth') + ':'"
-                        prop="birthday"
-                      >
+                      <el-form-item :label="$t('message.laborMange.dateOfBirth') + ':'" prop="birthday">
                         <el-date-picker
                           v-if="detailInfoStatus"
                           style="width: 80%"
@@ -375,23 +262,14 @@
                     </el-col>
 
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.nation') + ':'"
-                        prop="nation"
-                      >
+                      <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-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>
                       </el-form-item>
@@ -400,10 +278,7 @@
 
                   <el-row :gutter="24">
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.nativePlace') + ':'"
-                        prop="nativePlace"
-                      >
+                      <el-form-item :label="$t('message.laborMange.nativePlace') + ':'" prop="nativePlace">
                         <el-input
                           v-if="detailInfoStatus"
                           style="width: 80%"
@@ -414,28 +289,20 @@
                       </el-form-item>
                     </el-col>
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.issuingAuthority') + ':'"
-                        prop="issuingAuthorityForIdcard"
-                      >
+                      <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>
+                        <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-form-item :label="$t('message.laborMange.effectiveDate') + ':'" prop="idCardEndDate">
                         <el-date-picker
                           v-if="detailInfoStatus && !longTerm"
                           style="width: 50%; margin-right: 10px"
@@ -446,26 +313,14 @@
                           :placeholder="$t('message.laborMange.pleaseChoose')"
                         >
                         </el-date-picker>
-                        <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
-                        }}</span>
+                        <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 }}</span>
                       </el-form-item>
                     </el-col>
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.phone') + ':'"
-                        prop="phoneNumber"
-                      >
+                      <el-form-item :label="$t('message.laborMange.phone') + ':'" prop="phoneNumber">
                         <el-input
                           v-if="detailInfoStatus"
                           style="width: 80%"
@@ -478,10 +333,7 @@
                   </el-row>
                   <el-row :gutter="24">
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.emergencyContact') + ':'"
-                        prop="emergentPerson"
-                      >
+                      <el-form-item :label="$t('message.laborMange.emergencyContact') + ':'" prop="emergentPerson">
                         <el-input
                           v-if="detailInfoStatus"
                           style="width: 80%"
@@ -492,12 +344,7 @@
                       </el-form-item>
                     </el-col>
                     <el-col :span="12">
-                      <el-form-item
-                        :label="
-                          $t('message.laborMange.emergencyContactPhone') + ':'
-                        "
-                        prop="emergentPhone"
-                      >
+                      <el-form-item :label="$t('message.laborMange.emergencyContactPhone') + ':'" prop="emergentPhone">
                         <el-input
                           v-if="detailInfoStatus"
                           style="width: 80%"
@@ -510,10 +357,7 @@
                   </el-row>
                   <el-row :gutter="24">
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.dateOfEntry') + ':'"
-                        prop="enterDate"
-                      >
+                      <el-form-item :label="$t('message.laborMange.dateOfEntry') + ':'" prop="enterDate">
                         <el-date-picker
                           v-if="detailInfoStatus"
                           style="width: 80%"
@@ -527,76 +371,44 @@
                       </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-radio :label="1">{{
-                            $t("message.laborMange.onJob")
-                          }}</el-radio>
-                          <el-radio :label="2">{{
-                            $t("message.laborMange.dimission")
-                          }}</el-radio>
+                      <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>
+                          <el-radio :label="2">{{ $t('message.laborMange.dimission') }}</el-radio>
                         </el-radio-group>
-                        <span v-else>{{
-                          workerInfo.inserviceType == 1
-                            ? $t("message.laborMange.onJob")
-                            : $t("message.laborMange.dimission")
-                        }}</span>
+                        <span v-else>{{ workerInfo.inserviceType == 1 ? $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-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-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")
+                            ? $t('message.laborMange.spinsterhood')
                             : workerInfo.marry == 2
-                            ? $t("message.laborMange.married")
+                            ? $t('message.laborMange.married')
                             : workerInfo.marry == 3
-                            ? $t("message.laborMange.divorced")
+                            ? $t('message.laborMange.divorced')
                             : workerInfo.marry == 4
-                            ? $t("message.laborMange.widowed")
-                            : ""
+                            ? $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-form-item :label="$t('message.laborMange.cardBank') + ':'" prop="payRollBankName">
                         <el-input
                           v-if="detailInfoStatus"
                           style="width: 80%"
@@ -623,86 +435,49 @@
                       </el-form-item>
                     </el-col> -->
                     <el-col :span="12">
-                      <el-form-item
-                        :label="
-                          $t('message.laborMange.educationBackground') + ':'
-                        "
-                        prop="educational"
-                      >
+                      <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-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")
+                            ? $t('message.laborMange.primarySchool')
                             : workerInfo.educational == 2
-                            ? $t("message.laborMange.juniorHighSchool")
+                            ? $t('message.laborMange.juniorHighSchool')
                             : workerInfo.educational == 3
-                            ? $t("message.laborMange.technicalSchool")
+                            ? $t('message.laborMange.technicalSchool')
                             : workerInfo.educational == 4
-                            ? $t("message.laborMange.seniorHighSchool")
+                            ? $t('message.laborMange.seniorHighSchool')
                             : workerInfo.educational == 5
-                            ? $t("message.laborMange.juniorCollege")
+                            ? $t('message.laborMange.juniorCollege')
                             : workerInfo.educational == 6
-                            ? $t("message.laborMange.regularCollegeCourse")
+                            ? $t('message.laborMange.regularCollegeCourse')
                             : workerInfo.educational == 7
-                            ? $t("message.laborMange.graduateStudent")
+                            ? $t('message.laborMange.graduateStudent')
                             : workerInfo.educational == 8
-                            ? $t("message.laborMange.doctor")
+                            ? $t('message.laborMange.doctor')
                             : workerInfo.educational == 9
-                            ? $t("message.laborMange.postdoctor")
-                            : ""
+                            ? $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-form-item :label="$t('message.laborMange.mailbox') + ':'" prop="personMail">
                         <el-input
                           v-if="detailInfoStatus"
                           style="width: 80%"
@@ -715,10 +490,7 @@
                   </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-form-item :label="$t('message.laborMange.bloodType') + ':'" prop="blood">
                         <el-select
                           v-if="detailInfoStatus"
                           style="width: 80%"
@@ -731,66 +503,48 @@
                           <el-option label="O" value="O"></el-option>
                         </el-select>
                         <span v-else>{{
-                          workerInfo.blood == "A"
-                            ? "A"
-                            : workerInfo.blood == "B"
-                            ? "B"
-                            : workerInfo.blood == "AB"
-                            ? "AB"
-                            : workerInfo.blood == "O"
-                            ? "O"
-                            : ""
+                          workerInfo.blood == 'A'
+                            ? 'A'
+                            : workerInfo.blood == 'B'
+                            ? 'B'
+                            : workerInfo.blood == 'AB'
+                            ? '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-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-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")
+                            ? $t('message.laborMange.memberOfChina')
                             : workerInfo.politicsStatus == 2
-                            ? $t("message.laborMange.memberYouthLeague")
+                            ? $t('message.laborMange.memberYouthLeague')
                             : workerInfo.politicsStatus == 3
-                            ? $t("message.laborMange.ordinaryResident")
+                            ? $t('message.laborMange.ordinaryResident')
                             : workerInfo.politicsStatus == 4
-                            ? $t("message.laborMange.otherParty")
-                            : ""
+                            ? $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-form-item :label="$t('message.laborMange.companies') + ':'" prop="enterpriseId">
                         <el-select
                           v-if="detailInfoStatus"
                           style="width: 80%"
@@ -811,27 +565,16 @@
                       </el-form-item>
                     </el-col>
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.positionType') + ':'"
-                        prop="jobType"
-                      >
+                      <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%"
+                          clearable
                         >
-                          <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 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>
@@ -842,22 +585,14 @@
                   </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-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-option v-for="item in dutuies" :key="item.id" :label="item.dictionaryName" :value="item.id + ''"></el-option>
                         </el-select>
                         <span v-else>
                           {{ workerInfo.jobNameValue }}
@@ -865,10 +600,7 @@
                       </el-form-item>
                     </el-col>
                     <el-col :span="12">
-                      <el-form-item
-                        :label="$t('message.laborMange.attendanceRules') + ':'"
-                        prop="ruleId"
-                      >
+                      <el-form-item :label="$t('message.laborMange.attendanceRules') + ':'" prop="ruleId">
                         <el-select
                           v-if="detailInfoStatus"
                           v-model="workerInfo.ruleId"
@@ -876,27 +608,14 @@
                           style="width: 80%"
                           :clearable="true"
                         >
-                          <el-option
-                            v-for="(item, index) in attendRulesList"
-                            :key="index"
-                            :label="item.ruleName"
-                            :value="item.id"
-                          ></el-option>
+                          <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>
@@ -904,10 +623,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>
@@ -916,39 +632,23 @@
                   </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
+                          >{{ $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-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>
@@ -976,7 +676,7 @@
                           :indeterminate="isIndeterminate3"
                           v-model="checkAllGroup"
                           @change="handleCheckAllChangeGroup"
-                          >{{ $t("message.laborMange.checkAll") }}</el-checkbox
+                          >{{ $t('message.laborMange.checkAll') }}</el-checkbox
                         >
                         <el-checkbox-group
                           key="ufaceDevGroupId"
@@ -984,21 +684,13 @@
                           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-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>
@@ -1013,58 +705,24 @@
             <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 :label="0">{{
-                      $t("message.laborMange.notSigned")
-                    }}</el-radio>
-                    <el-radio :label="1">{{
-                      $t("message.laborMange.signed")
-                    }}</el-radio>
+                  <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-group>
-                  <span v-else>{{
-                    scope.row.signState == 1
-                      ? $t("message.laborMange.signed")
-                      : $t("message.laborMange.notSigned")
-                  }}</span>
+                  <span v-else>{{ scope.row.signState == 1 ? $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"
@@ -1075,39 +733,22 @@
                   <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")
+                      ? $t('message.laborMange.paperContract')
                       : scope.row.contractType == 2
-                      ? $t("message.laborMange.electronicContract")
-                      : ""
+                      ? $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"
@@ -1115,21 +756,15 @@
                     :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-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")
+                      ? $t('message.laborMange.fixedTermContract')
                       : scope.row.laborContractType == 2
-                      ? $t("message.laborMange.certainAmountOfWork")
-                      : ""
+                      ? $t('message.laborMange.certainAmountOfWork')
+                      : ''
                   }}</span>
                 </template>
               </el-table-column>
@@ -1152,10 +787,7 @@
                   <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"
@@ -1170,10 +802,7 @@
                   <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"
@@ -1181,41 +810,25 @@
                     :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-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")
+                      ? $t('message.laborMange.perDiem')
                       : scope.row.wagesVerificationType == 2
-                      ? $t("message.laborMange.byTheHour")
+                      ? $t('message.laborMange.byTheHour')
                       : scope.row.wagesVerificationType == 3
-                      ? $t("message.laborMange.perMensem")
+                      ? $t('message.laborMange.perMensem')
                       : scope.row.wagesVerificationType == 4
-                      ? $t("message.laborMange.byThePiece")
-                      : ""
+                      ? $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"
@@ -1226,41 +839,29 @@
                   <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, index: scope.$index}, 4)"
-                    :on-success="(file) => handleSuccess(file, 4)"
+                    :on-preview="file => handlePreview(file, 4)"
+                    :on-remove="file => handleRemove({ file, index: scope.$index }, 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-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)
-                    "
+                    @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"
-                    >
+                    <el-tooltip class="item" effect="dark" :content="item.name" placement="top">
                       <div :class="item.name.length > 8 ? 'hide' : ''">
                         {{ item.name }}
                       </div>
@@ -1272,20 +873,11 @@
           </div>
           <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
-              >
+              {{ $t('message.laborMange.credentials') }}
+              <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"
@@ -1303,10 +895,7 @@
                   <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"
@@ -1317,10 +906,7 @@
                   <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"
@@ -1328,52 +914,31 @@
                     :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-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")
+                      ? $t('message.laborMange.generalWorker')
                       : scope.row.skillLevel == 2
-                      ? $t("message.laborMange.primaryWorkers")
+                      ? $t('message.laborMange.primaryWorkers')
                       : scope.row.skillLevel == 3
-                      ? $t("message.laborMange.intermediateLabor")
+                      ? $t('message.laborMange.intermediateLabor')
                       : scope.row.skillLevel == 4
-                      ? $t("message.laborMange.seniorWorker")
+                      ? $t('message.laborMange.seniorWorker')
                       : scope.row.skillLevel == 5
-                      ? $t("message.laborMange.technician")
+                      ? $t('message.laborMange.technician')
                       : scope.row.skillLevel == 6
-                      ? $t("message.laborMange.seniorTechnician")
-                      : ""
+                      ? $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"
@@ -1388,10 +953,7 @@
                   <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"
@@ -1406,10 +968,7 @@
                   <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"
@@ -1420,10 +979,7 @@
                   <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"
@@ -1434,47 +990,29 @@
                   <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)
-                    "
+                    :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-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)
-                    "
+                    @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"
-                    >
+                    <el-tooltip class="item" effect="dark" :content="item.name" placement="top">
                       <div :class="item.name.length > 8 ? 'hide' : ''">
                         {{ item.name }}
                       </div>
@@ -1484,54 +1022,27 @@
               </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>
           </div>
           <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
-              >
+              {{ $t('message.laborMange.physicalInfo') }}
+              <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"
@@ -1544,10 +1055,7 @@
                   <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"
@@ -1560,10 +1068,7 @@
                   <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"
@@ -1579,10 +1084,7 @@
                   <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"
@@ -1598,10 +1100,7 @@
                 </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"
@@ -1609,34 +1108,22 @@
                     :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-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")
+                      ? $t('message.laborMange.notMedical')
                       : scope.row.state == 2
-                      ? $t("message.laborMange.medicalFitness")
+                      ? $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"
@@ -1649,34 +1136,16 @@
               </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>
@@ -1685,19 +1154,10 @@
             <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"
@@ -1712,10 +1172,7 @@
                   <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"
@@ -1730,10 +1187,7 @@
                   <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"
@@ -1741,28 +1195,15 @@
                     :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-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.haveBought")
-                      : ""
+                    scope.row.state == 1 ? $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"
@@ -1773,10 +1214,7 @@
                   <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"
@@ -1784,29 +1222,20 @@
                     :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-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")
+                      ? $t('message.laborMange.no')
                       : scope.row.medicalInsurance == 2
-                      ? $t("message.laborMange.yes")
-                      : ""
+                      ? $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"
@@ -1814,65 +1243,41 @@
                     :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-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")
+                      ? $t('message.laborMange.no')
                       : scope.row.endowmentInsurance == 2
-                      ? $t("message.laborMange.yes")
-                      : ""
+                      ? $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)
-                    "
+                    :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-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)
-                    "
+                    @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"
-                    >
+                    <el-tooltip class="item" effect="dark" :content="item.name" placement="top">
                       <div :class="item.name.length > 8 ? 'hide' : ''">
                         {{ item.name }}
                       </div>
@@ -1882,34 +1287,16 @@
               </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,33 +1304,16 @@
 
           <div id="safety" class="table">
             <div class="pageTitle">
-              {{ $t("message.laborMange.safetyEducation") }}
+              {{ $t('message.laborMange.safetyEducation') }}
             </div>
             <el-table :data="safeEducationList" style="width: 100%">
-              <el-table-column
-                prop="date"
-                :label="$t('message.laborMange.trainingDate')"
-              ></el-table-column>
+              <el-table-column prop="date" :label="$t('message.laborMange.trainingDate')"></el-table-column>
 
-              <el-table-column
-                prop="subject"
-                :label="$t('message.laborMange.trainingTopic')"
-              >
-              </el-table-column>
-              <el-table-column
-                prop="score"
-                label="考试分数"
-              ></el-table-column>
-              <el-table-column
-                prop="isPass"
-                label="是否及格"
-              >
+              <el-table-column prop="subject" :label="$t('message.laborMange.trainingTopic')"> </el-table-column>
+              <el-table-column prop="score" label="考试分数"></el-table-column>
+              <el-table-column prop="isPass" label="是否及格">
                 <template slot-scope="scope">
-                  {{
-                    scope.row.isPass == 1
-                      ? "是"
-                      : scope.row.isPass == 0 ? "否" : ""
-                  }}
+                  {{ scope.row.isPass == 1 ? '是' : scope.row.isPass == 0 ? '否' : '' }}
                 </template>
               </el-table-column>
               <!-- <el-table-column
@@ -1972,89 +1342,44 @@
           </div>
 
           <div id="getAJob" class="table">
-            <div class="pageTitle">
-              {{ $t("message.laborMange.getAJobInfo") }}({{
-                workExperienceList.length
-              }})
-            </div>
+            <div class="pageTitle">{{ $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>
-              <el-table-column
-                prop="teamName"
-                :label="$t('message.laborMange.team')"
-              >
-              </el-table-column>
+              <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>
             </el-table>
           </div>
           <div id="rewardAndPunish" class="table">
             <div class="pageTitle">
-              {{ $t("message.laborMange.punishmentRecord") }}
+              {{ $t('message.laborMange.punishmentRecord') }}
             </div>
             <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>
-                  <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="eventTime" :label="$t('message.laborMange.occurrenceTime')"> </el-table-column>
+                  <el-table-column prop="eventTitle" :label="$t('message.laborMange.eventReason')"> </el-table-column>
+                  <el-table-column prop="seriousGrade" :label="$t('message.laborMange.orderOfSeverity')">
                     <template slot-scope="scope">
                       {{
                         scope.row.seriousGrade == 1
-                          ? $t("message.laborMange.notSerious")
+                          ? $t('message.laborMange.notSerious')
                           : scope.row.seriousGrade == 2
-                          ? $t("message.laborMange.seriousness")
+                          ? $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>
-                  <el-table-column
-                    prop="remarks"
-                    :label="$t('message.laborMange.accessory')"
-                  >
+                  <el-table-column prop="remarks" :label="$t('message.laborMange.remark')"> </el-table-column>
+                  <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
-                            )
-                          "
+                          @click="handlePreview({ url: item.url }, { name: item.name }, 6)"
                           :key="index"
                           :src="fileUrl + item.url"
                           style="width: 50px; height: 50px; margin-right: 5px"
@@ -2064,61 +1389,27 @@
                   </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>
-                  <el-table-column
-                    prop="eventTitle"
-                    :label="$t('message.laborMange.eventReason')"
-                  >
+                  <el-table-column prop="eventTime" :label="$t('message.laborMange.occurrenceTime')"> </el-table-column>
+                  <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>
-                  <el-table-column
-                    prop="remarks"
-                    :label="$t('message.laborMange.accessory')"
-                  >
+                  <el-table-column prop="remarks" :label="$t('message.laborMange.remark')"> </el-table-column>
+                  <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
-                            )
-                          "
+                          @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;
-                          "
+                          style="width: 50px; height: 50px; margin-right: 5px; cursor: pointer"
                         />
                       </div>
                     </template>
@@ -2131,40 +1422,18 @@
             <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 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="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>
+                  <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
@@ -2194,77 +1463,40 @@
         </div>
       </vue-scroll>
       <div class="mark_wrap">
-        <div
-          :class="activeClass == 0 ? 'checkedClass' : ''"
-          @click="getActiveClass(0)"
-        >
-          {{ $t("message.laborMange.essential") }}
+        <div :class="activeClass == 0 ? 'checkedClass' : ''" @click="getActiveClass(0)">
+          {{ $t('message.laborMange.essential') }}
         </div>
-        <div
-          :class="activeClass == 1 ? 'checkedClass' : ''"
-          @click="getActiveClass(1)"
-        >
-          {{ $t("message.laborMange.detailMessage") }}
+        <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)"
-        >
-          {{ $t("message.laborMange.credentials") }}
+        <div :class="activeClass == 3 ? 'checkedClass' : ''" @click="getActiveClass(3)">
+          {{ $t('message.laborMange.credentials') }}
         </div>
-        <div
-          :class="activeClass == 4 ? 'checkedClass' : ''"
-          @click="getActiveClass(4)"
-        >
-          {{ $t("message.laborMange.physicalInfo") }}
+        <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)"
-        >
-          {{ $t("message.laborMange.safetyEducation") }}
+        <div :class="activeClass == 6 ? 'checkedClass' : ''" @click="getActiveClass(6)">
+          {{ $t('message.laborMange.safetyEducation') }}
         </div>
-        <div
-          :class="activeClass == 7 ? 'checkedClass' : ''"
-          @click="getActiveClass(7)"
-        >
-          {{ $t("message.laborMange.getAJobInfo") }}
+        <div :class="activeClass == 7 ? 'checkedClass' : ''" @click="getActiveClass(7)">
+          {{ $t('message.laborMange.getAJobInfo') }}
         </div>
-        <div
-          :class="activeClass == 8 ? 'checkedClass' : ''"
-          @click="getActiveClass(8)"
-        >
-          {{ $t("message.laborMange.punishmentRecord") }}
-        </div>
-        <div
-          :class="activeClass == 9 ? 'checkedClass' : ''"
-          @click="getActiveClass(9)"
-        >
-          安全分详情
+        <div :class="activeClass == 8 ? 'checkedClass' : ''" @click="getActiveClass(8)">
+          {{ $t('message.laborMange.punishmentRecord') }}
         </div>
+        <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
@@ -2279,19 +1511,11 @@
         <!-- </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="查看大图" -->
@@ -2307,9 +1531,7 @@
     <!-- 图片裁剪-上传 -->
     <el-dialog
       :modal-append-to-body="false"
-      :title="
-        $t('message.personnelPosition.mapManage.dialog_KJNova_Clipper.title')
-      "
+      :title="$t('message.personnelPosition.mapManage.dialog_KJNova_Clipper.title')"
       :visible.sync="cropperDialog"
       width="767px"
     >
@@ -2341,64 +1563,29 @@
         <!-- </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")
-          }}:
-        </div>
+        <div class="form-label"><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>
+            <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-close" @click="showImgList = false">{{
-            $t("message.laborMange.cancel")
-          }}</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>
         </div>
       </div>
     </el-dialog>
@@ -2433,34 +1620,34 @@ import {
   safeReduceDetailList,
   resetScoreApi,
   checkfaceHikvisionApi,
-  getProjectUfaceConfigInfo,
-} from "@/assets/js/api/laborPerson.js";
-import { getProjectConfigListApi } from "@/assets/js/api/project.js";
-import { selectUserDevAuthorityByUserIdApi } from "@/assets/js/api/configManage";
-import QRCode from "qrcodejs2";
-import { VueCropper } from "vue-cropper";
-import { apiUploadImage } from "@/assets/js/api/common";
-import lrz from "lrz";
+  getProjectUfaceConfigInfo
+} from '@/assets/js/api/laborPerson.js';
+import { getProjectConfigListApi } from '@/assets/js/api/project.js';
+import { selectUserDevAuthorityByUserIdApi } from '@/assets/js/api/configManage';
+import QRCode from 'qrcodejs2';
+import { VueCropper } from 'vue-cropper';
+import { apiUploadImage } from '@/assets/js/api/common';
+import lrz from 'lrz';
 export default {
   components: {
-    VueCropper,
+    VueCropper
   },
   data() {
     return {
-      cropperEditTitle: "",
-      dateOfIssue: "",
-      radio: "",
+      cropperEditTitle: '',
+      dateOfIssue: '',
+      radio: '',
       showImgList: false,
       ufaceDevAllList: [],
       uGroupAllList: [],
-      uploadUrl: "",
-      fileUrl: "",
-      userId: "",
-      activeName: "1", //切换类型
+      uploadUrl: '',
+      fileUrl: '',
+      userId: '',
+      activeName: '1', //切换类型
       originalData: {}, // 获取的详情信息原数据. 用作判断 不作修改
       workerInfo: {
         ufaceDevId: [],
-        ufaceDevGroupId: [],
+        ufaceDevGroupId: []
       }, //基本 详情信息
       contractList: [], //合同信息
       certificateList: [], //证书
@@ -2471,7 +1658,7 @@ export default {
       reduceScoreList: [], //安全分详情
       badList: [], //奖罚 --不良记录
       rewardList: [], //奖罚 --奖励记录
-      nationList: this.$t("message.laborMange.nationList"), //民族
+      nationList: this.$t('message.laborMange.nationList'), //民族
       basicInfoStatus: false, //基本信息控制状态
       detailInfoStatus: false, //详情信息控制状态
       longTerm: false, //身份证有效期 是否长期
@@ -2482,7 +1669,7 @@ export default {
       checkedIndex: 0,
 
       //查看大图
-      dialogImageUrl: "",
+      dialogImageUrl: '',
       dialogVisible: false,
 
       enterpriseListData: [], //所属企业
@@ -2491,17 +1678,17 @@ export default {
       dutuies: [], //职务
       attendRulesList: [],
       cropperEditOption: {
-        outputType: "png",
-        img: "",
+        outputType: 'png',
+        img: '',
         autoCropWidth: 300, // 默认生成截图框宽度
-        autoCropHeight: 360, // 默认生成截图框高度
+        autoCropHeight: 360 // 默认生成截图框高度
       },
       cropperOption: {
         // outputType: "png",
-        outputType: "jpeg",
-        img: "",
+        outputType: 'jpeg',
+        img: '',
         autoCropWidth: 300, // 默认生成截图框宽度
-        autoCropHeight: 360, // 默认生成截图框高度
+        autoCropHeight: 360 // 默认生成截图框高度
       },
       cropperDialog: false,
       ufaceDevNameList: [],
@@ -2511,19 +1698,19 @@ export default {
       checkAllFaceDev: false,
       checkAllGroup: false,
       imgRadiolist: [],
-      isSzProject: "",
-      projectSn: "",
+      isSzProject: '',
+      projectSn: '',
       isNew: true,
       formRules: {
         personMail: [
           {
-            type: "email",
-            message: "请输入正确的邮箱格式",
-            trigger: "blur",
-          },
-        ],
+            type: 'email',
+            message: '请输入正确的邮箱格式',
+            trigger: 'blur'
+          }
+        ]
       },
-      isIscDevice: false, //是否是海康门禁isc设备
+      isIscDevice: false //是否是海康门禁isc设备
     };
   },
 
@@ -2539,14 +1726,14 @@ export default {
     this.getSafeScoreDetail();
     this.getAttendRuleList();
     this.getProjectConfig();
-    this.getConfig();//判断是否为海康设备
+    this.getConfig(); //判断是否为海康设备
   },
   mounted() {
-    new QRCode("workerQRcode", {
+    new QRCode('workerQRcode', {
       width: 100,
       height: 100, // 高度
       text: this.userId, // 二维码内容
-      render: "canvas", // 设置渲染方式（有两种方式 table和canvas，默认是canvas）
+      render: 'canvas' // 设置渲染方式（有两种方式 table和canvas，默认是canvas）
       // background: '#f0f',
       // foreground: '#ff0'
     });
@@ -2558,18 +1745,16 @@ export default {
       //   workerId: this.workerInfo.id,
       // })
       window.location.href =
-        this.$http.defaults.baseURL +
-        "xmgl/download/exporExcelWorkerEducation?projectSn=" +
-        this.projectSn + '&workerId=' + this.workerInfo.id;
+        this.$http.defaults.baseURL + 'xmgl/download/exporExcelWorkerEducation?projectSn=' + this.projectSn + '&workerId=' + this.workerInfo.id;
     },
     scoreReset() {
       let requestData = {
         id: this.workerInfo.id,
-        safeScore: 100,
+        safeScore: 100
       };
-      resetScoreApi(requestData).then((res) => {
+      resetScoreApi(requestData).then(res => {
         if (res.code == 200) {
-          this.$message.success("操作成功");
+          this.$message.success('操作成功');
           this.getWorkerInfo();
         }
       });
@@ -2583,7 +1768,7 @@ export default {
     },
     checkImg() {
       console.log(this.radio);
-      this.imgRadiolist.forEach((item) => {
+      this.imgRadiolist.forEach(item => {
         if (this.radio == item.personSerial) {
           this.workerInfo.personSerial = this.radio;
           this.workerInfo.fieldAcquisitionUrl = item.imageUrl;
@@ -2594,7 +1779,7 @@ export default {
     },
     // 判断是否为深圳项目
     getProjectConfig() {
-      getProjectConfigListApi({ projectSn: this.projectSn }).then((res) => {
+      getProjectConfigListApi({ projectSn: this.projectSn }).then(res => {
         // this.isSzProject = 1
         this.isSzProject = res.result[0].isSzProject; //1是 0否
         // console.log(res.result[0].isSzProject)
@@ -2603,9 +1788,9 @@ export default {
     handleCheckAllChangeGroup(val) {
       if (val) {
         this.workerInfo.ufaceDevGroupId = [];
-        this.uGroupAllList.forEach((item) => {
+        this.uGroupAllList.forEach(item => {
           if (!item.disabled) {
-            this.workerInfo.ufaceDevGroupId.push(item.id + "");
+            this.workerInfo.ufaceDevGroupId.push(item.id + '');
           }
         });
       } else {
@@ -2617,8 +1802,8 @@ export default {
     uGroupIdChange(val) {
       let checkedCount = val.length;
       let allCheckList = [];
-      console.log(val, "---------55");
-      console.log(this.workerInfo.ufaceDevGroupId, "---------55");
+      console.log(val, '---------55');
+      console.log(this.workerInfo.ufaceDevGroupId, '---------55');
       for (let i = 0; i < this.uGroupAllList.length; i++) {
         if (!this.uGroupAllList[i].disabled) {
           allCheckList.push(this.uGroupAllList[i]);
@@ -2627,15 +1812,14 @@ 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) {
         this.workerInfo.ufaceDevId = [];
-        this.ufaceDevAllList.forEach((item) => {
+        this.ufaceDevAllList.forEach(item => {
           if (!item.disabled) {
-            this.workerInfo.ufaceDevId.push(item.id + "");
+            this.workerInfo.ufaceDevId.push(item.id + '');
           }
         });
       } else {
@@ -2647,7 +1831,7 @@ export default {
     ufaceDevIdChange(val) {
       let checkedCount = val.length;
       let allCheckList = [];
-      console.log(val, "---------55");
+      console.log(val, '---------55');
       for (let i = 0; i < this.ufaceDevAllList.length; i++) {
         if (!this.ufaceDevAllList[i].disabled) {
           allCheckList.push(this.ufaceDevAllList[i]);
@@ -2656,39 +1840,38 @@ 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);
     },
     // 获取所有分组
     getUGroupDevList() {
-      getGroupListApi({ projectSn: this.projectSn }).then((res) => {
+      getGroupListApi({ projectSn: this.projectSn }).then(res => {
         console.log(res);
         if (res.code == 200) {
           this.uGroupAllList = res.result;
           console.log(this.uGroupAllList, 777888999);
           if (this.$store.state.userInfo.accountType == 6) {
-            this.uGroupAllList.forEach((item) => {
+            this.uGroupAllList.forEach(item => {
               item.disabled = true;
             });
             selectUserDevAuthorityByUserIdApi({
               userId: this.$store.state.userInfo.userId,
-              devType: "2",
-            }).then((res) => {
-              console.log("-------------1111", res);
+              devType: '2'
+            }).then(res => {
+              console.log('-------------1111', res);
               if (res.code == 200) {
                 // console.log(res)
                 let arr = [];
                 if (res.result.devId) {
-                  arr = res.result.devId.split(",");
+                  arr = res.result.devId.split(',');
                 }
                 console.log(arr);
                 this.workerInfo.ufaceDevGroupId = [];
                 this.uGroupNameList = [];
-                let id = "";
+                let id = '';
                 console.log(this.workerInfo.ufaceDevGroupId);
                 for (let i = 0; i < arr.length; i++) {
-                  this.workerInfo.ufaceDevGroupId.push(arr[i] + "");
+                  this.workerInfo.ufaceDevGroupId.push(arr[i] + '');
                   id = arr[i];
                   for (let j = 0; j < this.uGroupAllList.length; j++) {
                     console.log(this.uGroupAllList[j].id, id);
@@ -2706,40 +1889,38 @@ export default {
     },
     // 获取所有人脸设备
     getUfaceDevList() {
-      ufaceDevList({ projectSn: this.$store.state.projectSn }).then((res) => {
-        console.log("获取人脸设备", res);
+      ufaceDevList({ projectSn: this.$store.state.projectSn }).then(res => {
+        console.log('获取人脸设备', res);
         if (res.code == 200) {
           this.ufaceDevAllList = res.result || [];
           // console.log(this.workerInfo.ufaceDevId);
           if (this.$store.state.userInfo.accountType == 6) {
-            this.ufaceDevAllList.forEach((item) => {
+            this.ufaceDevAllList.forEach(item => {
               item.disabled = true;
             });
             selectUserDevAuthorityByUserIdApi({
               userId: this.$store.state.userInfo.userId,
-              devType: "1",
-            }).then((res) => {
-              console.log("-------------1111", res);
+              devType: '1'
+            }).then(res => {
+              console.log('-------------1111', res);
               if (res.code == 200) {
                 // console.log(res)
                 let arr = [];
                 if (res.result.devId) {
-                  arr = res.result.devId.split(",");
+                  arr = res.result.devId.split(',');
                 }
                 console.log(arr);
                 this.workerInfo.ufaceDevId = [];
                 this.ufaceDevNameList = [];
-                let id = "";
+                let id = '';
                 console.log(this.workerInfo.ufaceDevId);
                 for (let i = 0; i < arr.length; i++) {
-                  this.workerInfo.ufaceDevId.push(arr[i] + "");
+                  this.workerInfo.ufaceDevId.push(arr[i] + '');
                   id = arr[i];
                   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;
                     }
                   }
@@ -2752,45 +1933,43 @@ export default {
     },
     //获取考勤规则列表
     getAttendRuleList() {
-      workerAttendanceRuleList({ projectSn: this.$store.state.projectSn }).then(
-        (result) => {
-          this.attendRulesList = result.result;
-        }
-      );
+      workerAttendanceRuleList({ projectSn: this.$store.state.projectSn }).then(result => {
+        this.attendRulesList = result.result;
+      });
     },
     // 获取安全教育列表
-    getSafeEducationListFn(){
+    getSafeEducationListFn() {
       let data = {
         workerId: this.userId,
         projectSn: this.projectSn
       };
-      getTrainRecordsByWorkerIdApi(data).then((res) => {
+      getTrainRecordsByWorkerIdApi(data).then(res => {
         this.safeEducationList = res.result; //安全教育
-      })
+      });
     },
     //获取详情信息
     getWorkerInfo() {
       let data = {
-        workerId: this.userId,
+        workerId: this.userId
       };
-      getWorkerInfoData(data).then((res) => {
-        console.log("-------------------10");
+      getWorkerInfoData(data).then(res => {
+        console.log('-------------------10');
         if (res.code == 200) {
           this.originalData = res.result;
           let data = JSON.parse(JSON.stringify(res.result));
-          console.log("基本人员信息", data.workerInfo);
+          console.log('基本人员信息', data.workerInfo);
           this.workerInfo = data.workerInfo; //基本人员信息
 
           if (this.workerInfo.ruleId == 0) {
-            this.workerInfo.ruleId = "";
+            this.workerInfo.ruleId = '';
           }
           this.ufaceDevNameList = [];
           if (data.workerInfo.ufaceDevId) {
             let arr = [];
             if (data.workerInfo.ufaceDevId) {
-              arr = data.workerInfo.ufaceDevId.split(",");
+              arr = data.workerInfo.ufaceDevId.split(',');
             }
-            console.log("arr", arr);
+            console.log('arr', arr);
             // if(type == 2) {
             //   let arr2 = [];
             //   this.ufaceDevAllList.forEach(item2=>{
@@ -2811,7 +1990,7 @@ export default {
             // console.log("arr", arr);
             // this.workerInfo.ufaceDevId = [];
             this.workerInfo.ufaceDevId = arr;
-            let id = "";
+            let id = '';
 
             for (let i = 0; i < arr.length; i++) {
               //fixed 改成字符串
@@ -2835,11 +2014,11 @@ export default {
             console.log(123456789);
             let arr = [];
             if (data.workerInfo.ufaceDevGroupId) {
-              arr = data.workerInfo.ufaceDevGroupId.split(",");
+              arr = data.workerInfo.ufaceDevGroupId.split(',');
             }
-            console.log("arr", arr);
+            console.log('arr', arr);
             this.workerInfo.ufaceDevGroupId = arr;
-            let id = "";
+            let id = '';
 
             for (let i = 0; i < arr.length; i++) {
               id = parseInt(arr[i]);
@@ -2857,30 +2036,32 @@ export default {
           this.longTerm = this.workerInfo.longTerm == 1 ? true : false; //设置身份证有效期是否长期
           //获取合同照片
           if (data.contractList.length > 0) {
-            data.contractList.map((item) => {
+            data.contractList.map(item => {
               if (item.imageUrl) {
-                if (item.imageUrl.indexOf(",") != -1) {
-                  console.log("劳动~~~~~",item);
-                  item.fileList = item.imageUrl.split(",").map((item) => {
-                  return {
-                    name: item.split("*")[0],
-                    url: item.split("*")[1],
-                  };
-                });
-                } else if (item.imageUrl.indexOf("*") != -1) {
-                  console.log("劳动1~~~~~",item);
-                  item.fileList = [{ 
-                  name: item.imageUrl.split("*")[0],
-                  url: item.imageUrl.split("*")[1],
-                 }];
+                if (item.imageUrl.indexOf(',') != -1) {
+                  console.log('劳动~~~~~', item);
+                  item.fileList = item.imageUrl.split(',').map(item => {
+                    return {
+                      name: item.split('*')[0],
+                      url: item.split('*')[1]
+                    };
+                  });
+                } else if (item.imageUrl.indexOf('*') != -1) {
+                  console.log('劳动1~~~~~', item);
+                  item.fileList = [
+                    {
+                      name: item.imageUrl.split('*')[0],
+                      url: item.imageUrl.split('*')[1]
+                    }
+                  ];
                 } else {
-                  item.fileList = []
+                  item.fileList = [];
                 }
               }
             });
           } else {
             if (data.contractList.length > 0) {
-              data.contractList.map((item) => {
+              data.contractList.map(item => {
                 item.fileList = [];
               });
             }
@@ -2888,32 +2069,34 @@ export default {
           this.contractList = data.contractList; //合同信息
           //获取证书附件
           if (data.certificateList.length > 0) {
-            data.certificateList.forEach((item) => {
+            data.certificateList.forEach(item => {
               item.certificateState = false; //设置可编辑状态
-              if (item.photoUrl.indexOf(",") != -1) {
-                item.fileList = item.photoUrl.split(",").map((item) => {
+              if (item.photoUrl.indexOf(',') != -1) {
+                item.fileList = item.photoUrl.split(',').map(item => {
                   return {
-                    name: item.split("*")[0],
-                    url: item.split("*")[1],
+                    name: item.split('*')[0],
+                    url: item.split('*')[1]
                   };
                 });
                 // item.fileList = [{  }];
-              } else if(item.photoUrl.indexOf("*") != -1) {
-                item.fileList = [{ 
-                  name: item.photoUrl.split("*")[0],
-                  url: item.photoUrl.split("*")[1],
-                 }];
+              } else if (item.photoUrl.indexOf('*') != -1) {
+                item.fileList = [
+                  {
+                    name: item.photoUrl.split('*')[0],
+                    url: item.photoUrl.split('*')[1]
+                  }
+                ];
               } else {
                 item.fileList = [];
               }
             });
           }
-          console.log("详情~~~",data.certificateList);
+          console.log('详情~~~', data.certificateList);
           this.certificateList = data.certificateList; //证书
 
           //获取体检列表
           if (data.physicalsList.length > 0) {
-            data.physicalsList.forEach((item) => {
+            data.physicalsList.forEach(item => {
               item.physicalState = false; //设置可编辑状态
             });
           }
@@ -2930,21 +2113,23 @@ export default {
             //     item.fileList = [];
             //   }
             // });
-            data.insuranceList.forEach((item) => {
+            data.insuranceList.forEach(item => {
               item.insuranceState = false; //设置可编辑状态
-              if (item.photoUrl.indexOf(",") != -1) {
-                item.fileList = item.photoUrl.split(",").map((item) => {
+              if (item.photoUrl.indexOf(',') != -1) {
+                item.fileList = item.photoUrl.split(',').map(item => {
                   return {
-                    name: item.split("*")[0],
-                    url: item.split("*")[1],
+                    name: item.split('*')[0],
+                    url: item.split('*')[1]
                   };
                 });
                 // item.fileList = [{  }];
-              } else if(item.photoUrl.indexOf("*") != -1) {
-                item.fileList = [{ 
-                  name: item.photoUrl.split("*")[0],
-                  url: item.photoUrl.split("*")[1],
-                 }];
+              } else if (item.photoUrl.indexOf('*') != -1) {
+                item.fileList = [
+                  {
+                    name: item.photoUrl.split('*')[0],
+                    url: item.photoUrl.split('*')[1]
+                  }
+                ];
               } else {
                 item.fileList = [];
               }
@@ -2953,7 +2138,7 @@ export default {
           this.insuranceList = data.insuranceList; //保险
           //获取不良记录附件
           if (data.badList.length > 0) {
-            data.badList.forEach((item) => {
+            data.badList.forEach(item => {
               if (item.fileUrl) {
                 item.fileList = JSON.parse(item.fileUrl); //设置可编辑状态
               }
@@ -2961,7 +2146,7 @@ export default {
           }
           //获取奖励记录附件
           if (data.rewardList.length > 0) {
-            data.rewardList.forEach((item) => {
+            data.rewardList.forEach(item => {
               if (item.fileUrl) {
                 item.fileList = JSON.parse(item.fileUrl); //设置可编辑状态
               } else {
@@ -2987,8 +2172,8 @@ export default {
     getSafeScoreDetail() {
       safeReduceDetailList({
         projectSn: this.$store.state.projectSn,
-        workerId: this.userId,
-      }).then((result) => {
+        workerId: this.userId
+      }).then(result => {
         console.log(result, 666777);
         this.reduceScoreList = result.result;
         // this.attendRulesList = result.result;
@@ -2996,7 +2181,7 @@ export default {
     },
     //查询管理人员的职务类型和职务列表
     selectJobList() {
-      selectJobListApi().then((res) => {
+      selectJobListApi().then(res => {
         this.dutuies = res.result.jobNameList;
         this.dutuiesType = res.result.jobTypeList;
       });
@@ -3006,13 +2191,13 @@ export default {
     getProjectList() {
       let data = {
         projectSn: this.$store.state.projectSn,
-        enterpriseName: "",
+        enterpriseName: ''
       };
-      getEnterpriseInfoList(data).then((res) => {
+      getEnterpriseInfoList(data).then(res => {
         if (res.code == 200) {
           this.enterpriseListData = res.result;
         } else {
-          this.$message.error(this.$t("message.laborMange.queryFails"));
+          this.$message.error(this.$t('message.laborMange.queryFails'));
         }
       });
     },
@@ -3027,26 +2212,20 @@ export default {
       //保存
       if (this.basicInfoStatus) {
         let data = this.workerInfo;
-        if (
-          this.workerInfo.ufaceDevId &&
-          this.workerInfo.ufaceDevId.length > 0
-        ) {
-          data.ufaceDevId = this.workerInfo.ufaceDevId.join(",");
+        if (this.workerInfo.ufaceDevId && this.workerInfo.ufaceDevId.length > 0) {
+          data.ufaceDevId = this.workerInfo.ufaceDevId.join(',');
         } else {
-          data.ufaceDevId = "";
+          data.ufaceDevId = '';
         }
-        if (
-          this.workerInfo.ufaceDevGroupId &&
-          this.workerInfo.ufaceDevGroupId.length > 0
-        ) {
-          data.ufaceDevGroupId = this.workerInfo.ufaceDevGroupId.join(",");
+        if (this.workerInfo.ufaceDevGroupId && this.workerInfo.ufaceDevGroupId.length > 0) {
+          data.ufaceDevGroupId = this.workerInfo.ufaceDevGroupId.join(',');
         } else {
-          data.ufaceDevGroupId = "";
+          data.ufaceDevGroupId = '';
         }
         delete data.addTime;
-        editWorkerInfo(data).then((res) => {
+        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.basicInfoStatus = false;
             this.getWorkerInfo();
           } else {
@@ -3055,7 +2234,7 @@ export default {
         });
       } else {
         if (this.detailInfoStatus) {
-          this.$message.warning(this.$t("message.laborMange.warningHint"));
+          this.$message.warning(this.$t('message.laborMange.warningHint'));
           return;
         }
         this.basicInfoStatus = true;
@@ -3066,9 +2245,9 @@ export default {
     //编辑详情信息
     setDetailInfo() {
       // console.log(this.detailInfoStatus);
-      console.log("-----------", this.workerInfo);
+      console.log('-----------', this.workerInfo);
       if (this.detailInfoStatus) {
-        console.log("------------------1");
+        console.log('------------------1');
         let data = this.workerInfo;
         data.registerType = 1;
         data.userId = this.$store.state.userInfo.userId;
@@ -3079,24 +2258,22 @@ export default {
         }
         console.log(this.workerInfo.ufaceDevId, 123456);
         if (this.workerInfo.devType == 1) {
-          data.ufaceDevId = this.workerInfo.ufaceDevId.join(",");
-          data.ufaceDevGroupId = "";
+          data.ufaceDevId = this.workerInfo.ufaceDevId.join(',');
+          data.ufaceDevGroupId = '';
         } else if (this.workerInfo.devType == 2) {
-          data.ufaceDevGroupId = this.workerInfo.ufaceDevGroupId.join(",");
-          data.ufaceDevId = "";
+          data.ufaceDevGroupId = this.workerInfo.ufaceDevGroupId.join(',');
+          data.ufaceDevId = '';
         }
         delete data.addTime;
-        if (data.ruleId == "") {
+        if (data.ruleId == '') {
           data.ruleId = 0;
         }
-        console.log("------------------2");
-        this.$refs.workerInfo.validate((valid) => {
+        console.log('------------------2');
+        this.$refs.workerInfo.validate(valid => {
           if (valid) {
-            editWorkerInfo(data).then((res) => {
+            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();
@@ -3106,31 +2283,31 @@ export default {
               }
             });
           } else {
-            this.$message.error("请检查表单数据正确性");
+            this.$message.error('请检查表单数据正确性');
             return false;
           }
         });
         this.checkAllFaceDev = false;
         this.checkAllGroup = false;
       } else {
-        console.log("------------------3");
+        console.log('------------------3');
         console.log(this.workerInfo.ufaceDevId);
         if (!this.workerInfo.ufaceDevId) {
-          console.log("------------------5");
+          console.log('------------------5');
           this.workerInfo.ufaceDevId = [];
         }
         if (!this.workerInfo.ufaceDevGroupId) {
-          console.log("------------------5");
+          console.log('------------------5');
           this.workerInfo.ufaceDevGroupId = [];
         }
         // console.log(this.workerInfo.ufaceDevId, '---1')
         if (this.basicInfoStatus) {
-          this.$message.warning(this.$t("message.laborMange.warningHint"));
+          this.$message.warning(this.$t('message.laborMange.warningHint'));
           return;
         }
         this.detailInfoStatus = true;
         this.workerInfo = JSON.parse(JSON.stringify(this.workerInfo));
-        console.log("------------------4");
+        console.log('------------------4');
       }
       console.log(this.workerInfo);
       this.$forceUpdate();
@@ -3140,11 +2317,11 @@ export default {
     changeLongTerm(val) {
       this.longTerm = val;
       this.workerInfo.longTerm = val ? 1 : 0;
-      this.workerInfo.idCardEndDate = val ? "" : this.workerInfo.idCardEndDate;
+      this.workerInfo.idCardEndDate = val ? '' : this.workerInfo.idCardEndDate;
     },
     // 上传前
     handleBeforeUpload(file, type) {
-      console.log("上传前----", file);
+      console.log('上传前----', file);
       // >>>>>>>>>>>>>>>>>>>>>>>第一版<<<<<<<<<<<<<<<<<<<<<<<<<
       // if (type == 1) {
       //   if (
@@ -3158,30 +2335,25 @@ export default {
       //   }
       // }
       // >>>>>>>>>>>>>>>>>>>>>>>第一版<<<<<<<<<<<<<<<<<<<<<<<<<
-      if (
-        file.type != "image/jpeg" &&
-        file.type != "image/png" &&
-        file.type != "image/jpg" &&
-        file.type != "image/bmp"
-      ) {
-        this.$message.error(this.$t("message.companyDiagram.uploadMsg")); //只能上传图片
+      if (file.type != 'image/jpeg' && file.type != 'image/png' && file.type != 'image/jpg' && file.type != 'image/bmp') {
+        this.$message.error(this.$t('message.companyDiagram.uploadMsg')); //只能上传图片
         return false;
       } else if (type == 7) {
-        console.log('11111111111111111111')
+        console.log('11111111111111111111');
         console.log(file);
-        console.log('11111111111111111111')
+        console.log('11111111111111111111');
         if (
-          file.type != "image/jpeg" &&
-          file.type != "image/jpg"
+          file.type != 'image/jpeg' &&
+          file.type != 'image/jpg'
           // file.type != "image/png"
         ) {
-          this.$message.error(this.$t("请上传jpg格式图片")); //"请上传jpg、jpeg格式图片"
+          this.$message.error(this.$t('请上传jpg格式图片')); //"请上传jpg、jpeg格式图片"
           return false;
         }
         let imgSize = Number(file.size / 1024);
         console.log(11111111, imgSize);
         if (imgSize <= 10 || imgSize >= 200) {
-          this.$message.error("文件大小不能超过200kb小于10kb,请重新上传!");
+          this.$message.error('文件大小不能超过200kb小于10kb,请重新上传!');
           return false;
         }
       }
@@ -3191,74 +2363,74 @@ export default {
       const file = fileData.file;
       // 压缩图片
       // lrz(file, { quality: 1 }).then((result) => {
-        const formData = new FormData();
-        // formData.append("files", result.file);
-        // formData.append("files", result.file, "image.jpg");
-        formData.append("files", file, "image.jpg");
+      const formData = new FormData();
+      // formData.append("files", result.file);
+      // formData.append("files", result.file, "image.jpg");
+      formData.append('files', file, 'image.jpg');
 
-        // 图片上传
-        apiUploadImage(formData).then((res) => {
-          if (res.code == 200 || res.status == "SUCCESS") {
-            console.log("000000000000000000000000000")
-            console.log(res)
-            console.log("000000000000000000000000000")
+      // 图片上传
+      apiUploadImage(formData).then(res => {
+        if (res.code == 200 || res.status == 'SUCCESS') {
+          console.log('000000000000000000000000000');
+          console.log(res);
+          console.log('000000000000000000000000000');
 
-            const imgInfo = res.data[0];
-            if (
-              imgInfo.fileInfo.contentType != "image/jpeg" &&
-              imgInfo.fileInfo.contentType != "image/jpg"
-              // file.type != "image/png"
-            ) {
-              this.$message.error(this.$t("请上传jpg格式图片")); //"请上传jpg、jpeg格式图片"
-              return false;
-            }
-            let imgSize = Number(imgInfo.fileInfo.size / 1024);
-            console.log(11111111, imgSize);
-            if (imgSize <= 10 || imgSize >= 200) {
-              this.$message.error("文件大小不能超过200kb小于10kb,请重新上传!");
-              return false;
-            }
-
-            switch (type) {
-              // case "idCardAvatar": // 身份证头像
-              //   this.personForm.idCardBigPhotoUrl = imgInfo.imageUrl;
-              //   this.idCardUpPhotoFile = [
-              //     { name: imgInfo.filename, url: imgInfo.imageUrl },
-              //   ];
-              //   break;
-              case "livesFace": // 现场采集人脸
-                if(this.isIscDevice){
-                  const loading = this.$loading({
-                    lock: true,
-                    text: '图片检测中',
-                    spinner: 'el-icon-loading',
-                    background: 'rgba(0, 0, 0, 0.5)'
-                  });
-
-                  let data = {fileUrl: imgInfo.imageUrl}
-                  checkfaceHikvisionApi(data).then((res) => {
-                    console.log("333333333333333333333")
-                    console.log(res)
-                    console.log("333333333333333333333")
-                    if(res.code == 200 && res.result.checkType == "1"){
-                      this.cropperOption.img =
-                        this.$store.state.FILEURL + imgInfo.imageUrl;
-                      this.cropperDialog = true;
-                    }else{
-                      this.$message.error(res.result.message)
-                    }
-                  }).finally(() => {
-                    loading.close();
-                  })
-                }else{
-                  this.cropperOption.img =
-                    this.$store.state.FILEURL + imgInfo.imageUrl;
-                  this.cropperDialog = true;
-                }
-                break;
-            }
+          const imgInfo = res.data[0];
+          if (
+            imgInfo.fileInfo.contentType != 'image/jpeg' &&
+            imgInfo.fileInfo.contentType != 'image/jpg'
+            // file.type != "image/png"
+          ) {
+            this.$message.error(this.$t('请上传jpg格式图片')); //"请上传jpg、jpeg格式图片"
+            return false;
           }
-        });
+          let imgSize = Number(imgInfo.fileInfo.size / 1024);
+          console.log(11111111, imgSize);
+          if (imgSize <= 10 || imgSize >= 200) {
+            this.$message.error('文件大小不能超过200kb小于10kb,请重新上传!');
+            return false;
+          }
+
+          switch (type) {
+            // case "idCardAvatar": // 身份证头像
+            //   this.personForm.idCardBigPhotoUrl = imgInfo.imageUrl;
+            //   this.idCardUpPhotoFile = [
+            //     { name: imgInfo.filename, url: imgInfo.imageUrl },
+            //   ];
+            //   break;
+            case 'livesFace': // 现场采集人脸
+              if (this.isIscDevice) {
+                const loading = this.$loading({
+                  lock: true,
+                  text: '图片检测中',
+                  spinner: 'el-icon-loading',
+                  background: 'rgba(0, 0, 0, 0.5)'
+                });
+
+                let data = { fileUrl: imgInfo.imageUrl };
+                checkfaceHikvisionApi(data)
+                  .then(res => {
+                    console.log('333333333333333333333');
+                    console.log(res);
+                    console.log('333333333333333333333');
+                    if (res.code == 200 && res.result.checkType == '1') {
+                      this.cropperOption.img = this.$store.state.FILEURL + imgInfo.imageUrl;
+                      this.cropperDialog = true;
+                    } else {
+                      this.$message.error(res.result.message);
+                    }
+                  })
+                  .finally(() => {
+                    loading.close();
+                  });
+              } else {
+                this.cropperOption.img = this.$store.state.FILEURL + imgInfo.imageUrl;
+                this.cropperDialog = true;
+              }
+              break;
+          }
+        }
+      });
       // });
     },
     //上传成功
@@ -3287,12 +2459,9 @@ export default {
       } else if (type == 4) {
         let data = {
           name: file.data[0].fileInfo.originalFilename,
-          url: file.data[0].imageUrl,
+          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 = [];
@@ -3300,13 +2469,13 @@ export default {
         }
       } else if (type == 5) {
         // 资格证书
-        this.addImgAdd("certificateList", file);
+        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) {
         // 工伤保险
-        this.addImgAdd("insuranceList", file);
+        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;
@@ -3314,46 +2483,38 @@ export default {
     },
     // 资格证书和工伤共用添加
     addImgAdd(useName, file) {
-      console.log("上传图片~~~~~~~~~~~~",file);
+      console.log('上传图片~~~~~~~~~~~~', file);
       let data = {
         name: file.file.data[0].fileInfo.originalFilename,
-        url: file.file.data[0].imageUrl,
+        url: file.file.data[0].imageUrl
       };
-      const fileStr =
-        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;
+      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, '-----人员库照片查询');
+      });
     },
     //判断是不是海康的设备
     getConfig() {
       getProjectUfaceConfigInfo({
-        projectSn: this.$store.state.projectSn,
-      }).then((result) => {
+        projectSn: this.$store.state.projectSn
+      }).then(result => {
         if (result.success) {
           if (result.result) {
             // this.isUploadToHouse = result.result.housing ? true : false;
@@ -3364,10 +2525,10 @@ export default {
     },
     //人脸监测、
     checkFace(url) {
-      console.log("url", url);
+      console.log('url', url);
 
-      checkFaceApi({ fileUrl: url }).then((res) => {
-        console.log("res数据", res);
+      checkFaceApi({ fileUrl: url }).then(res => {
+        console.log('res数据', res);
 
         if (res.result.checkType == 1) {
           this.workerInfo.fieldAcquisitionUrl = url;
@@ -3379,33 +2540,35 @@ export default {
     },
     //人脸监测、第二版
     checkFace2(url) {
-      checkFaceApi({ fileUrl: url }).then((res) => {
+      checkFaceApi({ fileUrl: url }).then(res => {
         if (res.result.checkType == 1) {
-          if(this.isIscDevice){
+          if (this.isIscDevice) {
             const loading = this.$loading({
               lock: true,
               text: '裁剪图片检测中',
               spinner: 'el-icon-loading',
               background: 'rgba(0, 0, 0, 0.5)'
             });
-            let data = {fileUrl: url}
-            checkfaceHikvisionApi(data).then((res) => {
-              console.log("7777777777777777777777")
-              console.log(res)
-              console.log("7777777777777777777777")
-              if(res.code == 200 && res.result.checkType == "1"){
-                // this.personForm.fieldAcquisitionUrl = url;
-                // this.fieldAcquisitionFile = [{ name: "", url: url }];
-                // this.cropperDialog = false;
-                this.workerInfo.fieldAcquisitionUrl = url;
-                this.cropperDialog = false;
-              }else{
-                this.$message.error(res.result.message);
-              }
-            }).finally(() => {
-              loading.close();
-            })
-          }else{
+            let data = { fileUrl: url };
+            checkfaceHikvisionApi(data)
+              .then(res => {
+                console.log('7777777777777777777777');
+                console.log(res);
+                console.log('7777777777777777777777');
+                if (res.code == 200 && res.result.checkType == '1') {
+                  // this.personForm.fieldAcquisitionUrl = url;
+                  // this.fieldAcquisitionFile = [{ name: "", url: url }];
+                  // this.cropperDialog = false;
+                  this.workerInfo.fieldAcquisitionUrl = url;
+                  this.cropperDialog = false;
+                } else {
+                  this.$message.error(res.result.message);
+                }
+              })
+              .finally(() => {
+                loading.close();
+              });
+          } else {
             this.workerInfo.fieldAcquisitionUrl = url;
             this.cropperDialog = false;
             // this.$message({
@@ -3422,22 +2585,22 @@ export default {
     saveMapUrlEditFn() {
       this.$refs.cropperEdit.startCrop();
       var _this = this;
-      this.$refs.cropperEdit.getCropBlob((data) => {
+      this.$refs.cropperEdit.getCropBlob(data => {
         const isLt2M = data.size / 1024 < 500;
         if (!isLt2M) {
-          this.$message.error(this.$t("message.laborMange.hint9"));
+          this.$message.error(this.$t('message.laborMange.hint9'));
           return;
         }
         var param = new FormData();
-        param.append("files", data, "image.png");
+        param.append('files', data, 'image.png');
         _this.$http
-          .post("/upload/image", param, {
+          .post('/upload/image', param, {
             headers: {
-              "Content-Type": "multipart/form-data",
-            },
+              'Content-Type': 'multipart/form-data'
+            }
           })
-          .then((res) => {
-            console.log("aaaaa", res);
+          .then(res => {
+            console.log('aaaaa', res);
             // if (res.data.status == "SUCCESS") {
             //   // this.checkFace(res.data.data[0].imageUrl)
             //   if (this.isSzProject == 1) {
@@ -3446,13 +2609,13 @@ export default {
             //     this.checkFace(res.data.data[0].imageUrl);
             //   }
             // }
-            if (res.data.status == "SUCCESS") {
-              if ((this.cropperEditTitle = "现场采集照裁剪")) {
-                if(this.isIscDevice){
+            if (res.data.status == 'SUCCESS') {
+              if ((this.cropperEditTitle = '现场采集照裁剪')) {
+                if (this.isIscDevice) {
                   let imgSize = Number(res.data.data[0].fileInfo.size / 1024);
                   console.log('经过vueCropper裁剪后', imgSize);
                   if (imgSize <= 10 || imgSize >= 200) {
-                    this.$message.error("图片裁剪后大小不能超过200kb小于10kb,请重新裁剪或重新上传图片!");
+                    this.$message.error('图片裁剪后大小不能超过200kb小于10kb,请重新裁剪或重新上传图片!');
                     return false;
                   }
                   // this.checkImgLibrary(res.data.data[0].imageUrl);
@@ -3461,10 +2624,10 @@ export default {
                   } else {
                     this.checkFace2(res.data.data[0].imageUrl);
                   }
-                }else{
+                } else {
                   this.workerInfo.fieldAcquisitionUrl = res.data.data[0].imageUrl;
                 }
-              } else if ((this.cropperEditTitle = "身份证头像裁剪")) {
+              } else if ((this.cropperEditTitle = '身份证头像裁剪')) {
                 this.workerInfo.idCardBigPhotoUrl = res.data.data[0].imageUrl;
               }
               this.dialogVisible = false;
@@ -3476,23 +2639,23 @@ export default {
     saveMapUrlFn() {
       this.$refs.cropper.startCrop();
       var _this = this;
-      this.$refs.cropper.getCropBlob((data) => {
+      this.$refs.cropper.getCropBlob(data => {
         const isLt2M = data.size / 1024 < 500;
         if (!isLt2M) {
-          this.$message.error(this.$t("message.laborMange.hint9"));
+          this.$message.error(this.$t('message.laborMange.hint9'));
           return;
         }
         var param = new FormData();
         // param.append("files", data, "image.png");
-        param.append("files", data, "image.jpg");
+        param.append('files', data, 'image.jpg');
         _this.$http
-          .post("/upload/image", param, {
+          .post('/upload/image', param, {
             headers: {
-              "Content-Type": "multipart/form-data",
-            },
+              'Content-Type': 'multipart/form-data'
+            }
           })
-          .then((res) => {
-            console.log("aaaaa", res);
+          .then(res => {
+            console.log('aaaaa', res);
             // if (res.data.status == "SUCCESS") {
             //   // this.checkFace(res.data.data[0].imageUrl)
             //   if (this.isSzProject == 1) {
@@ -3504,10 +2667,10 @@ export default {
             let imgSize = Number(res.data.data[0].fileInfo.size / 1024);
             console.log('经过vueCropper裁剪后', imgSize);
             if (imgSize <= 10 || imgSize >= 200) {
-              this.$message.error("图片裁剪后大小不能超过200kb小于10kb,请重新裁剪或重新上传图片!");
+              this.$message.error('图片裁剪后大小不能超过200kb小于10kb,请重新裁剪或重新上传图片!');
               return false;
             }
-            if (res.data.status == "SUCCESS") {
+            if (res.data.status == 'SUCCESS') {
               // this.checkImgLibrary(res.data.data[0].imageUrl);
               if (this.isSzProject == 1) {
                 this.checkImgLibrary(res.data.data[0].imageUrl);
@@ -3522,32 +2685,25 @@ export default {
     discernId(url, type) {
       let data = {
         imageUrl: this.fileUrl + url,
-        side: type,
+        side: type
       };
-      getIdCardInfoApi(data).then((res) => {
+      getIdCardInfoApi(data).then(res => {
         if (res.code == 200) {
           let val = res.result;
           if (type == 1) {
-            this.workerInfo.nation =
-              val.ethnicity + this.$t("message.laborMange.clan");
-            this.workerInfo.sex = val.sex == "男" ? 1 : 2;
+            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;
             this.workerInfo.nativePlace = val.address;
             this.workerInfo.idCard = val.number;
           } else {
             this.workerInfo.issuingAuthorityForIdcard = val.issue;
-            this.workerInfo.idCardEndDate =
-              val.valid_to != "长期" || val.valid_to.indexOf("长期") == -1
-                ? val.valid_to
-                : "";
-            this.workerInfo.longTerm =
-              val.valid_to == "长期" || val.valid_to.indexOf("长期") == -1
-                ? true
-                : false;
+            this.workerInfo.idCardEndDate = val.valid_to != '长期' || val.valid_to.indexOf('长期') == -1 ? val.valid_to : '';
+            this.workerInfo.longTerm = val.valid_to == '长期' || val.valid_to.indexOf('长期') == -1 ? true : false;
           }
         } else {
-          this.$message.error(this.$t("message.laborMange.hint10"));
+          this.$message.error(this.$t('message.laborMange.hint10'));
         }
       });
     },
@@ -3556,57 +2712,45 @@ export default {
     handlePreview(file, name, type) {
       let itemUrl = file.url;
       let itemName = name.name;
-      let fileType = file.url.split(".")[1];
+      let fileType = file.url.split('.')[1];
       if (
-        fileType == "bmp" ||
-        fileType == "jpg" ||
-        fileType == "png" ||
-        fileType == "tif" ||
-        fileType == "gif" ||
-        fileType == "pcx" ||
-        fileType == "tga" ||
-        fileType == "exif" ||
-        fileType == "fpx" ||
-        fileType == "svg" ||
-        fileType == "psd" ||
-        fileType == "cdr" ||
-        fileType == "pcd" ||
-        fileType == "dxf" ||
-        fileType == "ufo" ||
-        fileType == "eps" ||
-        fileType == "ai" ||
-        fileType == "raw" ||
-        fileType == "WMF" ||
-        fileType == "webp" ||
-        fileType == "jpeg"
+        fileType == 'bmp' ||
+        fileType == 'jpg' ||
+        fileType == 'png' ||
+        fileType == 'tif' ||
+        fileType == 'gif' ||
+        fileType == 'pcx' ||
+        fileType == 'tga' ||
+        fileType == 'exif' ||
+        fileType == 'fpx' ||
+        fileType == 'svg' ||
+        fileType == 'psd' ||
+        fileType == 'cdr' ||
+        fileType == 'pcd' ||
+        fileType == 'dxf' ||
+        fileType == 'ufo' ||
+        fileType == 'eps' ||
+        fileType == 'ai' ||
+        fileType == 'raw' ||
+        fileType == 'WMF' ||
+        fileType == 'webp' ||
+        fileType == 'jpeg'
       ) {
         // this.dialogImageUrl = this.fileUrl + file.url;
         this.cropperEditOption.img = this.fileUrl + file.url;
         if (type == 1) {
-          this.cropperEditTitle = "现场采集照裁剪";
+          this.cropperEditTitle = '现场采集照裁剪';
         } else if (type == 8) {
-          this.cropperEditTitle = "身份证头像裁剪";
+          this.cropperEditTitle = '身份证头像裁剪';
         } else if ([4, 5, 6, 7].includes(type)) {
-          let url =
-            this.$http.defaults.baseURL +
-            "xmgl/upload/getRenameFile?fileUrl=" +
-            this.fileUrl +
-            itemUrl +
-            "&fileName=" +
-            itemName;
+          let url = this.$http.defaults.baseURL + 'xmgl/upload/getRenameFile?fileUrl=' + this.fileUrl + itemUrl + '&fileName=' + itemName;
           window.location.href = url;
         }
         if (this.basicInfoStatus) {
           this.dialogVisible = true;
         }
       } else if (name != {}) {
-        let url =
-          this.$http.defaults.baseURL +
-          "xmgl/upload/getRenameFile?fileUrl=" +
-          this.fileUrl +
-          itemUrl +
-          "&fileName=" +
-          itemName;
+        let url = this.$http.defaults.baseURL + 'xmgl/upload/getRenameFile?fileUrl=' + this.fileUrl + itemUrl + '&fileName=' + itemName;
         window.location.href = url;
       }
     },
@@ -3620,66 +2764,62 @@ export default {
             this.contractList[0].fileList.splice(index, 1);
             // console.log(this.contractList[0].imageUrl.split(","));
             // this.contractList[0].imageUrl.split(",").splice(index, 1).join(",")
-            this.contractList[0].imageUrl= "";
+            this.contractList[0].imageUrl = '';
           }
         });
         console.log(file, this.contractList);
         // this.deleteImgUse("contractList", file);
       } else if (type == 5) {
-        console.log("1111111111", file.file.url);
+        console.log('1111111111', file.file.url);
         // this.certificateList[file.index].fileList = [];
         // this.certificateList[file.index].photoUrl = "";
-        this.deleteImgUse("certificateList", file);
+        this.deleteImgUse('certificateList', file);
       } else if (type == 7) {
-        this.deleteImgUse("insuranceList", file);
+        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(",");
+      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].photoUrl = arr.join(',');
         this[useName][file.index].fileList.splice(findIndex, 1);
       }
     },
     //编辑合同信息
     editPactInfo() {
       if (this.pactInfoStatus) {
-        console.log("查看编辑时的数据---，", this.contractList[0]);
+        console.log('查看编辑时的数据---，', this.contractList[0]);
         //获取到上传的合同
         let fileArr = [];
         if (this.contractList[0].fileList.length > 0) {
-          this.contractList[0].fileList.forEach((element) => {
-            let str = element.name + "*" + element.url;
+          this.contractList[0].fileList.forEach(element => {
+            let str = element.name + '*' + element.url;
             fileArr.push(str);
           });
         }
         if (fileArr.length > 0) {
-          this.contractList[0].imageUrl = fileArr.join(",");
+          this.contractList[0].imageUrl = fileArr.join(',');
         }
 
         //没有数据  调用新增接口
         if (this.originalData.contractList.length == 0) {
-          if (this.contractList[0].contractNumber == "") {
+          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.placeholder2') + this.$t('message.laborMange.contract') + this.$t('message.laborMange.serialNumber')
             );
             return;
           }
-          if (this.contractList[0].contractType == "") {
-            this.$message.error("请选择签订合同类型");
+          if (this.contractList[0].contractType == '') {
+            this.$message.error('请选择签订合同类型');
             return;
           }
-          addContractApi(this.contractList[0]).then((res) => {
+          addContractApi(this.contractList[0]).then(res => {
             if (res.code == 200) {
-              this.$message.success(this.$t("message.laborMange.saveSuccess"));
+              this.$message.success(this.$t('message.laborMange.saveSuccess'));
               this.pactInfoStatus = false;
               this.getWorkerInfo();
             } else {
@@ -3687,21 +2827,19 @@ export default {
             }
           });
         } else {
-          if (this.contractList[0].contractNumber == "") {
+          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.placeholder2') + this.$t('message.laborMange.contract') + this.$t('message.laborMange.serialNumber')
             );
             return;
           }
-          if (this.contractList[0].contractType == "") {
-            this.$message.error("请选择签订合同类型");
+          if (this.contractList[0].contractType == '') {
+            this.$message.error('请选择签订合同类型');
             return;
           }
-          editContractApi(this.contractList[0]).then((res) => {
+          editContractApi(this.contractList[0]).then(res => {
             if (res.code == 200) {
-              this.$message.success(this.$t("message.laborMange.editSuccess"));
+              this.$message.success(this.$t('message.laborMange.editSuccess'));
               this.pactInfoStatus = false;
               this.getWorkerInfo();
             } else {
@@ -3714,17 +2852,17 @@ export default {
         //新增
         if (this.contractList.length == 0) {
           let data = {
-            imageUrl: "",
-            contractBeginDate: "",
-            contractEndDate: "",
-            contractNumber: "",
-            contractType: "",
-            laborContractType: "",
+            imageUrl: '',
+            contractBeginDate: '',
+            contractEndDate: '',
+            contractNumber: '',
+            contractType: '',
+            laborContractType: '',
             fileList: [],
-            signState: "",
-            wagesVerificationStandard: "",
-            wagesVerificationType: "",
-            workerId: this.userId,
+            signState: '',
+            wagesVerificationStandard: '',
+            wagesVerificationType: '',
+            workerId: this.userId
           };
           this.contractList.push(data);
         }
@@ -3734,9 +2872,9 @@ export default {
     //获取证书类型列表
     getCertificateTypeList() {
       let data = {
-        type: this.workerInfo.personType,
+        type: this.workerInfo.personType
       };
-      getCertificateTypeApi(data).then((res) => {
+      getCertificateTypeApi(data).then(res => {
         if (res.code == 200) {
           this.certificateTypeList = res.result;
         } else {
@@ -3751,47 +2889,47 @@ export default {
       //type == 1 证书  2 体检报告 3 保险
       if (type == 1) {
         let data = {
-          certificateNumber: "",
-          certificateType: "",
-          effectTime: "",
-          issueCompany: "",
-          issueTime: "",
-          photoUrl: "",
+          certificateNumber: '',
+          certificateType: '',
+          effectTime: '',
+          issueCompany: '',
+          issueTime: '',
+          photoUrl: '',
           projectSn: this.$store.state.projectSn,
           workerId: this.userId,
-          remarks: "",
-          skillLevel: "",
+          remarks: '',
+          skillLevel: '',
           fileList: [],
-          certificateState: true,
+          certificateState: true
         };
         this.certificateList.push(data);
         this.getCertificateTypeList();
       } else if (type == 2) {
         let data = {
-          bloodType: "",
-          conclusion: "",
-          personHeight: "",
-          personWeight: "",
-          physicalsTime: "",
+          bloodType: '',
+          conclusion: '',
+          personHeight: '',
+          personWeight: '',
+          physicalsTime: '',
           projectSn: this.$store.state.projectSn,
           workerId: this.userId,
-          state: "",
-          physicalState: true,
+          state: '',
+          physicalState: true
         };
         this.physicalsList.push(data);
       } else if (type == 3) {
         let data = {
-          endowmentInsurance: "",
-          expireTime: "",
-          insuranceTime: "",
-          insuranceType: "",
-          medicalInsurance: "",
+          endowmentInsurance: '',
+          expireTime: '',
+          insuranceTime: '',
+          insuranceType: '',
+          medicalInsurance: '',
           projectSn: this.$store.state.projectSn,
           workerId: this.userId,
-          state: "",
-          photoUrl: "",
+          state: '',
+          photoUrl: '',
           fileList: [],
-          insuranceState: true,
+          insuranceState: true
         };
         this.insuranceList.push(data);
       }
@@ -3822,10 +2960,10 @@ export default {
           this.certificateList.splice(index, 1);
         } else {
           if (data.certificateList.length > 0) {
-            data.certificateList.forEach((item) => {
+            data.certificateList.forEach(item => {
               item.certificateState = false; //设置可编辑状态
               if (item.photoUrl) {
-                let arr = item.photoUrl.split("*");
+                let arr = item.photoUrl.split('*');
                 item.fileList = [{ name: arr[0], url: arr[1] }];
               } else {
                 item.fileList = [];
@@ -3845,10 +2983,10 @@ export default {
           this.insuranceList.splice(index, 1);
         } else {
           if (data.insuranceList.length > 0) {
-            data.insuranceList.forEach((item) => {
+            data.insuranceList.forEach(item => {
               item.insuranceState = false; //设置可编辑状态
               if (item.photoUrl) {
-                let arr = item.photoUrl.split("*");
+                let arr = item.photoUrl.split('*');
                 item.fileList = [{ name: arr[0], url: arr[1] }];
               } else {
                 item.fileList = [];
@@ -3860,16 +2998,14 @@ 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("*");
+          arr.forEach(item => {
+            let valArr = item.split('*');
             fileList.push({ name: valArr[0], url: valArr[1] });
           });
           data.contractList[0].fileList = fileList;
-          console.log("回显~~~~~~~",data.contractList[0]);
+          console.log('回显~~~~~~~', data.contractList[0]);
         } else {
           data.contractList = [];
         }
@@ -3890,46 +3026,36 @@ export default {
     saveTableInfo(type, index) {
       //type == 1 证书  2 体检报告； 3 保险
       if (type == 1) {
-        let date1_s = this.certificateList[index].effectTime.replace(
-          /\-/g,
-          "/"
-        );
-        let date2_s = this.certificateList[index].issueTime.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年到当前日期的毫秒数
         //新增
-        console.log(
-          "effectTime issueTime",
-          this.certificateList[index].effectTime,
-          this.certificateList[index].issueTime
-        );
+        console.log('effectTime issueTime', this.certificateList[index].effectTime, this.certificateList[index].issueTime);
         if (!this.certificateList[index].id) {
           if (date1_unix < date2_unix) {
-            this.$message.error("开始日期不能大于截止有效期");
+            this.$message.error('开始日期不能大于截止有效期');
             return;
           }
-          if (this.certificateList[index].certificateType == "") {
-            this.$message.error(
-              this.$t("message.laborMange.pleaseChoose") +
-                this.$t("message.laborMange.certificateType")
-            );
+          if (this.certificateList[index].certificateType == '') {
+            this.$message.error(this.$t('message.laborMange.pleaseChoose') + this.$t('message.laborMange.certificateType'));
             return;
           }
 
-          addCertificateApi(this.certificateList[index]).then((res) => {
+          addCertificateApi(this.certificateList[index]).then(res => {
             if (res.code == 200) {
               this.certificateList[index].certificateState = false;
-              this.$message.success(this.$t("message.laborMange.saveSuccess"));
+              this.$message.success(this.$t('message.laborMange.saveSuccess'));
               this.getWorkerInfo();
             } else {
               this.$message.error(res.message);
             }
           });
         } else {
-          editCertificateApi(this.certificateList[index]).then((res) => {
+          editCertificateApi(this.certificateList[index]).then(res => {
             if (res.code == 200) {
               this.certificateList[index].certificateState = false;
-              this.$message.success(this.$t("message.laborMange.editSuccess"));
+              this.$message.success(this.$t('message.laborMange.editSuccess'));
               this.getWorkerInfo();
             } else {
               this.$message.error(res.message);
@@ -3937,29 +3063,26 @@ export default {
           });
         }
       } else if (type == 2) {
-        if (this.physicalsList[index].personHeight == "") {
-          this.$message.error(
-            this.$t("message.laborMange.placeholder2") +
-              this.$t("message.laborMange.stature")
-          );
+        if (this.physicalsList[index].personHeight == '') {
+          this.$message.error(this.$t('message.laborMange.placeholder2') + this.$t('message.laborMange.stature'));
           return;
         }
         //新增
         if (!this.physicalsList[index].id) {
-          addPhysicalApi(this.physicalsList[index]).then((res) => {
+          addPhysicalApi(this.physicalsList[index]).then(res => {
             if (res.code == 200) {
               this.physicalsList[index].physicalState = false;
-              this.$message.success(this.$t("message.laborMange.saveSuccess"));
+              this.$message.success(this.$t('message.laborMange.saveSuccess'));
               this.getWorkerInfo();
             } else {
               this.$message.error(res.message);
             }
           });
         } else {
-          editPhysicalApi(this.physicalsList[index]).then((res) => {
+          editPhysicalApi(this.physicalsList[index]).then(res => {
             if (res.code == 200) {
               this.physicalsList[index].physicalState = false;
-              this.$message.success(this.$t("message.laborMange.editSuccess"));
+              this.$message.success(this.$t('message.laborMange.editSuccess'));
               this.getWorkerInfo();
             } else {
               this.$message.error(res.message);
@@ -3967,50 +3090,41 @@ export default {
           });
         }
       } else if (type == 3) {
-        if (
-          !this.insuranceList[index].insuranceTime ||
-          !this.insuranceList[index].expireTime
-        ) {
-          this.$message.error("日期不能为空!");
+        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_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年到当前日期的毫秒数
-        console.log("日期", date1_unix, date2_unix);
+        console.log('日期', date1_unix, date2_unix);
         if (date1_unix > date2_unix) {
-          this.$message.error("到期日期不能大于购买日期");
+          this.$message.error('到期日期不能大于购买日期');
           return;
         }
 
-        if (this.insuranceList[index].state == "") {
-          this.$message.error(
-            this.$t("message.laborMange.pleaseChoose") +
-              this.$t("message.laborMange.insurancePurchaseStatus")
-          );
+        if (this.insuranceList[index].state == '') {
+          this.$message.error(this.$t('message.laborMange.pleaseChoose') + this.$t('message.laborMange.insurancePurchaseStatus'));
           return;
         }
         //新增
         if (!this.insuranceList[index].id) {
-          addInsuranceApi(this.insuranceList[index]).then((res) => {
+          addInsuranceApi(this.insuranceList[index]).then(res => {
             if (res.code == 200) {
               this.insuranceList[index].insuranceState = false;
-              this.$message.success(this.$t("message.laborMange.saveSuccess"));
+              this.$message.success(this.$t('message.laborMange.saveSuccess'));
               this.getWorkerInfo();
             } else {
               this.$message.error(res.message);
             }
           });
         } else {
-          editInsuranceApi(this.insuranceList[index]).then((res) => {
+          editInsuranceApi(this.insuranceList[index]).then(res => {
             if (res.code == 200) {
               this.insuranceList[index].insuranceState = false;
-              this.$message.success(this.$t("message.laborMange.editSuccess"));
+              this.$message.success(this.$t('message.laborMange.editSuccess'));
               this.getWorkerInfo();
             } else {
               this.$message.error(res.message);
@@ -4024,129 +3138,117 @@ export default {
     deleteTableInfo(type, index) {
       //type == 1 证书   2 体检报告； 3 保险
       if (type == 1) {
-        this.$confirm(
-          this.$t("message.laborMange.deleteCertificateHint"),
-          this.$t("message.laborMange.hint"),
-          {
-            confirmButtonText: this.$t("message.laborMange.confirm"),
-            cancelButtonText: this.$t("message.laborMange.cancel"),
-            type: "warning",
-          }
-        )
+        this.$confirm(this.$t('message.laborMange.deleteCertificateHint'), this.$t('message.laborMange.hint'), {
+          confirmButtonText: this.$t('message.laborMange.confirm'),
+          cancelButtonText: this.$t('message.laborMange.cancel'),
+          type: 'warning'
+        })
           .then(() => {
             if (this.certificateList[index].id) {
               let data = {
-                id: this.certificateList[index].id,
+                id: this.certificateList[index].id
               };
-              deleteCertificateApi(data).then((res) => {
+              deleteCertificateApi(data).then(res => {
                 if (res.code == 200) {
                   this.$message({
-                    type: "success",
-                    message: this.$t("message.laborMange.deleteSuccess"),
+                    type: 'success',
+                    message: this.$t('message.laborMange.deleteSuccess')
                   });
                   this.getWorkerInfo();
                 } else {
                   this.$message({
-                    type: "error",
-                    message: res.message,
+                    type: 'error',
+                    message: res.message
                   });
                 }
               });
             } else {
               this.certificateList.splice(index, 1);
               this.$message({
-                type: "success",
-                message: this.$t("message.laborMange.deleteSuccess"),
+                type: 'success',
+                message: this.$t('message.laborMange.deleteSuccess')
               });
             }
           })
-          .catch((e) => {
+          .catch(e => {
             // this.$message({
             //   type: "info",
             //   message: "已取消删除",
             // });
           });
       } else if (type == 2) {
-        this.$confirm(
-          this.$t("message.laborMange.deletePhysicalHint"),
-          this.$t("message.laborMange.hint"),
-          {
-            confirmButtonText: this.$t("message.laborMange.confirm"),
-            cancelButtonText: this.$t("message.laborMange.cancel"),
-            type: "warning",
-          }
-        )
+        this.$confirm(this.$t('message.laborMange.deletePhysicalHint'), this.$t('message.laborMange.hint'), {
+          confirmButtonText: this.$t('message.laborMange.confirm'),
+          cancelButtonText: this.$t('message.laborMange.cancel'),
+          type: 'warning'
+        })
           .then(() => {
             if (this.physicalsList[index].id) {
               let data = {
-                id: this.physicalsList[index].id,
+                id: this.physicalsList[index].id
               };
-              deletePhysicalApi(data).then((res) => {
+              deletePhysicalApi(data).then(res => {
                 if (res.code == 200) {
                   this.$message({
-                    type: "success",
-                    message: this.$t("message.laborMange.deleteSuccess"),
+                    type: 'success',
+                    message: this.$t('message.laborMange.deleteSuccess')
                   });
                   this.getWorkerInfo();
                 } else {
                   this.$message({
-                    type: "error",
-                    message: res.message,
+                    type: 'error',
+                    message: res.message
                   });
                 }
               });
             } else {
               this.physicalsList.splice(index, 1);
               this.$message({
-                type: "success",
-                message: this.$t("message.laborMange.deleteSuccess"),
+                type: 'success',
+                message: this.$t('message.laborMange.deleteSuccess')
               });
             }
           })
-          .catch((e) => {
+          .catch(e => {
             // this.$message({
             //   type: "info",
             //   message: "已取消删除",
             // });
           });
       } else if (type == 3) {
-        this.$confirm(
-          this.$t("message.laborMange.deleteInsuranceInfoHint"),
-          this.$t("message.laborMange.hint"),
-          {
-            confirmButtonText: this.$t("message.laborMange.confirm"),
-            cancelButtonText: this.$t("message.laborMange.cancel"),
-            type: "warning",
-          }
-        )
+        this.$confirm(this.$t('message.laborMange.deleteInsuranceInfoHint'), this.$t('message.laborMange.hint'), {
+          confirmButtonText: this.$t('message.laborMange.confirm'),
+          cancelButtonText: this.$t('message.laborMange.cancel'),
+          type: 'warning'
+        })
           .then(() => {
             if (this.insuranceList[index].id) {
               let data = {
-                id: this.insuranceList[index].id,
+                id: this.insuranceList[index].id
               };
-              deleteInsuranceApi(data).then((res) => {
+              deleteInsuranceApi(data).then(res => {
                 if (res.code == 200) {
                   this.$message({
-                    type: "success",
-                    message: this.$t("message.laborMange.deleteSuccess"),
+                    type: 'success',
+                    message: this.$t('message.laborMange.deleteSuccess')
                   });
                   this.getWorkerInfo();
                 } else {
                   this.$message({
-                    type: "error",
-                    message: res.message,
+                    type: 'error',
+                    message: res.message
                   });
                 }
               });
             } else {
               this.insuranceList.splice(index, 1);
               this.$message({
-                type: "success",
-                message: this.$t("message.laborMange.deleteSuccess"),
+                type: 'success',
+                message: this.$t('message.laborMange.deleteSuccess')
               });
             }
           })
-          .catch((e) => {
+          .catch(e => {
             // this.$message({
             //   type: "info",
             //   message: "已取消删除",
@@ -4173,10 +3275,10 @@ export default {
     getActiveClass(index) {
       this.activeClass = index;
       this.checkedIndex = index;
-      let jump = document.querySelectorAll(".table");
-      jump[index].scrollIntoView({ block: "start", behavior: "smooth" });
-    },
-  },
+      let jump = document.querySelectorAll('.table');
+      jump[index].scrollIntoView({ block: 'start', behavior: 'smooth' });
+    }
+  }
 };
 </script>