From 36ab5be6d7c8e2b9bd9ef9d6721a54e54b094ffd Mon Sep 17 00:00:00 2001
From: kun <1422840143@qq.com>
Date: Wed, 17 Apr 2024 23:59:32 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20BUG=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../projectFront/carManage/carManage.vue      |   22 +-
 .../components/comboForm/comboForm copy.vue   | 5339 ++++++++++++++++
 .../components/comboForm/comboForm.vue        | 5372 +----------------
 .../comboForm/dialogPage/adminDialog.vue      | 3848 ++++++++++++
 .../comboForm/dialogPage/laborDialog.vue      | 3655 +++++++++++
 .../comboForm/dialogPage/temporaryDialog.vue  | 3333 ++++++++++
 .../laborManage/personDetails.vue             |   62 +-
 .../laborManage/personModule/temporary.vue    |  321 +-
 8 files changed, 16572 insertions(+), 5380 deletions(-)
 create mode 100644 src/views/projectFront/laborManage/components/comboForm/comboForm copy.vue
 create mode 100644 src/views/projectFront/laborManage/components/comboForm/dialogPage/adminDialog.vue
 create mode 100644 src/views/projectFront/laborManage/components/comboForm/dialogPage/laborDialog.vue
 create mode 100644 src/views/projectFront/laborManage/components/comboForm/dialogPage/temporaryDialog.vue

diff --git a/src/views/projectFront/carManage/carManage.vue b/src/views/projectFront/carManage/carManage.vue
index 63851a6a..7acc0abc 100644
--- a/src/views/projectFront/carManage/carManage.vue
+++ b/src/views/projectFront/carManage/carManage.vue
@@ -428,7 +428,7 @@
               </el-option>
             </el-select>
           </el-form-item>
-          <div class="dev-content">
+          <!-- <div class="dev-content">
             <span class="dev-content-title">车辆相机设备</span>
             <el-checkbox
               :indeterminate="isIndeterminate2"
@@ -450,7 +450,7 @@
                 {{ item.cameraName }}
               </el-checkbox>
             </el-checkbox-group>
-          </div>
+          </div> -->
           <div class="dialog-footer">
             <el-button
               class="cancleBtn"
@@ -669,7 +669,7 @@ export default {
         {realName: "李先生", value: 2},*/
       ],
       addEditForm: {
-        uDevId: [],
+        // uDevId: [],
       },
       pagInfo: {
         pageNo: 1, //页数
@@ -816,9 +816,9 @@ export default {
           .split(",")
           .map(String);
       }
-      if(obj.uDevId){
-        this.addEditForm.uDevId = obj.uDevId.split(",")
-      }
+      // if(obj.uDevId){
+      //   this.addEditForm.uDevId = obj.uDevId.split(",")
+      // }
       // this.$forceUpdate();
       console.log("编辑", obj, "fileList", this.fileList);
       this.handle("edit", true);
@@ -881,11 +881,11 @@ export default {
           return;
         }
       }
-      if (this.addEditForm.uDevId.length > 0) {
-        data.uDevId = this.personForm.uDevId.join(",");
-      } else {
-        data.uDevId = "";
-      }
+      // if (this.addEditForm.uDevId.length > 0) {
+      //   data.uDevId = this.personForm.uDevId.join(",");
+      // } else {
+      //   data.uDevId = "";
+      // }
       this.$refs.addEditForm.validate((valid) => {
         if (valid) {
           if (this.Popup.type === "add") {
diff --git a/src/views/projectFront/laborManage/components/comboForm/comboForm copy.vue b/src/views/projectFront/laborManage/components/comboForm/comboForm copy.vue
new file mode 100644
index 00000000..90d3b7ca
--- /dev/null
+++ b/src/views/projectFront/laborManage/components/comboForm/comboForm copy.vue	
@@ -0,0 +1,5339 @@
+<template>
+  <div class="comboComponent">
+    <!-- 劳务人员录入弹窗 -->
+    <el-dialog
+      @close="closeDialog"
+      :modal-append-to-body="false"
+      :title="personDialogTitle"
+      :close-on-click-modal="false"
+      :visible.sync="temporaryDialog1"
+      width="969px"
+    >
+      <vue-scroll style="height: 618px">
+        <div class="dialog_content addPerson_content" ref="personDialog">
+          <!-- 劳务人员表单 -->
+          <el-form
+            size="small"
+            ref="personForm"
+            label-position="top"
+            :model="personForm"
+            label-width="80px"
+            :rules="rules"
+          >
+            <el-row :gutter="24">
+              <el-col :span="16">
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item label="所属企业" prop="enterpriseId">
+                      <el-select
+                        v-model="personForm.enterpriseId"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        @change="enterpriseChange"
+                      >
+                        <el-option
+                          v-for="item in enterpriseListData"
+                          :key="item.id"
+                          :label="item.enterpriseName"
+                          :value="item.id"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item label="所属人员类型" prop="personType">
+                      <el-select
+                        v-model="personForm.personType"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        @change="personTypeChange"
+                      >
+                        <el-option
+                          v-for="(item, index) in memberTypeList"
+                          :key="index"
+                          :label="item.name"
+                          :value="item.value"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item label="所属班组/部门" prop="teamId">
+                      <el-select
+                        v-model="personForm.teamId"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        :disabled="titleType == 'detail'"
+                      >
+                        <el-option
+                          v-for="item in workerTypeList"
+                          :key="item.id"
+                          :label="item.teamName"
+                          :value="item.id"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.compellation')"
+                      prop="workerName"
+                    >
+                      <el-input
+                        v-model="personForm.workerName"
+                        :disabled="titleType == 'detail'"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.frontAndBackOfIdCard')"
+                      prop="idCardUpPhotoUrl"
+                    >
+                      <div class="flex3" style="width: 160px;">
+                        <div>
+                          <div
+                            v-if="personForm.idCardUpPhotoUrl"
+                            style="
+                                position: relative;
+                                width: 60px;
+                                height: 38px;
+                              "
+                          >
+                            <img
+                              :src="fileUrl + personForm.idCardUpPhotoUrl"
+                              style="width: 60px; height: 38px"
+                              @click="
+                                handlePreview(
+                                  fileUrl + personForm.idCardUpPhotoUrl,
+                                  0
+                                )
+                              "
+                            />
+                            <img
+                              v-if="
+                                personForm.idCardUpPhotoUrl &&
+                                  titleType != 'detail'
+                              "
+                              src="@/assets/images/shut_icon.png"
+                              width="15px"
+                              height="15px"
+                              class="shut_icon"
+                              @click="shutIconBtn(2)"
+                            />
+                          </div>
+                          <el-upload
+                            v-else
+                            class="upload-demo identity_card"
+                            :action="uploadUrl"
+                            :on-remove="(file) => handleRemove(file, 8)"
+                            :on-success="(file) => handleSuccess(file, 8)"
+                            :on-error="(file) => handleError(file, 8)"
+                            :on-preview="(file) => handlePreview(file, 8)"
+                            :beforeUpload="
+                              (file) => handleBeforeUpload(file, 8)
+                            "
+                            name="files"
+                            :class="titleType == 'detail' ? 'margin_top35' : ''"
+                            :file-list="idCardUpPhotoUrlFile"
+                            :disabled="titleType == 'detail'"
+                            :show-file-list="false"
+                          >
+                            <img src="@/assets/images/cockade.png" />
+                            <!-- <el-button type="primary" v-if="personDialogTitle!='人员信息详情'">上传国徽面</el-button> -->
+                          </el-upload>
+                        </div>
+                        <div>
+                          <div
+                            v-if="personForm.idCardDownPhotoUrl"
+                            style="
+                                position: relative;
+                                width: 60px;
+                                height: 38px;
+                              "
+                          >
+                            <img
+                              :src="fileUrl + personForm.idCardDownPhotoUrl"
+                              style="width: 60px; height: 38px"
+                              @click="
+                                handlePreview(
+                                  fileUrl + personForm.idCardDownPhotoUrl,
+                                  0
+                                )
+                              "
+                            />
+                            <img
+                              v-if="
+                                personForm.idCardDownPhotoUrl &&
+                                  titleType != 'detail'
+                              "
+                              src="@/assets/images/shut_icon.png"
+                              width="15px"
+                              height="15px"
+                              class="shut_icon"
+                              @click="shutIconBtn(3)"
+                            />
+                          </div>
+                          <el-upload
+                            v-else
+                            class="upload-demo identity_card"
+                            :action="uploadUrl"
+                            :on-remove="(file) => handleRemove(file, 9)"
+                            :on-success="(file) => handleSuccess(file, 9)"
+                            :on-error="(file) => handleError(file, 9)"
+                            :on-preview="(file) => handlePreview(file, 9)"
+                            :beforeUpload="
+                              (file) => handleBeforeUpload(file, 9)
+                            "
+                            name="files"
+                            :class="titleType == 'detail' ? 'margin_top35' : ''"
+                            :file-list="idCardDownPhotoUrlFile"
+                            :disabled="titleType == 'detail'"
+                            :show-file-list="false"
+                          >
+                            <img src="@/assets/images/portrait.png" />
+                            <!-- <el-button type="primary" v-if="personDialogTitle!='人员信息详情'">上传人像面</el-button> -->
+                          </el-upload>
+                        </div>
+                      </div>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.sex')"
+                      prop="sex"
+                    >
+                      <el-radio-group
+                        v-model="personForm.sex"
+                        :disabled="titleType == 'detail'"
+                      >
+                        <el-radio :label="1">{{
+                          $t("message.laborMange.man")
+                        }}</el-radio>
+                        <el-radio :label="2">{{
+                          $t("message.laborMange.female")
+                        }}</el-radio>
+                      </el-radio-group>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.IdNumber2')"
+                      prop="idCard"
+                    >
+                      <el-input
+                        v-model="personForm.idCard"
+                        :disabled="titleType == 'detail'"
+                        maxlength="18"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                        @change="changeIdCard"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.dateOfBirth')"
+                      prop="birthday"
+                    >
+                      <el-date-picker
+                        v-model="personForm.birthday"
+                        type="date"
+                        :placeholder="
+                          $t('message.laborMange.pleaseSelectADate')
+                        "
+                        value-format="yyyy-MM-dd"
+                        style="width: 100%"
+                        :disabled="titleType == 'detail'"
+                      ></el-date-picker>
+                    </el-form-item>
+                  </el-col>
+
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.nation')"
+                      prop="nation"
+                    >
+                      <el-select
+                        v-model="personForm.nation"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        :disabled="titleType == 'detail'"
+                      >
+                        <el-option
+                          v-for="(item, index) in nationList"
+                          :key="index"
+                          :label="item.name"
+                          :value="item.name"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.nativePlace')"
+                      prop="nativePlace"
+                    >
+                      <el-input
+                        v-model="personForm.nativePlace"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                        :disabled="titleType == 'detail'"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.issuingAuthority')"
+                      prop="issuingAuthorityForIdcard"
+                    >
+                      <el-input
+                        v-model="personForm.issuingAuthorityForIdcard"
+                        :disabled="titleType == 'detail'"
+                        :placeholder="$t('message.laborMange.pleaseAuthority')"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.effectiveDate')"
+                      :prop="
+                        personForm.longTerm || personForm.longTerm == 1
+                          ? ''
+                          : 'idCardEndDate'
+                      "
+                    >
+                      <el-date-picker
+                        v-model="personForm.idCardEndDate"
+                        v-if="personForm.longTerm != 1 || !personForm.longTerm"
+                        :placeholder="
+                          personForm.longTerm
+                            ? ''
+                            : $t('message.laborMange.pleaseSelectADate')
+                        "
+                        value-format="yyyy-MM-dd"
+                        style="width: 75%"
+                        :disabled="personForm.longTerm || titleType == 'detail'"
+                      ></el-date-picker>
+                      <el-input
+                        v-else
+                        v-model="personForm.idCardEndDate"
+                        style="width: 75%"
+                        :disabled="true"
+                      ></el-input>
+
+                      <el-checkbox
+                        v-model="personForm.longTerm"
+                        :disabled="titleType == 'detail'"
+                        @change="checkboxLongTerm"
+                        style="margin-left: 10px"
+                        >{{ $t("message.laborMange.longTime") }}</el-checkbox
+                      >
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.phone')"
+                      prop="phoneNumber"
+                    >
+                      <el-input
+                        v-model="personForm.phoneNumber"
+                        :disabled="titleType == 'detail'"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                        oninput="if(value.length>11)value=value.slice(0,11)"
+                        type="number"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.emergencyContact')"
+                      prop="emergentPerson"
+                    >
+                      <el-input
+                        v-model="personForm.emergentPerson"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                        :disabled="titleType == 'detail'"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.emergencyContactPhone')"
+                      prop="emergentPhone"
+                    >
+                      <el-input
+                        v-model="personForm.emergentPhone"
+                        :disabled="titleType == 'detail'"
+                        oninput="if(value.length>11)value=value.slice(0,11)"
+                        type="number"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.dateOfEntry')"
+                      prop="enterDate"
+                    >
+                      <el-date-picker
+                        v-model="personForm.enterDate"
+                        :disabled="titleType == 'detail'"
+                        type="date"
+                        :placeholder="
+                          $t('message.laborMange.pleaseSelectADate')
+                        "
+                        value-format="yyyy-MM-dd"
+                        style="width: 100%"
+                      ></el-date-picker>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.workingState')"
+                      prop="inserviceType"
+                    >
+                      <el-select
+                        v-model="personForm.inserviceType"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        :disabled="true"
+                      >
+                        <el-option
+                          :label="$t('message.laborMange.onJob')"
+                          :value="1"
+                        ></el-option>
+                        <el-option
+                          :label="$t('message.laborMange.dimission')"
+                          :value="2"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.maritalStatus')"
+                      prop="marry"
+                    >
+                      <el-select
+                        v-model="personForm.marry"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        v-if="
+                          titleType != 'detail' ||
+                            (personForm.marry && titleType == 'detail')
+                        "
+                        :disabled="titleType == 'detail'"
+                      >
+                        <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>
+                      <el-input
+                        v-else
+                        :disabled="titleType == 'detail'"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.cardBank')"
+                      prop="payRollBankName"
+                    >
+                      <el-input
+                        v-model="personForm.payRollBankName"
+                        :placeholder="
+                          personForm.payRollBankName == '' &&
+                          titleType == 'detail'
+                            ? ''
+                            : $t('message.laborMange.placeholder2')
+                        "
+                        :disabled="titleType == 'detail'"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.bankCardNumber')"
+                      prop="payRollBankNumber"
+                    >
+                      <el-input
+                        v-model="personForm.payRollBankNumber"
+                        :disabled="titleType == 'detail'"
+                        :placeholder="
+                          personForm.payRollBankNumber == '' &&
+                          titleType == 'detail'
+                            ? ''
+                            : $t('message.laborMange.placeholder2')
+                        "
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.educationBackground')"
+                      prop="educational"
+                    >
+                      <el-select
+                        v-model="personForm.educational"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        :disabled="titleType == 'detail'"
+                        v-if="
+                          titleType != 'detail' ||
+                            (personForm.educational && titleType == 'detail')
+                        "
+                      >
+                        <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>
+                      <el-input
+                        v-else
+                        :disabled="titleType == 'detail'"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.bloodType')"
+                      prop="blood"
+                    >
+                      <el-select
+                        v-model="personForm.blood"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        :disabled="titleType == 'detail'"
+                        v-if="
+                          titleType != 'detail' ||
+                            (personForm.blood && titleType == 'detail')
+                        "
+                        style="width: 100%"
+                      >
+                        <el-option label="A" value="A"></el-option>
+                        <el-option label="B" value="B"></el-option>
+                        <el-option label="AB" value="AB"></el-option>
+                        <el-option label="O" value="O"></el-option>
+                      </el-select>
+                      <el-input
+                        v-else
+                        :disabled="titleType == 'detail'"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.politicsStatus')"
+                      prop="politicsStatus"
+                    >
+                      <el-select
+                        v-model="personForm.politicsStatus"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        v-if="
+                          titleType != 'detail' ||
+                            (personForm.politicsStatus && titleType == 'detail')
+                        "
+                        :disabled="titleType == 'detail'"
+                      >
+                        <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>
+                      <el-input
+                        v-else
+                        :disabled="titleType == 'detail'"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.attendanceNumber')"
+                      prop="attendanceNumber"
+                    >
+                      <el-input
+                        :disabled="titleType == 'detail'"
+                        v-model="personForm.attendanceNumber"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                      ></el-input> </el-form-item
+                  ></el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.attendanceRules')"
+                      prop="ruleId"
+                    >
+                      <el-select
+                        v-model="personForm.ruleId"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        v-if="
+                          titleType != 'detail' ||
+                            (personForm.ruleId && titleType == 'detail')
+                        "
+                        @change="changRuleId"
+                        :disabled="titleType == 'detail'"
+                      >
+                        <el-option
+                          v-for="(item, index) in attendRulesList"
+                          :key="index"
+                          :label="item.ruleName"
+                          :value="item.id"
+                        ></el-option>
+                      </el-select>
+                      <el-input
+                        v-else
+                        :disabled="titleType == 'detail'"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item label="人员定位标签号" prop="locationCardno">
+                      <el-input
+                        v-model="personForm.locationCardno"
+                        placeholder="请输入标签号"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <div class="type-change">
+                  <el-radio-group v-model="typeRadio">
+                    <el-radio :label="1">设备</el-radio>
+                    <el-radio :label="2">分组</el-radio>
+                  </el-radio-group>
+                </div>
+                <el-row v-if="typeRadio == 1">
+                  <el-form-item
+                    :label="$t('message.laborMange.faceDevice')"
+                    prop="ufaceDevList"
+                  >
+                    <el-checkbox
+                      :indeterminate="isIndeterminate2"
+                      v-model="checkAllFaceDev"
+                      @change="handleCheckAllChangeFace"
+                      >{{ $t("message.laborMange.checkAll") }}</el-checkbox
+                    >
+                    <el-checkbox-group
+                      v-model="personForm.ufaceDevId"
+                      @change="handleUfaceDevChange"
+                    >
+                      <el-checkbox
+                        v-for="(item, index) in ufaceDevAllList"
+                        :key="index"
+                        :label="item.id"
+                        :disabled="item.disabled"
+                      >
+                        {{ item.devName }}
+                      </el-checkbox>
+                    </el-checkbox-group>
+                  </el-form-item>
+                </el-row>
+                <el-row v-if="typeRadio == 2">
+                  <el-form-item label="人脸分组" prop="ufaceDevList">
+                    <el-checkbox
+                      :indeterminate="isIndeterminate3"
+                      v-model="checkAllGroupDev"
+                      @change="handleCheckAllChangeGroup"
+                      >{{ $t("message.laborMange.checkAll") }}</el-checkbox
+                    >
+                    <el-checkbox-group
+                      key="group2"
+                      v-model="personForm.uGroupId"
+                      @change="handleUGroupChange"
+                    >
+                      <el-checkbox
+                        v-for="(item, index) in uGroupAllList"
+                        :key="index"
+                        :label="item.id"
+                        :disabled="item.disabled"
+                      >
+                        {{ item.name }}
+                      </el-checkbox>
+                    </el-checkbox-group>
+                  </el-form-item>
+                </el-row>
+              </el-col>
+              <el-col :span="8">
+                <el-row :gutter="24">
+                  <el-button
+                    size="medium"
+                    type="primary"
+                    style="
+                        margin-left: 30px;
+                        width: 120px;
+                        text-align: center;
+                        padding: 9px 12px;
+                      "
+                    v-if="titleType != 'detail'"
+                    @click="turnOnTheCamera(1)"
+                    >{{ $t("message.laborMange.idCardInformation") }}</el-button
+                  >
+                  <el-button
+                    size="medium"
+                    type="primary"
+                    style="
+                        margin-left: 22px;
+                        width: 104px;
+                        text-align: center;
+                        padding: 9px 18px;
+                      "
+                    v-if="titleType != 'detail'"
+                    @click="turnOnTheCamera(2)"
+                    >{{ $t("message.laborMange.turnCamera") }}</el-button
+                  >
+                  <el-button
+                    size="medium"
+                    type="primary"
+                    style="
+                        width: 82%;
+                        margin: 15px 0 18px 30px;
+                        background: #09c2aa;
+                        border-color: #09c2aa;
+                      "
+                    @click="downloadPlugIn"
+                    v-if="titleType != 'detail'"
+                    >{{ $t("message.laborMange.highBeatDownload") }}</el-button
+                  >
+                  <el-row :gutter="24">
+                    <el-col :span="10" :offset="2">
+                      <div
+                        style="position: relative; width: 100px; height: 119px"
+                      >
+                        <img
+                          v-if="personForm.idCardBigPhotoUrl"
+                          :src="fileUrl + personForm.idCardBigPhotoUrl"
+                          @click="
+                            handlePreview(
+                              fileUrl + personForm.idCardBigPhotoUrl,
+                              0
+                            )
+                          "
+                          width="100%"
+                          height="100%"
+                        />
+                        <img
+                          v-else
+                          src="@/assets/images/profile_photo.png"
+                          width="100%"
+                          height="100%"
+                        />
+                        <img
+                          v-if="
+                            personForm.idCardBigPhotoUrl &&
+                              titleType != 'detail'
+                          "
+                          src="@/assets/images/shut_icon.png"
+                          width="15px"
+                          height="15px"
+                          class="shut_icon"
+                          @click="shutIconBtn(0)"
+                        />
+                      </div>
+                      <div style="margin: 4px 0">
+                        <!-- <span style="color: #f76c6c">*</span> -->
+                        <div style="width: 100px;text-align: center;">
+                          {{ $t("message.laborMange.IdCardHead") }}
+                        </div>
+                      </div>
+                      <!-- 身份证头像 -->
+                      <el-upload
+                        class="upload-demo"
+                        action="uploadUrl"
+                        :on-remove="(file) => handleRemove(file, 6)"
+                        :on-preview="(file) => handlePreview(file, 6)"
+                        :before-upload="(file) => handleBeforeUpload(file, 6)"
+                        :show-file-list="false"
+                        :file-list="idCardUpPhotoFile"
+                        :disabled="titleType == 'detail'"
+                        :http-request="
+                          (val) => handleUpload(val, 'idCardAvatar')
+                        "
+                      >
+                        <el-button
+                          size="medium"
+                          style="padding: 9px 20px"
+                          type="primary"
+                          v-if="titleType != 'detail'"
+                          >{{
+                            $t("message.laborMange.clickOnTheUpload")
+                          }}</el-button
+                        >
+                      </el-upload>
+                    </el-col>
+                    <el-col :span="11" :offset="1">
+                      <div
+                        style="position: relative; width: 100px; height: 119px"
+                      >
+                        <img
+                          v-if="personForm.fieldAcquisitionUrl"
+                          :src="fileUrl + personForm.fieldAcquisitionUrl"
+                          @click="
+                            handlePreview(
+                              fileUrl + personForm.fieldAcquisitionUrl,
+                              0
+                            )
+                          "
+                          width="100%"
+                          height="100%"
+                        />
+                        <img
+                          v-else
+                          src="@/assets/images/profile_photo.png"
+                          width="100%"
+                          height="100%"
+                        />
+                        <img
+                          v-if="
+                            personForm.fieldAcquisitionUrl &&
+                              titleType != 'detail'
+                          "
+                          src="@/assets/images/shut_icon.png"
+                          width="15px"
+                          height="15px"
+                          class="shut_icon"
+                          @click="shutIconBtn(1)"
+                        />
+                      </div>
+                      <div style="margin: 4px 0">
+                        <span style="color: #f76c6c">*</span>
+                        <!-- <div style="width: 100px;text-align: center;"> -->
+                        {{ $t("message.laborMange.spotFaceCollection") }}
+                        <!-- </div> -->
+                      </div>
+                      <el-upload
+                        class="upload-demo"
+                        action="uploadUrl"
+                        :on-remove="(file) => handleRemove(file, 7)"
+                        :on-preview="(file) => handlePreview(file, 7)"
+                        :before-upload="(file) => handleBeforeUpload(file, 7)"
+                        :file-list="fieldAcquisitionFile"
+                        :disabled="titleType == 'detail'"
+                        :show-file-list="false"
+                        :http-request="(val) => handleUpload(val, 'livesFace')"
+                      >
+                        <el-button
+                          size="medium"
+                          style="padding: 9px 20px"
+                          type="primary"
+                          v-if="titleType != 'detail'"
+                          >{{
+                            $t("message.laborMange.clickOnTheUpload")
+                          }}</el-button
+                        >
+                      </el-upload>
+                    </el-col>
+                  </el-row>
+                </el-row>
+                <el-col :span="22" :offset="2" class="hint">{{
+                  $t("message.laborMange.imgHint")
+                }}</el-col>
+              </el-col>
+            </el-row>
+          </el-form>
+          <div class="dialog-footer">
+            <el-button
+              class="cancleBtn"
+              @click="temporaryDialog1 = false"
+              icon="el-icon-circle-close"
+              size="medium"
+              >{{ $t("message.laborMange.cancel") }}</el-button
+            >
+            <!-- 确定按钮 -->
+            <el-button
+              type="primary"
+              icon="el-icon-circle-check"
+              @click="savePersonFn('personForm', 'laborSubmit')"
+              :disabled="titleType == 'detail'"
+              size="medium"
+              >{{ $t("message.laborMange.confirm") }}</el-button
+            >
+          </div>
+        </div>
+      </vue-scroll>
+    </el-dialog>
+    <!-- 管理人员录入弹窗 -->
+    <el-dialog
+      :modal-append-to-body="false"
+      :title="personDialogTitle"
+      :visible.sync="temporaryDialog2"
+      :close-on-click-modal="false"
+      width="969px"
+    >
+      <vue-scroll style="height: 650px">
+        <div
+          class="dialog_content addPerson_content administration"
+          ref="personDialog"
+        >
+          <div class="fixed_title" style="padding-top: 5px">
+            {{ $t("message.laborMange.essential") }}
+          </div>
+          <el-form
+            size="small"
+            ref="personForm"
+            label-position="top"
+            :model="personForm"
+            label-width="80px"
+            :rules="rules2"
+          >
+            <el-row :gutter="24">
+              <el-col :span="16">
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item label="所属企业" prop="enterpriseId">
+                      <el-select
+                        v-model="personForm.enterpriseId"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        @change="enterpriseChange"
+                      >
+                        <el-option
+                          v-for="item in enterpriseListData"
+                          :key="item.id"
+                          :label="item.enterpriseName"
+                          :value="item.id"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item label="所属人员类型" prop="personType">
+                      <el-select
+                        v-model="personForm.personType"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        @change="personTypeChange"
+                      >
+                        <el-option
+                          v-for="(item, index) in memberTypeList"
+                          :key="index"
+                          :label="item.name"
+                          :value="item.value"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item label="所属班组/部门" prop="departmentId">
+                      <el-select
+                        v-model="personForm.departmentId"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        :disabled="titleType == 'detail'"
+                      >
+                        <el-option
+                          v-for="item in departmentListData"
+                          :key="item.id"
+                          :label="item.departmentName"
+                          :value="item.id"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.compellation')"
+                      prop="workerName"
+                    >
+                      <el-input
+                        v-model="personForm.workerName"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                        :disabled="titleType == 'detail'"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.frontAndBackOfIdCard')"
+                      prop="idCardUpPhotoUrl"
+                      :rules="[
+                        {
+                          // required:
+                          //   !personForm.idCardUpPhotoUrl ||
+                          //   !personForm.idCardDownPhotoUrl,
+                          message: $t('message.laborMange.compellation'),
+                          trigger: 'submit',
+                        },
+                      ]"
+                    >
+                      <div class="flex3" style="width: 160px">
+                        <div>
+                          <div
+                            v-if="personForm.idCardUpPhotoUrl"
+                            style="
+                              position: relative;
+                              width: 60px;
+                              height: 38px;
+                            "
+                          >
+                            <img
+                              :src="fileUrl + personForm.idCardUpPhotoUrl"
+                              style="width: 60px; height: 38px"
+                              @click="
+                                handlePreview(
+                                  fileUrl + personForm.idCardUpPhotoUrl,
+                                  0
+                                )
+                              "
+                            />
+                            <img
+                              v-if="
+                                personForm.idCardUpPhotoUrl &&
+                                  titleType != 'detail'
+                              "
+                              src="@/assets/images/shut_icon.png"
+                              width="15px"
+                              height="15px"
+                              class="shut_icon"
+                              @click="shutIconBtn(2)"
+                            />
+                          </div>
+                          <el-upload
+                            v-else
+                            class="upload-demo identity_card"
+                            :action="uploadUrl"
+                            :on-remove="(file) => handleRemove(file, 1)"
+                            :on-success="(file) => handleSuccess(file, 1)"
+                            :on-error="(file) => handleError(file, 1)"
+                            :on-preview="(file) => handlePreview(file, 1)"
+                            :beforeUpload="
+                              (file) => handleBeforeUpload(file, 1)
+                            "
+                            name="files"
+                            :class="titleType == 'detail' ? 'margin_top35' : ''"
+                            :file-list="idCardUpPhotoUrlFile"
+                            :disabled="titleType == 'detail'"
+                            :show-file-list="false"
+                          >
+                            <img src="@/assets/images/cockade.png" />
+                            <!-- <el-button type="primary" v-if="personDialogTitle!='管理人员信息详情'">上传国徽面</el-button> -->
+                          </el-upload>
+                        </div>
+                        <div>
+                          <div
+                            v-if="personForm.idCardDownPhotoUrl"
+                            style="
+                              position: relative;
+                              width: 60px;
+                              height: 38px;
+                            "
+                          >
+                            <img
+                              :src="fileUrl + personForm.idCardDownPhotoUrl"
+                              style="width: 60px; height: 38px"
+                              @click="
+                                handlePreview(
+                                  fileUrl + personForm.idCardDownPhotoUrl,
+                                  0
+                                )
+                              "
+                            />
+                            <img
+                              v-if="
+                                personForm.idCardDownPhotoUrl &&
+                                  titleType != 'detail'
+                              "
+                              src="@/assets/images/shut_icon.png"
+                              width="15px"
+                              height="15px"
+                              class="shut_icon"
+                              @click="shutIconBtn(3)"
+                            />
+                          </div>
+                          <el-upload
+                            v-else
+                            class="upload-demo identity_card"
+                            :action="uploadUrl"
+                            :on-remove="(file) => handleRemove(file, 2)"
+                            :on-success="(file) => handleSuccess(file, 2)"
+                            :on-error="(file) => handleError(file, 2)"
+                            :on-preview="(file) => handlePreview(file, 2)"
+                            :beforeUpload="
+                              (file) => handleBeforeUpload(file, 2)
+                            "
+                            name="files"
+                            :class="titleType == 'detail' ? 'margin_top35' : ''"
+                            :file-list="idCardDownPhotoUrlFile"
+                            :disabled="titleType == 'detail'"
+                            :show-file-list="false"
+                          >
+                            <img src="@/assets/images/portrait.png" />
+                            <!-- <el-button type="primary" v-if="personDialogTitle!='管理人员信息详情'">上传人像面</el-button> -->
+                          </el-upload>
+                        </div>
+                      </div>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.dateOfEntry')"
+                      prop="enterDate"
+                    >
+                      <el-date-picker
+                        v-model="personForm.enterDate"
+                        type="date"
+                        :placeholder="
+                          $t('message.laborMange.pleaseSelectADate')
+                        "
+                        value-format="yyyy-MM-dd"
+                        style="width: 100%"
+                        :disabled="titleType == 'detail'"
+                      ></el-date-picker>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.IdNumber2')"
+                      prop="idCard"
+                    >
+                      <el-input
+                        v-model="personForm.idCard"
+                        :disabled="titleType == 'detail'"
+                        @change="changeIdCard"
+                        maxlength="18"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.phone')"
+                      prop="phoneNumber"
+                    >
+                      <el-input
+                        v-model="personForm.phoneNumber"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                        :disabled="titleType == 'detail'"
+                        oninput="if(value.length>11)value=value.slice(0,11)"
+                        type="number"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item :label="$t('message.laborMange.mailbox')">
+                      <el-input
+                        v-model="personForm.personMail"
+                        :placeholder="
+                          titleType != 'detail' &&
+                            $t('message.laborMange.placeholder2')
+                        "
+                        :disabled="titleType == 'detail'"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.sex')"
+                      prop="sex"
+                    >
+                      <el-radio-group
+                        v-model="personForm.sex"
+                        :disabled="titleType == 'detail'"
+                      >
+                        <el-radio :label="1">{{
+                          $t("message.laborMange.man")
+                        }}</el-radio>
+                        <el-radio :label="2">{{
+                          $t("message.laborMange.female")
+                        }}</el-radio>
+                      </el-radio-group>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.politicsStatus')"
+                      prop="politicsStatus"
+                    >
+                      <el-select
+                        v-model="personForm.politicsStatus"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        v-if="
+                          titleType != 'detail' ||
+                            (personForm.politicsStatus && titleType == 'detail')
+                        "
+                        :disabled="titleType == 'detail'"
+                      >
+                        <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>
+                      <el-input v-else :disabled="true"></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.maritalStatus')"
+                      prop="marry"
+                    >
+                      <el-select
+                        v-model="personForm.marry"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        :disabled="titleType == 'detail'"
+                        v-if="
+                          titleType != 'detail' ||
+                            (personForm.marry && titleType == 'detail')
+                        "
+                      >
+                        <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>
+                      <el-input v-else :disabled="true"></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item :label="$t('message.laborMange.dateOfBirth')">
+                      <el-date-picker
+                        v-model="personForm.birthday"
+                        type="date"
+                        :placeholder="
+                          $t('message.laborMange.pleaseSelectADate')
+                        "
+                        value-format="yyyy-MM-dd"
+                        style="width: 100%"
+                        :disabled="titleType == 'detail'"
+                        v-if="
+                          titleType != 'detail' ||
+                            (personForm.birthday && titleType == 'detail')
+                        "
+                      ></el-date-picker>
+                      <el-input v-else :disabled="true"></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.nation')"
+                      prop="nation"
+                    >
+                      <el-select
+                        v-model="personForm.nation"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        :disabled="titleType == 'detail'"
+                      >
+                        <el-option
+                          v-for="(item, index) in nationList"
+                          :key="index"
+                          :label="item.name"
+                          :value="item.name"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.educationBackground')"
+                      prop="educational"
+                    >
+                      <el-select
+                        v-model="personForm.educational"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        :disabled="titleType == 'detail'"
+                        v-if="
+                          titleType != 'detail' ||
+                            (personForm.educational && titleType == 'detail')
+                        "
+                      >
+                        <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>
+                      <el-input v-else :disabled="true"></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.nativePlace')"
+                      prop="nativePlace"
+                    >
+                      <el-input
+                        v-model="personForm.nativePlace"
+                        :placeholder="
+                          titleType != 'detail' &&
+                            $t('message.laborMange.placeholder2')
+                        "
+                        :disabled="titleType == 'detail'"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.issuingAuthority')"
+                      prop="issuingAuthorityForIdcard"
+                    >
+                      <el-input
+                        v-model="personForm.issuingAuthorityForIdcard"
+                        :disabled="titleType == 'detail'"
+                        :placeholder="
+                          titleType != 'detail' &&
+                            $t('message.laborMange.pleaseAuthority')
+                        "
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.effectiveDate')"
+                      :prop="
+                        personForm.longTerm || personForm.longTerm == 1
+                          ? ''
+                          : 'idCardEndDate'
+                      "
+                    >
+                      <el-date-picker
+                        v-model="personForm.idCardEndDate"
+                        v-if="personForm.longTerm != 1 || !personForm.longTerm"
+                        :placeholder="
+                          personForm.longTerm
+                            ? ''
+                            : $t('message.laborMange.pleaseSelectADate')
+                        "
+                        value-format="yyyy-MM-dd"
+                        style="width: 75%"
+                        :disabled="personForm.longTerm || titleType == 'detail'"
+                      ></el-date-picker>
+                      <el-input
+                        v-else
+                        v-model="personForm.idCardEndDate"
+                        style="width: 75%"
+                        :disabled="true"
+                      ></el-input>
+
+                      <el-checkbox
+                        v-model="personForm.longTerm"
+                        :disabled="titleType == 'detail'"
+                        @change="checkboxLongTerm"
+                        style="margin-left: 10px"
+                        >{{ $t("message.laborMange.longTime") }}</el-checkbox
+                      >
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.workingState')"
+                      prop="inserviceType"
+                    >
+                      <el-select
+                        v-model="personForm.inserviceType"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        :disabled="true"
+                      >
+                        <el-option
+                          :label="$t('message.laborMange.onJob')"
+                          :value="1"
+                        ></el-option>
+                        <el-option
+                          :label="$t('message.laborMange.dimission')"
+                          :value="2"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.emergencyContact')"
+                      prop="emergentPerson"
+                      :rules="[
+                        {
+                          // required: true,
+                          message: $t(
+                            'message.laborMange.pleaseEnterAnEmergencyContact'
+                          ),
+                          trigger: 'blur',
+                        },
+                      ]"
+                    >
+                      <el-input
+                        v-model="personForm.emergentPerson"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                        :disabled="titleType == 'detail'"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.emergencyContactPhone')"
+                      prop="emergentPhone"
+                      :rules="[
+                        {
+                          // required: true,
+                          message: $t(
+                            'message.laborMange.pleaseEnterAnEmergencyContactPhone'
+                          ),
+                          trigger: 'blur',
+                        },
+                      ]"
+                    >
+                      <el-input
+                        v-model="personForm.emergentPhone"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                        :disabled="titleType == 'detail'"
+                        oninput="if(value.length>11)value=value.slice(0,11)"
+                        type="number"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+
+                <el-row :gutter="24">
+                  <!-- 银行卡发卡行 -->
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.cardBank')"
+                      prop="payRollBankName"
+                    >
+                      <el-input
+                        v-model="personForm.payRollBankName"
+                        :placeholder="
+                          personForm.payRollBankName == '' &&
+                          titleType == 'detail'
+                            ? ''
+                            : $t('message.laborMange.placeholder2')
+                        "
+                        :disabled="titleType == 'detail'"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <!-- 银行卡卡号 -->
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.bankCardNumber')"
+                      prop="payRollBankNumber"
+                    >
+                      <el-input
+                        v-model="personForm.payRollBankNumber"
+                        :disabled="titleType == 'detail'"
+                        :placeholder="
+                          personForm.payRollBankNumber == '' &&
+                          titleType == 'detail'
+                            ? ''
+                            : $t('message.laborMange.placeholder2')
+                        "
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item label="人员定位标签号" prop="locationCardno">
+                      <el-input
+                        v-model="personForm.locationCardno"
+                        placeholder="请输入标签号"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+              </el-col>
+              <el-col :span="8">
+                <el-row :gutter="24">
+                  <el-button
+                    type="primary"
+                    size="medium"
+                    style="
+                      margin-left: 30px;
+                      width: 120px;
+                      text-align: center;
+                      padding: 9px 12px;
+                    "
+                    @click="turnOnTheCamera(1)"
+                    v-if="titleType != 'detail'"
+                    >{{ $t("message.laborMange.idCardInformation") }}</el-button
+                  >
+                  <el-button
+                    size="medium"
+                    type="primary"
+                    style="
+                      margin-left: 17px;
+                      width: 109px;
+                      text-align: center;
+                      padding: 9px 18px;
+                    "
+                    @click="turnOnTheCamera(2)"
+                    v-if="titleType != 'detail'"
+                    >{{ $t("message.laborMange.turnCamera") }}</el-button
+                  >
+                  <el-button
+                    size="medium"
+                    type="primary"
+                    style="
+                      width: 82%;
+                      margin: 15px 0 18px 30px;
+                      background: #09c2aa;
+                      border-color: #09c2aa;
+                    "
+                    @click="downloadPlugIn"
+                    v-if="titleType != 'detail'"
+                    >{{ $t("message.laborMange.highBeatDownload") }}</el-button
+                  >
+                  <el-row :gutter="24">
+                    <el-col :span="10" :offset="2">
+                      <div
+                        style="position: relative; width: 100px; height: 119px"
+                      >
+                        <img
+                          v-if="personForm.idCardBigPhotoUrl"
+                          :src="fileUrl + personForm.idCardBigPhotoUrl"
+                          @click="
+                            handlePreview(
+                              fileUrl + personForm.idCardBigPhotoUrl,
+                              0
+                            )
+                          "
+                          width="100%"
+                          height="100%"
+                        />
+                        <img
+                          v-else
+                          src="@/assets/images/profile_photo.png"
+                          width="100%"
+                          height="100%"
+                        />
+                        <img
+                          v-if="
+                            personForm.idCardBigPhotoUrl &&
+                              titleType != 'detail'
+                          "
+                          src="@/assets/images/shut_icon.png"
+                          width="15px"
+                          height="15px"
+                          class="shut_icon"
+                          @click="shutIconBtn(0)"
+                        />
+                      </div>
+                      <div style="margin: 4px 0">
+                        <!-- <span style="color: #f76c6c">*</span> -->
+                        <div style="width: 100px;text-align: center;">
+                          {{ $t("message.laborMange.IdCardHead") }}
+                        </div>
+                      </div>
+                      <el-upload
+                        action="uploadUrl"
+                        :on-remove="(file) => handleRemove(file, 3)"
+                        :on-preview="(file) => handlePreview(file, 3)"
+                        :beforeUpload="(file) => handleBeforeUpload(file, 3)"
+                        :show-file-list="false"
+                        :file-list="idCardBigPhotoUrlFile"
+                        list-type="picture"
+                        :http-request="
+                          (val) => handleUpload(val, 'idCardAvatar')
+                        "
+                      >
+                        <el-button
+                          size="medium"
+                          style="padding: 9px 20px"
+                          type="primary"
+                          v-if="titleType != 'detail'"
+                          >{{
+                            $t("message.laborMange.clickOnTheUpload")
+                          }}</el-button
+                        >
+                      </el-upload>
+                    </el-col>
+                    <el-col :span="11" :offset="1">
+                      <div
+                        style="position: relative; width: 100px; height: 119px"
+                      >
+                        <img
+                          v-if="personForm.fieldAcquisitionUrl"
+                          :src="fileUrl + personForm.fieldAcquisitionUrl"
+                          @click="
+                            handlePreview(
+                              fileUrl + personForm.fieldAcquisitionUrl,
+                              0
+                            )
+                          "
+                          width="100%"
+                          height="100%"
+                        />
+                        <img
+                          v-else
+                          src="@/assets/images/profile_photo.png"
+                          width="100%"
+                          height="100%"
+                        />
+                        <img
+                          v-if="
+                            personForm.fieldAcquisitionUrl &&
+                              titleType != 'detail'
+                          "
+                          src="@/assets/images/shut_icon.png"
+                          width="15px"
+                          height="15px"
+                          class="shut_icon"
+                          @click="shutIconBtn(1)"
+                        />
+                      </div>
+                      <div style="margin: 4px 0">
+                        <span style="color: #f76c6c">*</span>
+                        <!-- <div style="width: 100px;text-align: center;"> -->
+                        {{ $t("message.laborMange.spotFaceCollection") }}
+                        <!-- </div> -->
+                      </div>
+                      <el-upload
+                        action="uploadUrl"
+                        :on-remove="(file) => handleRemove(file, 4)"
+                        :on-preview="(file) => handlePreview(file, 4)"
+                        :beforeUpload="(file) => handleBeforeUpload(file, 4)"
+                        list-type="picture"
+                        :show-file-list="false"
+                        :file-list="fieldAcquisitionUrlFile"
+                        :http-request="(val) => handleUpload(val, 'livesFace')"
+                      >
+                        <el-button
+                          size="medium"
+                          style="padding: 9px 20px"
+                          type="primary"
+                          v-if="titleType != 'detail'"
+                          >{{
+                            $t("message.laborMange.clickOnTheUpload")
+                          }}</el-button
+                        >
+                      </el-upload>
+                    </el-col>
+                  </el-row>
+                </el-row>
+                <el-col :span="22" :offset="2" class="hint">{{
+                  $t("message.laborMange.imgHint")
+                }}</el-col>
+              </el-col>
+            </el-row>
+            <div class="fixed_title" style="margin-top: 10px">
+              {{ $t("message.laborMange.jobInfo") }}
+            </div>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item
+                  :label="$t('message.laborMange.companies')"
+                  :disabled="true"
+                >
+                  {{ showEnterpriseName }}
+                  <!-- <el-select
+                    v-model="personForm.enterpriseId"
+                    :placeholder="$t('message.laborMange.pleaseChoose')"
+                    style="width: 100%"
+                    :disabled="titleType == 'detail'"
+                  >
+                    <el-option
+                      v-if="enterpriseListData.length > 0"
+                      v-for="item in enterpriseListData"
+                      :key="item.id"
+                      :label="item.enterpriseName"
+                      :value="item.id"
+                    ></el-option>
+                  </el-select> -->
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item
+                  :label="$t('message.laborMange.positionType')"
+                  prop="jobType"
+                >
+                  <el-select
+                    v-model="personForm.jobType"
+                    :disabled="titleType == 'detail'"
+                    :placeholder="$t('message.laborMange.pleaseChoose')"
+                    style="width: 100%"
+                  >
+                    <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>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item
+                  :label="$t('message.laborMange.position')"
+                  prop="jobName"
+                >
+                  <el-select
+                    v-model="personForm.jobName"
+                    :disabled="titleType == 'detail'"
+                    :placeholder="$t('message.laborMange.pleaseChoose')"
+                    style="width: 100%"
+                  >
+                    <el-option
+                      v-for="item in dutuies"
+                      :key="item.id"
+                      :label="item.dictionaryName"
+                      :value="item.id + ''"
+                    ></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item
+                  :label="$t('message.laborMange.attendanceNumber')"
+                  prop="attendanceNumber"
+                >
+                  <el-input
+                    :disabled="titleType == 'detail'"
+                    v-model="personForm.attendanceNumber"
+                    :placeholder="$t('message.laborMange.placeholder2')"
+                  ></el-input> </el-form-item
+              ></el-col>
+              <el-col :span="8">
+                <el-form-item
+                  :label="$t('message.laborMange.attendanceRules')"
+                  prop="ruleId"
+                >
+                  <el-select
+                    v-model="personForm.ruleId"
+                    :placeholder="$t('message.laborMange.pleaseChoose')"
+                    style="width: 100%"
+                    :disabled="titleType == 'detail'"
+                  >
+                    <el-option
+                      v-for="(item, index) in attendRulesList"
+                      :key="index"
+                      :label="item.ruleName"
+                      :value="item.id"
+                    ></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <div class="type-change">
+              <el-radio-group v-model="typeRadio">
+                <el-radio :label="1">设备</el-radio>
+                <el-radio :label="2">分组</el-radio>
+              </el-radio-group>
+            </div>
+            <el-row v-if="typeRadio == 1">
+              <el-form-item
+                :label="$t('message.laborMange.faceDevice')"
+                prop="ufaceDevList"
+              >
+                <el-checkbox
+                  :indeterminate="isIndeterminate2"
+                  v-model="checkAllFaceDev"
+                  @change="handleCheckAllChangeFace"
+                  >{{ $t("message.laborMange.checkAll") }}</el-checkbox
+                >
+                <el-checkbox-group
+                  v-model="personForm.ufaceDevId"
+                  @change="handleUfaceDevChange"
+                >
+                  <el-checkbox
+                    v-for="(item, index) in ufaceDevAllList"
+                    :key="index"
+                    :label="item.id"
+                    :disabled="item.disabled"
+                  >
+                    {{ item.devName }}
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-form-item>
+            </el-row>
+            <el-row v-if="typeRadio == 2">
+              <el-form-item label="人脸分组" prop="ufaceDevList">
+                <el-checkbox
+                  :indeterminate="isIndeterminate3"
+                  v-model="checkAllGroupDev"
+                  @change="handleCheckAllChangeGroup"
+                  >{{ $t("message.laborMange.checkAll") }}</el-checkbox
+                >
+                <el-checkbox-group
+                  key="group2"
+                  v-model="personForm.uGroupId"
+                  @change="handleUGroupChange"
+                >
+                  <el-checkbox
+                    v-for="(item, index) in uGroupAllList"
+                    :key="index"
+                    :label="item.id"
+                    :disabled="item.disabled"
+                  >
+                    {{ item.name }}
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-form-item>
+            </el-row>
+          </el-form>
+          <div class="dialog-footer">
+            <el-button
+              class="cancleBtn"
+              @click="temporaryDialog2 = false"
+              icon="el-icon-circle-close"
+              size="medium"
+            >
+              {{ $t("message.laborMange.cancel") }}
+              <!-- 取消 -->
+            </el-button>
+            <el-button
+              type="primary"
+              icon="el-icon-circle-check"
+              @click="savePersonFn('personForm', 'adminSubmit')"
+              size="medium"
+              :disabled="titleType == 'detail'"
+            >
+              {{ $t("message.laborMange.confirm") }}
+              <!-- 确定 -->
+            </el-button>
+          </div>
+        </div>
+      </vue-scroll>
+    </el-dialog>
+    <!-- 临时人员录入弹窗 -->
+    <el-dialog
+      :modal-append-to-body="false"
+      class="temporaryDialog"
+      :title="temporaryTitle"
+      :visible.sync="temporaryDialog3"
+      width="1100px"
+      :close-on-click-modal="false"
+    >
+      <div class="dialog_content temporary">
+        <el-form
+          label-position="top"
+          label-width="80px"
+          ref="addForm"
+          :rules="rules3"
+          :model="addForm"
+          size="small"
+        >
+          <el-row :gutter="24">
+            <div class="titleStyle flex">
+              <span>{{ $t("message.laborMange.essential") }}</span>
+            </div>
+            <el-col :span="16">
+              <el-row :gutter="24">
+                <el-col :span="12">
+                  <el-form-item label="所属人员类型" prop="personType">
+                    <el-select
+                      v-model="addForm.personType"
+                      :placeholder="$t('message.laborMange.pleaseChoose')"
+                      style="width: 100%"
+                      @change="personTypeAddFormChange"
+                    >
+                      <el-option
+                        v-for="(item, index) in memberTypeList"
+                        :key="index"
+                        :label="item.name"
+                        :value="item.value"
+                      ></el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item
+                    :label="$t('message.laborMange.compellation')"
+                    prop="workerName"
+                  >
+                    <el-input
+                      v-model="addForm.workerName"
+                      style="width: 100%"
+                      :placeholder="$t('message.laborMange.placeholder2')"
+                    ></el-input>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row :gutter="24">
+                <el-col :span="12">
+                  <el-form-item
+                    :label="$t('message.laborMange.sex')"
+                    prop="sex"
+                  >
+                    <el-radio-group v-model="addForm.sex">
+                      <el-radio :label="1">{{
+                        $t("message.laborMange.man")
+                      }}</el-radio>
+                      <el-radio :label="2">{{
+                        $t("message.laborMange.female")
+                      }}</el-radio>
+                    </el-radio-group>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item
+                    :label="$t('message.laborMange.dateOfBirth')"
+                    prop="birthday"
+                  >
+                    <el-date-picker
+                      v-model="addForm.birthday"
+                      style="width: 100%"
+                      type="date"
+                      value-format="yyyy-MM-dd"
+                      :placeholder="$t('message.laborMange.pleaseSelectADate')"
+                    ></el-date-picker>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row :gutter="24">
+                <el-col :span="12">
+                  <el-form-item
+                    :label="$t('message.laborMange.IdNumber2')"
+                    prop="idCard"
+                  >
+                    <el-input
+                      v-model="addForm.idCard"
+                      style="width: 100%"
+                      :placeholder="$t('message.laborMange.placeholder2')"
+                      maxlength="18"
+                      @input="handleIdCardInput($event)"
+                    ></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item
+                    :label="$t('message.laborMange.nation')"
+                    prop="nation"
+                  >
+                    <el-select
+                      style="width: 100%"
+                      v-model="addForm.nation"
+                      :placeholder="$t('message.laborMange.pleaseChoose')"
+                    >
+                      <el-option
+                        v-for="item in $t('message.laborMange.nationList')"
+                        :key="item.name"
+                        :label="item.name"
+                        :value="item.name"
+                      ></el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row :gutter="24">
+                <el-col :span="12">
+                  <el-form-item
+                    :label="$t('message.laborMange.nativePlace')"
+                    prop="nativePlace"
+                  >
+                    <el-input
+                      v-model="addForm.nativePlace"
+                      :placeholder="$t('message.laborMange.placeholder2')"
+                      style="width: 100%"
+                    ></el-input>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item
+                    :label="$t('message.laborMange.issuingAuthority')"
+                    prop="issuingAuthorityForIdcard"
+                  >
+                    <el-input
+                      v-model="addForm.issuingAuthorityForIdcard"
+                      :placeholder="$t('message.laborMange.placeholder2')"
+                      style="width: 100%"
+                    ></el-input>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row :gutter="24">
+                <el-col :span="12">
+                  <el-form-item
+                    :label="$t('message.laborMange.effectiveDate')"
+                    prop="idCardEndDate"
+                  >
+                    <el-date-picker
+                      v-model="addForm.idCardEndDate"
+                      style="width: 100%"
+                      type="date"
+                      value-format="yyyy-MM-dd"
+                      :placeholder="$t('message.laborMange.pleaseSelectADate')"
+                    ></el-date-picker>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item
+                    :label="$t('message.laborMange.contactNumber')"
+                    prop="phoneNumber"
+                  >
+                    <el-input
+                      v-model="addForm.phoneNumber"
+                      style="width: 100%"
+                      :placeholder="$t('message.laborMange.placeholder2')"
+                      oninput="if(value.length>11)value=value.slice(0,11)"
+                      type="number"
+                    ></el-input>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+              <el-row :gutter="24">
+                <el-col :span="12">
+                  <!-- <el-form-item label="进场日期" prop="enterDate">
+                    <el-date-picker
+                      v-model="addForm.enterDate"
+                      style="width:210px"
+                      type="date"
+                      value-format="yyyy-MM-dd"
+                      placeholder="请选择日期"
+                    ></el-date-picker>
+                  </el-form-item>-->
+                  <el-col :span="12">
+                    <!-- <el-form-item
+                      :label="$t('message.laborMange.frontAndBackOfIdCard')"
+                      prop="idCardUpPhotoUrl"
+                    >
+                      <div class="flex3" style="width: 160px">
+                        <div>
+                          <div
+                            v-if="personForm.idCardUpPhotoUrl"
+                            style="
+                              position: relative;
+                              width: 60px;
+                              height: 38px;
+                            "
+                          >
+                            <img
+                              :src="fileUrl + personForm.idCardUpPhotoUrl"
+                              style="width: 60px; height: 38px"
+                              @click="
+                                handlePreview(
+                                  fileUrl + personForm.idCardUpPhotoUrl,
+                                  0
+                                )
+                              "
+                            />
+                            <img
+                              v-if="
+                                personForm.idCardUpPhotoUrl &&
+                                titleType != 'detail'
+                              "
+                              src="@/assets/images/shut_icon.png"
+                              width="15px"
+                              height="15px"
+                              class="shut_icon"
+                              @click="shutIconBtn(2)"
+                            />
+                          </div>
+                          <el-upload
+                            v-else
+                            class="upload-demo identity_card"
+                            :action="uploadUrl"
+                            :on-remove="(file) => handleRemove(file, 8)"
+                            :on-success="(file) => handleSuccess(file, 8)"
+                            :on-error="(file) => handleError(file, 8)"
+                            :on-preview="(file) => handlePreview(file, 8)"
+                            :beforeUpload="
+                              (file) => handleBeforeUpload(file, 8)
+                            "
+                            name="files"
+                            :class="titleType == 'detail' ? 'margin_top35' : ''"
+                            :file-list="idCardUpPhotoUrlFile"
+                            :disabled="titleType == 'detail'"
+                            :show-file-list="false"
+                          >
+                            <img src="@/assets/images/cockade.png" />
+                          </el-upload>
+                        </div>
+                        <div>
+                          <div
+                            v-if="personForm.idCardDownPhotoUrl"
+                            style="
+                              position: relative;
+                              width: 60px;
+                              height: 38px;
+                            "
+                          >
+                            <img
+                              :src="fileUrl + personForm.idCardDownPhotoUrl"
+                              style="width: 60px; height: 38px"
+                              @click="
+                                handlePreview(
+                                  fileUrl + personForm.idCardDownPhotoUrl,
+                                  0
+                                )
+                              "
+                            />
+                            <img
+                              v-if="
+                                personForm.idCardDownPhotoUrl &&
+                                titleType != 'detail'
+                              "
+                              src="@/assets/images/shut_icon.png"
+                              width="15px"
+                              height="15px"
+                              class="shut_icon"
+                              @click="shutIconBtn(3)"
+                            />
+                          </div>
+                          <el-upload
+                            v-else
+                            class="upload-demo identity_card"
+                            :action="uploadUrl"
+                            :on-remove="(file) => handleRemove(file, 9)"
+                            :on-success="(file) => handleSuccess(file, 9)"
+                            :on-error="(file) => handleError(file, 9)"
+                            :on-preview="(file) => handlePreview(file, 9)"
+                            :beforeUpload="
+                              (file) => handleBeforeUpload(file, 9)
+                            "
+                            name="files"
+                            :class="titleType == 'detail' ? 'margin_top35' : ''"
+                            :file-list="idCardDownPhotoUrlFile"
+                            :disabled="titleType == 'detail'"
+                            :show-file-list="false"
+                          >
+                            <img src="@/assets/images/portrait.png" />
+                          </el-upload>
+                        </div>
+                      </div>
+                    </el-form-item> -->
+                  </el-col>
+                </el-col>
+              </el-row>
+            </el-col>
+            <el-col :span="8" style="margin: 50px 0 30px">
+              <div
+                style="text-align: center; margin: -20px 0 8px 0px"
+                class="flex"
+              >
+                <el-button
+                  type="primary"
+                  size="medium"
+                  @click="getIdCardInfo"
+                  >{{ $t("message.laborMange.idCardInformation") }}</el-button
+                >
+                <el-button
+                  type="primary"
+                  size="medium"
+                  @click="downloadPlugIn"
+                  style="background: #09c2aa; border-color: #09c2aa"
+                  >{{ $t("message.laborMange.highBeatDownload") }}</el-button
+                >
+              </div>
+              <div class="flex5 uploadImage_wrap">
+                <div class="position">
+                  <img
+                    :src="$store.state.FILEURL + addForm.idCardBigPhotoUrl"
+                    v-if="addForm.idCardBigPhotoUrl != ''"
+                    style="width: 100px; height: 119px; cursor: pointer"
+                    @click="handlePreview(addForm.idCardBigPhotoUrl)"
+                  />
+                  <img
+                    v-else
+                    :src="defaultImg"
+                    style="width: 100%; height: auto; cursor: pointer"
+                  />
+                  <img
+                    src="@/assets/images/shut_icon.png"
+                    style="width: 16px; height: auto"
+                    class="shut_icon"
+                    v-if="addForm.idCardBigPhotoUrl != ''"
+                    @click.stop="addForm.idCardBigPhotoUrl = ''"
+                  />
+                </div>
+                <div class="position">
+                  <img
+                    :src="$store.state.FILEURL + addForm.fieldAcquisitionUrl"
+                    v-if="addForm.fieldAcquisitionUrl != ''"
+                    style="width: 100px; height: 119px; cursor: pointer"
+                  />
+                  <img
+                    v-else
+                    :src="defaultImg"
+                    style="width: 100%; height: auto; cursor: pointer"
+                  />
+                  <img
+                    src="@/assets/images/shut_icon.png"
+                    style="width:16px; height:auto"
+                    class="shut_icon"
+                    v-if="addForm.fieldAcquisitionUrl != ''"
+                    @click="addForm.fieldAcquisitionUrl = ''"
+                  />
+                </div>
+              </div>
+              <div class="flex5" style="margin: 5px 0">
+                <span>
+                  <!-- <span class="required">*</span> -->
+                  <div style="width: 100px;text-align: center;">
+                    {{ $t("message.laborMange.IdCardHead") }}
+                  </div>
+                </span>
+                <span>
+                  <div style="width: 100px;text-align: center;">
+                    <span class="required">*</span>现场采集人脸
+                  </div>
+                </span>
+              </div>
+              <div class="flex5">
+                <!-- <el-upload
+                  class="upload-demo"
+                  ref="upload"
+                  :action="$store.state.UPLOADURL"
+                  :before-upload="beforeUpload"
+                  name="files"
+                  :on-success="(file) => uploadSuccess(file, 1)"
+                  :show-file-list="false"
+                >
+                  <el-button slot="trigger" size="medium" type="primary">{{
+                    $t("message.laborMange.clickOnTheUpload")
+                  }}</el-button>
+                </el-upload> -->
+                <!-- <el-upload
+                  class="upload-demo"
+                  ref="upload"
+                  :action="$store.state.UPLOADURL"
+                  name="files"
+                  :before-upload="beforeUpload"
+                  :on-success="(file)=>uploadSuccess(file,2)"
+                  :show-file-list="false"
+                >
+                  <el-button slot="trigger" size="medium" type="primary">点击上传</el-button>
+                </el-upload> -->
+                <el-upload
+                  action="uploadUrl"
+                  :on-remove="(file) => handleTemporaryRemove(file, 3)"
+                  :on-preview="(file) => handleTemporaryPreview(file, 3)"
+                  :beforeUpload="(file) => handleBeforeUpload(file, 3)"
+                  :show-file-list="false"
+                  :file-list="idCardBigPhotoUrlFile"
+                  list-type="picture"
+                  :http-request="
+                    (val) => handleTemporaryUpload(val, 'idCardAvatar')
+                  "
+                >
+                  <el-button
+                    size="medium"
+                    style="padding: 9px 20px"
+                    type="primary"
+                    v-if="titleType != 'detail'"
+                    >{{ $t("message.laborMange.clickOnTheUpload") }}</el-button
+                  >
+                </el-upload>
+                <el-upload
+                  action="uploadUrl"
+                  :on-remove="(file) => handleTemporaryRemove(file, 4)"
+                  :on-preview="(file) => handleTemporaryPreview(file, 4)"
+                  :beforeUpload="(file) => handleBeforeUpload(file, 4)"
+                  list-type="picture"
+                  :show-file-list="false"
+                  :file-list="fieldAcquisitionUrlFile"
+                  :http-request="
+                    (val) => handleTemporaryUpload(val, 'livesFace')
+                  "
+                >
+                  <el-button
+                    size="medium"
+                    style="padding: 9px 20px"
+                    type="primary"
+                    v-if="titleType != 'detail'"
+                    >{{ $t("message.laborMange.clickOnTheUpload") }}</el-button
+                  >
+                </el-upload>
+              </div>
+            </el-col>
+            <div class="titleStyle flex">
+              <span>{{ $t("message.laborMange.attendanceInfo") }}</span>
+            </div>
+            <el-row :gutter="24" style="margin: 0px;">
+              <el-col :span="12">
+                <el-form-item
+                  :label="$t('message.laborMange.attendanceNumber')"
+                  prop="attendanceNumber"
+                >
+                  <el-input
+                    v-model="addForm.attendanceNumber"
+                    :placeholder="$t('message.laborMange.placeholder2')"
+                    style="width: 210px"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-row>
+        </el-form>
+        <!-- style="margin-left:120px" -->
+        <div class="dialog-footer">
+          <el-button
+            size="medium"
+            icon="el-icon-circle-close"
+            @click="temporaryDialog3 = false"
+            >{{ $t("message.laborMange.cancel") }}</el-button
+          >
+          <el-button
+            icon="el-icon-circle-check"
+            type="primary"
+            size="medium"
+            @click="submitForm('addForm')"
+            >{{ $t("message.laborMange.confirm") }}</el-button
+          >
+        </div>
+      </div>
+    </el-dialog>
+    <!-- 图片裁剪弹框 -->
+    <el-dialog
+      :modal-append-to-body="false"
+      :title="
+        $t('message.personnelPosition.mapManage.dialog_KJNova_Clipper.title')
+      "
+      :visible.sync="cropperDialog"
+      width="767px"
+    >
+      <div class="dialog_content" style="height: 400px">
+        <!-- <vue-scroll> -->
+        <vueCropper
+          ref="cropper"
+          :img="cropperOption.img"
+          :outputType="cropperOption.outputType"
+          :autoCropWidth="cropperOption.autoCropWidth"
+          :autoCropHeight="cropperOption.autoCropHeight"
+          :autoCrop="true"
+          :fixedBox="true"
+        ></vueCropper>
+        <!-- </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>
+        <el-button
+          type="primary"
+          icon="el-icon-circle-check"
+          @click="saveMapUrlFn"
+          size="medium"
+          >{{ $t("message.personnelPosition.determine") }}
+        </el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  getEnterpriseInfoList,
+  getEnterpriseTypeList,
+  setEnterpriseInfo,
+  editEnterpriseInfo,
+  deleteEnterprise,
+  getTeamInfoList,
+  getProjectTeamList,
+  addTeamInfo,
+  editTeamInfo,
+  getWorkerInfoList,
+  addWorkerInfo,
+  editWorkerInfo,
+  updateWorkerExit,
+  updateWorkerTeam,
+  deleteWorkerInfo,
+  getProjectUfaceConfigInfo,
+  getIdCardInfoApi,
+  checkFaceApi,
+  workerAttendanceRuleList,
+  sendWorkerInfoByIdApi,
+  batchSendWorkerInfoApi,
+  selectHierarchyEnterpriseListApi,
+  ufaceDevList,
+  getGroupListApi,
+  checkImgLibraryApi,
+  updateByIdWorkerInfo,
+  sendBatchWokerApi,
+  importImgDataApi,
+  getDepartmentInfoList,
+} from "@/assets/js/api/laborPerson";
+import {
+  selectUserDevAuthorityByUserIdApi,
+  exporExcelWorkerTemplateApi,
+} from "@/assets/js/api/configManage";
+import {
+  checkPhone,
+  CheckSocialCreditCode,
+  IdentityCodeValid,
+} from "@/assets/js/util.js";
+import { getProjectConfigListApi } from "@/assets/js/api/project.js";
+import { VueCropper } from "vue-cropper";
+
+import { apiUploadImage } from "@/assets/js/api/common";
+import lrz from "lrz";
+export default {
+  components: {
+    VueCropper,
+  },
+  props: ["comboFormVisible"],
+  data() {
+    return {
+      // 输入框输入后触发(输入身份证号码，自动产生出生日期)
+    handleIdCardInput(idCard) {
+      // console.log('身份证输入',idCard)
+      // 自动产生出生日期
+      if (idCard.length >= 14) {
+        // const bornStr = idCard.substr(6, 4) + '-' + idCard.substr(10, 2) + '-' + idCard.substr(12, 2)
+        // this.addForm.birthday = bornStr
+        this.addForm.birthday = this.getBirth(idCard)
+      }
+  
+      // 自动判定性别
+      if (idCard.length >= 17) {
+        // const sexStr = idCard.substr(16, 1)
+        // const sexInt = parseInt(sexStr)
+        // if (sexInt % 2 === 0) { // 女
+        //   this.form.sex = 2
+        // } else { // 男
+        //   this.form.sex = 1
+        // }
+        
+        this.addForm.sex = this.getSex(idCard)
+      }
+    },
+      defaultImg: require("../../../../../assets/images/profile_photo.png"),
+      idCardBigPhotoUrlFile: [],
+      addForm: {
+        personType: 1,
+        workerName: "",
+        sex: "",
+        phoneNumber: "",
+        attendanceNumber: "",
+        nation: "",
+        issuingAuthorityForIdcard: "",
+        idCardBigPhotoUrl: "",
+        fieldAcquisitionUrl: "",
+        idCardEndDate: "",
+        nativePlace: "",
+        birthday: "",
+        idCard: "",
+        // enterDate: "",
+      },
+      temporaryDialog1: false,
+      temporaryDialog2: false,
+      temporaryDialog3: false,
+      temporaryTitle: this.$t("message.laborMange.personnelEntry"),
+      typeRadio: 1,
+      refreshPage: true, //静默刷新
+      radio: "",
+      key: false, //判断是否显示一件下发按钮
+      COMPANY: COMPANY,
+      isCheckeedData: true, //判断一键下发是否有数据选中
+      ufaceDevAllList: [], //所有人脸设备
+      uGroupAllList: [], //所有分组
+      projectSn: null, //projectSn 项目sn
+      uploadUrl: "", //文件上传地址
+      fileUrl: "", //文件上传地址
+      showImgList: false,
+      // ------------------------------------------------------------------
+
+      enterpriseName: "", //劳务公司名称 || 企业名称
+      enterpriseListData: [], //企业列表 || 劳务公司列表
+      checkedId: 0, //选中的企业
+      //新增企业表单
+      enterpriseForm: {
+        name: "",
+        bankcardnumber: "", //银行卡号
+        bankname: "", // 开户行
+        businessLicenseEndDate: "", // 营业执照截止日期
+        businessNumber: "", //营业执照注册号
+        enterpriseAddress: "", //企业地址
+        enterpriseEmail: "", //企业邮箱
+        enterpriseLegalPerson: "", //法定代表人
+        enterpriseName: "", //企业名称
+        enterpriseProperty: "", //单位性质 1.国有企业 2三资企业 3集体企业 4私营企业
+        enterpriseQualificationUrl: "", //企业资质图片地址
+        enterpriseSafeAllow: "", //企业安全生产许可证
+        enterpriseTypeId: "", //企业类型Id
+        legalPersonTel: "", //法人电话
+        logo: "", //logo
+        projectSn: "", //项目Sn
+        qualificationNumber: "", //资质证书号
+        registerPersonPhoneTel: "", //注册人电话
+        registeredCapital: "", //注册资金
+        socialCode: "", //社会统一信用代码
+      },
+      //校验新增企业表单
+      enterpriseFormRules: this.$t("message.laborMange.enterpriseFormRules"),
+      // 人员类型列表
+      memberTypeList: [
+        { name: "劳务人员", value: 1 },
+        { name: "管理人员", value: 2 },
+        { name: "临时人员", value: 3 },
+      ],
+      //民族
+      nationList: this.$t("message.laborMange.nationList"),
+      imgFileList: [], // 照片文件列表
+      aptitudeFileList: [], //资质照片列表
+      logoFileList: [], //logo 文件列表
+      enterpriseTypeList: [], //新增企业 企业类型下拉
+      bigImageDialog: false, //查看大图
+      bigImageUrl: "", //大图地址
+      enterpriseDialogTitle: this.$t("message.laborMange.theNewEnterprise"), // 用于判断  是新增 还是编辑  修改字段要谨慎啊
+      addEnterpriseDialog: false, //新增企业 弹窗
+
+      /*-------------------
+  -----------------------右边数据字段----------------
+  ---------------*/
+      teamDialogTitle: this.$t("message.laborMange.theNewTeam"),
+      //班组信息
+      teamForm: {
+        describeValue: "", //描述
+        leaderIdCard: "", //负责人身份证号
+        leaderName: "", //负责人姓名
+        leaderPhone: "", //负责人手机号
+        teamName: "", //班组名称
+        teamType: "", //班组类型
+        workerTypeId: "", //工种id
+        specialTeam: 0, //是否是特殊班组  0否，1是
+      },
+      specialTeam: 0,
+      //班组校验
+      teamFormRules: this.$t("message.laborMange.teamFormRules"),
+      workerTypeList: [], // 班组
+      departmentListData: [], // 部门
+      showEnterpriseName: "", //头部的企业名称
+      teamListData: {}, // 班组列表
+      checkedTeamId: 0, //选中的班组id
+      pageSize: 10,
+      page: 1,
+      total: 0,
+      //请求表格参数
+      tableParameter: {
+        idCard: "",
+        personType: 1,
+        projectSn: "",
+        teamId: "",
+        departmentId: "",
+        workerName: "",
+        inserviceType: "",
+        enterDate: "",
+        codeState: "",
+      },
+      tableListData: [], //表格数据
+      personDialogTitle: this.$t("message.laborMange.personnelEntry"),
+      titleType: "add",
+      imgImportDialog: false, //照片导入 弹窗
+      //人员表单字段
+      personForm: {
+        workerName: "",
+        enterpriseId: "",
+        teamId: "",
+        departmentId: "",
+        sex: "",
+        idCard: "",
+        birthday: "",
+        enterDate: "",
+        personType: 1,
+        nation: "",
+        nativePlace: "",
+        isUploadHousing: "",
+        issuingAuthorityForIdcard: "",
+        idCardEndDate: "",
+        longTerm: false,
+        phoneNumber: "",
+        emergentPerson: "",
+        emergentPhone: "",
+        inserviceType: "",
+        politicsStatus: "",
+        marry: "",
+        payRollBankName: "",
+        payRollBankNumber: "",
+        educational: "",
+        blood: "",
+        examinationImage: "",
+        contractImage: "",
+        employmentCard: "",
+        idCardBigPhotoUrl: "",
+        fieldAcquisitionUrl: "",
+        personType: 1,
+        idCardUpPhotoUrl: "",
+        idCardDownPhotoUrl: "",
+        ruleId: "",
+        ufaceDevId: [],
+        uGroupId: [],
+        personSerial: "",
+        locationCardno: "", //人员定位标签号
+      },
+      //人员录入校验
+      personFormRules: this.$t("message.laborMange.personFormRules2"),
+
+      //显示的文件列表
+      examinationFile: [], //体检报告
+      contractFile: [], //合同附件
+      employmentFile: [], //从业资格证书
+      idCardUpPhotoFile: [], //身份证头像
+      fieldAcquisitionFile: [], //现场采集人脸
+      idCardUpPhotoUrlFile: [], // 身份证国徽面
+      idCardDownPhotoUrlFile: [], // 身份证人像面
+      //显示的文件列表
+      fieldAcquisitionUrlFile: [],
+      checkAll: false, //显示选中状态
+      isIndeterminate: false, //有选中的数据
+      checkedWorker: [], //批量选中的数据
+      batchMoveDialog: false, //批量移动弹窗
+      //批量移动表单
+      batchMoveForm: {
+        teamId: "",
+        departmentId: "",
+        enterpriseId: "",
+      },
+      moveTeamList: [], // 选择移动的班组的列表
+      showTeamList: false, //显示班组列表
+
+      // 表格 全选 状态 禁用启用
+      checkAllStatus: false,
+
+      webSocket: null,
+      instrUmentScreenDialog: false,
+      umentScreenUrl: "",
+      base64Type: "data:image/jpeg;base64,",
+      isUploadToHouse: false, //是否显示上传到住建局按钮
+      attendRulesList: [],
+      enterpriseTypeId: "",
+      cropperOption: {
+        outputType: "png",
+        img: "",
+        autoCropWidth: 300, // 默认生成截图框宽度
+        autoCropHeight: 360, // 默认生成截图框高度
+      },
+      cropperDialog: false,
+      enterpriseTreeData: [],
+      defaultId: "",
+      isIndeterminate2: false,
+      isIndeterminate3: false,
+      checkAllFaceDev: false,
+      checkAllGroupDev: false,
+      fileTemp: "",
+      imgRadiolist: [],
+      isSzProject: "",
+      //职务类型
+      dutuiesType: [],
+      dutuies: [],
+      rules2: {
+        enterpriseId: [
+          {
+            required: true,
+            message: "请选择",
+            trigger: "blur",
+          },
+        ],
+        departmentId: [
+          {
+            required: true,
+            message: "请选择",
+            trigger: "blur",
+          },
+        ],
+        personType: [
+          {
+            required: true,
+            message: this.$t("message.laborMange.pleaseInputYourName"),
+            trigger: "blur",
+          },
+        ],
+        workerName: [
+          {
+            required: true,
+            message: this.$t("message.laborMange.pleaseInputYourName"),
+            trigger: "blur",
+          },
+        ],
+        // sex: [
+        //   {
+        //     required: true,
+        //     message: "请选择性别",
+        //     trigger: "submit",
+        //   },
+        // ],
+        idCard: [
+          {
+            required: true,
+            message: this.$t("message.laborMange.pleaseInputYourIdNumber"),
+            trigger: "blur",
+          },
+        ],
+        // attendanceNumber: [
+        //   {
+        //     required: true,
+        //     message: this.$t(
+        //       "message.laborMange.pleaseInputYourAttendanceNumber"
+        //     ),
+        //     trigger: "blur",
+        //   },
+        // ],
+        // phoneNumber: [
+        //   { required: true, message: "请输入联系电话", trigger: "blur" },
+        // ],
+        // enterDate: [
+        //   { required: true, message: "请选择进场日期", trigger: "blur" },
+        // ],
+      },
+      rules3: {
+        enterpriseId: [
+          {
+            required: true,
+            message: "请选择",
+            trigger: "change",
+          },
+        ],
+        teamId: [
+          {
+            required: true,
+            message: "请选择",
+            trigger: "change",
+          },
+        ],
+        departmentId: [
+          {
+            required: true,
+            message: "请选择",
+            trigger: "change",
+          },
+        ],
+        personType: [
+          {
+            required: true,
+            message: this.$t("message.laborMange.pleaseInputYourName"),
+            trigger: "blur",
+          },
+        ],
+        workerName: [
+          {
+            required: true,
+            message: this.$t("message.laborMange.pleaseInputYourName"),
+            trigger: "blur",
+          },
+        ],
+        // sex: [
+        //   {
+        //     required: true,
+        //     message: "请选择性别",
+        //     trigger: "submit",
+        //   },
+        // ],
+        idCard: [
+          {
+            required: true,
+            message: this.$t("message.laborMange.pleaseInputYourIdNumber"),
+            trigger: "blur",
+          },
+        ],
+        // attendanceNumber: [
+        //   {
+        //     required: true,
+        //     message: this.$t(
+        //       "message.laborMange.pleaseInputYourAttendanceNumber"
+        //     ),
+        //     trigger: "blur",
+        //   },
+        // ],
+        // phoneNumber: [
+        //   { required: true, message: "请输入联系电话", trigger: "blur" },
+        // ],
+        // enterDate: [
+        //   { required: true, message: "请选择进场日期", trigger: "blur" },
+        // ],
+      },
+      rules: {
+        enterpriseId: [
+          {
+            required: true,
+            message: "请选择",
+            trigger: "blur",
+          },
+        ],
+        teamId: [
+          {
+            required: true,
+            message: "请选择",
+            trigger: "blur",
+          },
+        ],
+        personType: [
+          {
+            required: true,
+            message: this.$t("message.laborMange.pleaseInputYourName"),
+            trigger: "blur",
+          },
+        ],
+        workerName: [
+          {
+            required: true,
+            message: this.$t("message.laborMange.pleaseInputYourName"),
+            trigger: "blur",
+          },
+        ],
+        // sex: [
+        //   {
+        //     required: true,
+        //     message: "请选择性别",
+        //     trigger: "submit",
+        //   },
+        // ],
+        idCard: [
+          {
+            required: true,
+            message: this.$t("message.laborMange.pleaseInputYourIdNumber"),
+            trigger: "blur",
+          },
+        ],
+        // attendanceNumber: [
+        //   {
+        //     required: true,
+        //     message: this.$t(
+        //       "message.laborMange.pleaseInputYourAttendanceNumber"
+        //     ),
+        //     trigger: "blur",
+        //   },
+        // ],
+        // phoneNumber: [
+        //   { required: true, message: "请输入联系电话", trigger: "blur" },
+        // ],
+        // enterDate: [
+        //   { required: true, message: "请选择进场日期", trigger: "blur" },
+        // ],
+      },
+    };
+  },
+  created() {
+    this.projectSn = this.$store.state.projectSn;
+    this.uploadUrl = this.$store.state.UPLOADURL;
+    this.fileUrl = this.$store.state.FILEURL;
+    let data = JSON.parse(sessionStorage.getItem("vuex"));
+    // console.log('vuex信息',data)
+    data.menuList.forEach((item) => {
+      if (item.actionList) {
+        item.actionList.find((item2) => {
+          if (item2.actionCode == "akey_issued") {
+            this.key = true;
+          }
+          // console.log('this.key', this.key)
+        });
+      }
+    });
+    if (sessionStorage.getItem("personPage")) {
+      this.page = JSON.parse(sessionStorage.getItem("personPage"));
+    }
+    if (sessionStorage.getItem("companyPage")) {
+      this.checkedId = JSON.parse(sessionStorage.getItem("companyPage"));
+    }
+    this.getConfig();
+
+    this.getProjectList();
+    this.getAttendRuleList();
+    this.getUfaceDevList();
+    this.getUGroupDevList();
+    this.getProjectConfig();
+  },
+
+  mounted() {
+    // this.webSocket = new WebSocket("ws://127.0.0.1:1818");
+    this.getEnterpriseType();
+  },
+  computed: {
+    headers() {
+      return {
+        Authorization: this.$store.state.userInfo.token,
+      };
+    },
+  },
+  methods: {
+    //上传成功
+    uploadSuccess(file, type) {
+      if (type == 1) {
+        this.addForm.idCardBigPhotoUrl = file.data[0].imageUrl;
+      } else {
+        this.addForm.fieldAcquisitionUrl = file.data[0].imageUrl;
+      }
+    },
+    enterpriseChange() {
+      if (this.personForm.personType == 1) {
+        this.getWorkerTypeListData();
+      } else {
+        this.getDepartmentListData();
+      }
+    },
+    personTypeChange() {
+      console.log(this.personForm.personType, 7788);
+      if (this.personForm.personType == 1) {
+        this.temporaryDialog1 = true;
+        this.temporaryDialog2 = false;
+        this.temporaryDialog3 = false;
+        this.personForm.enterpriseId = "";
+        this.workerTypeList = [];
+        this.personForm.teamId = "";
+      } else if (this.personForm.personType == 2) {
+        this.temporaryDialog1 = false;
+        this.temporaryDialog2 = true;
+        this.temporaryDialog3 = false;
+        this.personForm.enterpriseId = "";
+        this.personForm.departmentId = "";
+        this.departmentListData = [];
+      } else if (this.personForm.personType == 3) {
+        this.addForm.personType = this.personForm.personType;
+        this.temporaryDialog1 = false;
+        this.temporaryDialog2 = false;
+        this.temporaryDialog3 = true;
+      }
+      // this.enterpriseChange();
+    },
+    personTypeAddFormChange() {
+      console.log(this.addForm.personType, 8899);
+      if (this.addForm.personType == 1) {
+        this.personForm.personType = this.addForm.personType;
+        this.temporaryDialog1 = true;
+        this.temporaryDialog2 = false;
+        this.temporaryDialog3 = false;
+        this.personForm.enterpriseId = "";
+        this.personForm.teamId = "";
+      } else if (this.addForm.personType == 2) {
+        this.personForm.personType = this.addForm.personType;
+        this.temporaryDialog1 = false;
+        this.temporaryDialog2 = true;
+        this.temporaryDialog3 = false;
+        this.personForm.enterpriseId = "";
+        this.personForm.departmentId = "";
+      } else if (this.addForm.personType == 3) {
+        this.addForm.personType = this.personForm.personType;
+        this.temporaryDialog1 = false;
+        this.temporaryDialog2 = false;
+        this.temporaryDialog3 = true;
+      }
+    },
+    closeDialog() {
+      this.$emit("closeDialog");
+    },
+    //人员录入   提交
+    //人员录入   提交
+    submitForm(formName) {
+      // if (this.addForm.idCardBigPhotoUrl == "") {
+      //   this.$message.error(
+      //     this.$t("message.laborMange.pleaseUploadYourIDPhoto")
+      //   );
+      //   return;
+      // }
+      //身份证校验
+      //   if (!IdentityCodeValid(this.addForm.idCard)) {
+      //     this.$message.error(this.$t('message.laborMange.correctCellIdCard'))
+      //     return
+      //   }
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          // 现场人脸采集校验
+          if (this.addForm.fieldAcquisitionUrl == "") {
+            this.$message.error(
+              this.$t("message.laborMange.pleaseUploadPhotosOfTheScene")
+            );
+            return;
+          }
+          this.addForm.projectSn = this.projectSn;
+
+          addWorkerInfo(this.addForm).then((res) => {
+            if (res.code == 200) {
+              this.resetForm(formName);
+              this.temporaryDialog3 = false;
+              this.addForm.idCardBigPhotoUrl = "";
+              this.closeDialog();
+            }
+          });
+          // if (this.operationType == "add") {
+          // } else {
+          //   delete this.addForm.addTime;
+          //   editWorkerInfo(this.addForm).then((res) => {
+          //     if (res.code == 200) {
+          //       this.resetForm(formName);
+          //       this.temporaryDialog3 = false;
+          //       this.addForm.idCardBigPhotoUrl = "";
+          //       this.closeDialog();
+          //     }
+          //   });
+          // }
+        } else {
+          return false;
+        }
+      });
+    },
+    //高拍仪获取身份证信息
+    getIdCardInfo() {
+      var ws = new WebSocket("ws://127.0.0.1:1818");
+      this.webSocket = ws;
+      ws.onopen = (event) => {
+        this.onopen(event);
+      };
+
+      ws.onmessage = (event) => {
+        this.onmessage(event);
+      };
+
+      ws.onerror = this.onerror;
+    },
+    //上传前
+    beforeUpload(file) {
+      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 {
+        return true;
+      }
+    },
+    handleImportSuccess(response, file, fileList) {
+      console.log(response, file, fileList);
+      this.imgFileList = fileList;
+      console.log(this.imgFileList);
+    },
+    handleImportExceed(files, fileList) {
+      /*this.$message.warning(
+                      `当前限制选择 1 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
+                          files.length + fileList.length
+                      } 个文件`
+                  );*/
+      this.$message.warning(
+        this.$t("message.docManage.dialog_upload_files.limitingChoice")
+      ); //当前限制选择 1 个文件
+    },
+    handleTemporaryUpload(fileData, type) {
+      console.log(fileData, 111222);
+      const file = fileData.file;
+      // 压缩图片
+      lrz(file, { quality: 1 }).then((result) => {
+        const formData = new FormData();
+        formData.append("files", result.file);
+        // 图片上传
+        apiUploadImage(formData).then((res) => {
+          if (res.code == 200 || res.status == "SUCCESS") {
+            const imgInfo = res.data[0];
+
+            switch (type) {
+              case "idCardAvatar": // 身份证头像
+                this.addForm.idCardBigPhotoUrl = imgInfo.imageUrl;
+                this.idCardUpPhotoFile = [
+                  { name: imgInfo.filename, url: imgInfo.imageUrl },
+                ];
+                break;
+              case "livesFace": // 现场采集人脸
+                this.cropperOption.img =
+                  this.$store.state.FILEURL + imgInfo.imageUrl;
+                this.cropperDialog = true;
+                // let imgStatus = result.file.size / 1024 < 500
+                // if (!imgStatus) {
+                //   this.cropperOption.img =
+                //     this.$store.state.FILEURL + imgInfo.imageUrl
+                //   this.cropperDialog = true
+                // } else {
+                //   if (this.isSzProject == 1) {
+                //     this.checkImgLibrary(imgInfo.imageUrl)
+                //   } else {
+                //     this.checkFace(imgInfo.imageUrl)
+                //   }
+                // }
+                break;
+            }
+          }
+        });
+      });
+    },
+    handleUpload(fileData, type) {
+      console.log(fileData, 111222);
+      const file = fileData.file;
+      // 压缩图片
+      lrz(file, { quality: 1 }).then((result) => {
+        const formData = new FormData();
+        formData.append("files", result.file);
+        // 图片上传
+        apiUploadImage(formData).then((res) => {
+          if (res.code == 200 || res.status == "SUCCESS") {
+            const imgInfo = res.data[0];
+
+            switch (type) {
+              case "idCardAvatar": // 身份证头像
+                this.personForm.idCardBigPhotoUrl = imgInfo.imageUrl;
+                this.idCardUpPhotoFile = [
+                  { name: imgInfo.filename, url: imgInfo.imageUrl },
+                ];
+                break;
+              case "livesFace": // 现场采集人脸
+                this.cropperOption.img =
+                  this.$store.state.FILEURL + imgInfo.imageUrl;
+                this.cropperDialog = true;
+                // let imgStatus = result.file.size / 1024 < 500
+                // if (!imgStatus) {
+                //   this.cropperOption.img =
+                //     this.$store.state.FILEURL + imgInfo.imageUrl
+                //   this.cropperDialog = true
+                // } else {
+                //   if (this.isSzProject == 1) {
+                //     this.checkImgLibrary(imgInfo.imageUrl)
+                //   } else {
+                //     this.checkFace(imgInfo.imageUrl)
+                //   }
+                // }
+                break;
+            }
+          }
+        });
+      });
+    },
+    checkImg() {
+      console.log(this.radio);
+      this.imgRadiolist.forEach((item) => {
+        if (this.radio == item.personSerial) {
+          this.personForm.personSerial = this.radio;
+          this.personForm.fieldAcquisitionUrl = item.imageUrl;
+          this.fieldAcquisitionFile = [{ name: "", url: item.imageUrl }];
+        }
+      });
+      this.showImgList = false;
+    },
+    // 判断是否为深圳项目
+    getProjectConfig() {
+      getProjectConfigListApi({ projectSn: this.projectSn }).then((res) => {
+        this.isSzProject = res.result[0].isSzProject; //1是 0否
+      });
+    },
+    exportM() {
+      window.location.href =
+        this.$http.defaults.baseURL +
+        "xmgl/download/exporExcelWorkerTemplate?projectSn=" +
+        this.projectSn;
+    },
+    // 导入照片弹窗
+    importImgOpen() {
+      this.imgImportDialog = true;
+    },
+    // 下发通行设备
+    passEquipment() {
+      sendBatchWokerApi({
+        projectSn: this.projectSn,
+        personType: "1",
+        userId: this.$store.state.userInfo.userId,
+        enterpriseId: this.checkedId,
+      }).then((res) => {
+        if (res.code == 200) {
+          this.$message({
+            message: "操作成功，已在后台下发，请稍后查看！",
+            type: "success",
+          });
+        }
+      });
+    },
+    handleChangeE(file, fileList) {
+      this.fileTemp = file.raw;
+      console.log(file);
+      if (this.fileTemp) {
+        if (
+          this.fileTemp.type ==
+            "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" ||
+          this.fileTemp.type == "application/vnd.ms-excel"
+        ) {
+        } else {
+          this.$message.error(this.$t("message.laborMange.hint5"));
+        }
+      }
+    },
+    handleSuccessE(file) {
+      this.refreshPage = false;
+      console.log("==========", file);
+      if (file.code == 200) {
+        this.$message.success(file.message); //导入成功
+        this.refreshBtn();
+        this.getTeamList();
+      } else {
+        this.$message.error(file.message);
+      }
+      this.$nextTick(() => {
+        this.refreshPage = true;
+      });
+    },
+    handleErrorE() {
+      this.$message.error(this.$t("message.laborMange.hint7"));
+      this.refreshBtn();
+    },
+    handleUfaceDevChange(val) {
+      let checkedCount = val.length;
+      let allCheckList = [];
+      for (let i = 0; i < this.ufaceDevAllList.length; i++) {
+        if (!this.ufaceDevAllList[i].disabled) {
+          allCheckList.push(this.ufaceDevAllList[i]);
+        }
+      }
+      this.checkAllFaceDev = checkedCount === allCheckList.length;
+      this.isIndeterminate2 =
+        checkedCount > 0 && checkedCount < allCheckList.length;
+    },
+    handleUGroupChange(val) {
+      let checkedCount = val.length;
+      let allCheckList = [];
+      for (let i = 0; i < this.uGroupAllList.length; i++) {
+        if (!this.uGroupAllList[i].disabled) {
+          allCheckList.push(this.uGroupAllList[i]);
+        }
+      }
+      this.checkAllGroupDev = checkedCount === allCheckList.length;
+      this.isIndeterminate3 =
+        checkedCount > 0 && checkedCount < allCheckList.length;
+    },
+    handleCheckAllChangeFace(val) {
+      if (val) {
+        this.personForm.ufaceDevId = [];
+        this.ufaceDevAllList.forEach((item) => {
+          this.personForm.ufaceDevId.push(item.id);
+        });
+      } else {
+        // this.ufaceDevAllList = []
+        this.personForm.ufaceDevId = [];
+      }
+      this.isIndeterminate2 = false;
+    },
+    handleCheckAllChangeGroup(val) {
+      if (val) {
+        this.personForm.uGroupId = [];
+        this.uGroupAllList.forEach((item) => {
+          this.personForm.uGroupId.push(item.id);
+        });
+      } else {
+        this.personForm.uGroupId = [];
+      }
+      this.isIndeterminate2 = false;
+    },
+    // 获取所有分组
+    getUGroupDevList() {
+      getGroupListApi({ projectSn: this.projectSn }).then((res) => {
+        console.log(res);
+        if (res.code == 200) {
+          this.uGroupAllList = res.result;
+          console.log(this.uGroupAllList, 777888999);
+          this.personForm.uGroupId = [...this.personForm.uGroupId];
+          if (this.$store.state.userInfo.accountType == 6) {
+            this.uGroupAllList.forEach((item) => {
+              item.disabled = true;
+            });
+            // selectUserDevAuthorityByUserIdApi({
+            //   userId: this.$store.state.userInfo.userId,
+            //   devType: "1",
+            // }).then((res) => {
+            //   if (res.code == 200) {
+            //     let arr = res.result.devId.split(",");
+            //     let id = "";
+            //     this.personForm.ufaceDevId = [];
+            //     for (let i = 0; i < arr.length; i++) {
+            //       console.log(parseInt(arr[i]));
+            //       this.personForm.ufaceDevId.push(parseInt(arr[i]));
+            //       id = parseInt(arr[i]);
+            //       for (let j = 0; j < this.ufaceDevAllList.length; j++) {
+            //         if (this.ufaceDevAllList[j].id == id) {
+            //           this.ufaceDevAllList[j].disabled = false;
+            //         }
+            //       }
+            //     }
+            //   }
+            // });
+          }
+        }
+      });
+    },
+    // 获取所有人脸设备
+    getUfaceDevList() {
+      ufaceDevList({ projectSn: this.projectSn }).then((res) => {
+        console.log(res);
+        if (res.code == 200) {
+          this.ufaceDevAllList = res.result;
+          this.personForm.ufaceDevId = [...this.personForm.ufaceDevId];
+          if (this.$store.state.userInfo.accountType == 6) {
+            this.ufaceDevAllList.forEach((item) => {
+              item.disabled = true;
+            });
+            selectUserDevAuthorityByUserIdApi({
+              userId: this.$store.state.userInfo.userId,
+              devType: "1",
+            }).then((res) => {
+              if (res.code == 200) {
+                let arr = res.result.devId.split(",");
+                let id = "";
+                this.personForm.ufaceDevId = [];
+                for (let i = 0; i < arr.length; i++) {
+                  console.log(parseInt(arr[i]));
+                  this.personForm.ufaceDevId.push(parseInt(arr[i]));
+                  id = parseInt(arr[i]);
+                  for (let j = 0; j < this.ufaceDevAllList.length; j++) {
+                    if (this.ufaceDevAllList[j].id == id) {
+                      this.ufaceDevAllList[j].disabled = false;
+                    }
+                  }
+                }
+              }
+            });
+          }
+        }
+      });
+    },
+    //一键下发
+    issuePersonFn() {
+      batchSendWorkerInfoApi({
+        projectSn: this.$store.state.projectSn,
+        personType: 1,
+      }).then((res) => {
+        this.$message.success("已执行人员下发命令");
+        this.getTableData();
+      });
+    },
+    //单个人员下发
+    issuePersonOneFn(workerId) {
+      sendWorkerInfoByIdApi({ workerId: workerId }).then((res) => {
+        this.$message.success(this.$t("message.laborMange.hint4"));
+      });
+    },
+    changRuleId(val) {
+      console.log(val);
+    },
+    //获取考勤规则列表
+    getAttendRuleList() {
+      workerAttendanceRuleList({ projectSn: this.$store.state.projectSn }).then(
+        (result) => {
+          this.attendRulesList = result.result;
+          console.log(result.result);
+        }
+      );
+    },
+    exportFn() {
+      window.location.href =
+        this.$http.defaults.baseURL +
+        "xmgl/download/exporZipWorkerInfo?idCard=" +
+        this.tableParameter.idCard +
+        "&projectSn=" +
+        this.tableParameter.projectSn +
+        "&teamId=" +
+        this.tableParameter.teamId +
+        "&workerName=" +
+        this.tableParameter.workerName +
+        "&personType=" +
+        this.tableParameter.personType +
+        "&enterDate=" +
+        this.tableParameter.enterDate +
+        "&codeState=" +
+        this.tableParameter.codeState +
+        "&enterpriseId=" +
+        this.checkedId;
+    },
+    getConfig() {
+      getProjectUfaceConfigInfo({
+        projectSn: this.$store.state.projectSn,
+      }).then((result) => {
+        if (result.success) {
+          if (result.result) {
+            this.isUploadToHouse = result.result.housing ? true : false;
+          }
+        }
+      });
+    },
+    //获取企业 || 劳务公司 列表
+    getProjectList(type) {
+      let data = {
+        projectSn: this.projectSn,
+        enterpriseName: this.enterpriseName,
+        userEnterpriseId: this.$store.state.userInfo.userEnterpriseId,
+        enterpriseTypeId: this.enterpriseTypeId,
+      };
+      getEnterpriseInfoList(data).then((res) => {
+        console.log(res, "执行");
+        if (res.code == 200) {
+          this.enterpriseListData = res.result;
+          // this.$set(this, 'enterpriseListData', res.result)
+          console.log(this.enterpriseListData);
+          this.checkedId = this.checkedId
+            ? this.checkedId
+            : res.result.length > 0
+            ? res.result[0].id
+            : "";
+          this.showEnterpriseName =
+            res.result.length > 0 ? res.result[0].enterpriseName : "";
+
+          this.getTeamList();
+        } else {
+          this.$message.error(this.$t("message.laborMange.queryFails"));
+        }
+      });
+    },
+    //编辑企业 || 劳务公司  信息
+    editEnterpriseInfo(value) {
+      this.addEnterpriseDialog = true;
+      this.enterpriseDialogTitle = this.$t("message.laborMange.editEnterprise");
+      this.enterpriseForm = JSON.parse(JSON.stringify(value));
+      this.getEnterpriseType();
+      //资质file
+      this.aptitudeFileList =
+        value.enterpriseQualificationUrl != ""
+          ? [JSON.parse(this.enterpriseForm.enterpriseQualificationUrl)]
+          : [];
+      //logo
+      this.logoFileList =
+        value.logo != "" ? [JSON.parse(this.enterpriseForm.logo)] : [];
+      setTimeout(() => {
+        this.$refs.enterpriseDialog.scrollTop = 0;
+        this.$refs["enterpriseForm"].clearValidate();
+      }, 120);
+    },
+    //新增企业 按钮
+    addEnterpriseBtn() {
+      window._paq.push(["trackEvent", "点击", "新增企业", "添加企业信息"]);
+      this.enterpriseForm = {
+        name: "",
+        bankcardnumber: "", //银行卡号
+        bankname: "", // 开户行
+        businessLicenseEndDate: "", // 营业执照截止日期
+        businessNumber: "", //营业执照注册号
+        enterpriseAddress: "", //企业地址
+        enterpriseEmail: "", //企业邮箱
+        enterpriseLegalPerson: "", //法定代表人
+        enterpriseName: "", //企业名称
+        enterpriseProperty: "", //单位性质 1.国有企业 2三资企业 3集体企业 4私营企业
+        enterpriseQualificationUrl: "", //企业资质图片地址
+        enterpriseSafeAllow: "", //企业安全生产许可证
+        enterpriseTypeId: "", //企业类型Id
+        legalPersonTel: "", //法人电话
+        logo: "", //logo
+        projectSn: "", //项目Sn
+        qualificationNumber: "", //资质证书号
+        registerPersonPhoneTel: "", //注册人电话
+        registeredCapital: "", //注册资金
+        socialCode: "", //社会统一信用代码
+      };
+      this.aptitudeFileList = []; //资质照片列表
+      this.logoFileList = []; //logo 文件列表
+      this.addEnterpriseDialog = true;
+      this.enterpriseDialogTitle = this.$t(
+        "message.laborMange.theNewEnterprise"
+      );
+      setTimeout(() => {
+        this.$refs["enterpriseForm"].clearValidate();
+        this.$refs.enterpriseDialog.scrollTop = 0;
+      }, 120);
+    },
+    //新增企业 -- 企业类型下拉
+    getEnterpriseType() {
+      let data = {};
+      getEnterpriseTypeList(data).then((res) => {
+        if (res.code == 200) {
+          this.enterpriseTypeList = res.result;
+        }
+      });
+    },
+    // 导入照片数据
+    saveImportFn() {
+      if (this.imgFileList.length == 0) {
+        this.$message.success("请先导入文件");
+        return;
+      }
+      let data = new FormData(); //new出来的对象
+      data.append("file", this.imgFileList[0].raw);
+      data.append("projectSn", this.$store.state.projectSn);
+      importImgDataApi(data).then((res) => {
+        if (res.success) {
+          this.$message.success("操作成功");
+          this.imgImportDialog = false;
+          this.getTableData();
+        }
+      });
+    },
+    //新增企业 保存
+    saveEnterpriseFn(formName) {
+      // if (!checkPhone(this.enterpriseForm.legalPersonTel)) {
+      //   this.$message.error("请输入正确的法人电话");
+      //   return;
+      // }
+      // if (!checkPhone(this.enterpriseForm.registerPersonPhoneTel)) {
+      //   this.$message.error("请输入正确的注册人电话");
+      //   return;
+      // }
+      if (!CheckSocialCreditCode(this.enterpriseForm.socialCode)) {
+        this.$message.error(this.$t("message.laborMange.creditCode"));
+        return;
+      }
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          this.enterpriseForm.projectSn = this.projectSn;
+          if (
+            this.enterpriseDialogTitle ==
+            this.$t("message.laborMange.theNewEnterprise")
+          ) {
+            //新增  请求
+            setEnterpriseInfo(this.enterpriseForm).then((res) => {
+              if (res.code == 200) {
+                this.$message.success(res.message);
+                this.addEnterpriseDialog = false;
+                this.getProjectList();
+                this.resetForm(formName);
+              }
+            });
+          } else {
+            //编辑 请求
+            editEnterpriseInfo(this.enterpriseForm).then((res) => {
+              if (res.code == 200) {
+                this.$message.success(
+                  this.$t("message.laborMange.modifySuccess")
+                );
+                this.resetForm(formName);
+                this.addEnterpriseDialog = false;
+                this.getProjectList();
+              }
+            });
+          }
+        } else {
+          return false;
+        }
+      });
+    },
+    //删除 企业
+    deleteEnterpriseInfo(value) {
+      this.$confirm(
+        this.$t("message.laborMange.deleteHint"),
+        this.$t("message.laborMange.hint"),
+        {
+          confirmButtonText: this.$t("message.laborMange.confirm"),
+          cancelButtonText: this.$t("message.laborMange.cancel"),
+          type: "warning",
+        }
+      )
+        .then(() => {
+          let data = {
+            projectSn: this.projectSn,
+            enterpriseId: value.id,
+          };
+          deleteEnterprise(data).then((res) => {
+            if (res.code == 200) {
+              this.$message({
+                type: "success",
+                message: this.$t("message.laborMange.deleteSuccess"),
+              });
+              this.getProjectList();
+              this.checkedId = "";
+            }
+          });
+        })
+        .catch(console.log);
+    },
+
+    /**--------------------------------------------右侧函数------------------------------------------------------------------ */
+    //获取企业的 - 班组列表
+    getTeamList(type) {
+      let data = {
+        enterpriseId: this.checkedId,
+        projectSn: this.projectSn,
+      };
+      getTeamInfoList(data).then((res) => {
+        if (res.code == 200) {
+          this.checkedTeamId = type !== 1 ? 0 : this.checkedTeamId;
+          this.teamListData = res.result;
+          console.log("==============", res.result);
+          this.tableParameter.projectSn = this.projectSn;
+          this.getTableData();
+        }
+      });
+    },
+    //获取部门
+    getDepartmentListData() {
+      let data = {
+        personType: 2,
+        enterpriseId: this.personForm.enterpriseId,
+        projectSn: this.projectSn,
+      };
+      getDepartmentInfoList(data).then((res) => {
+        this.departmentListData = res.result.list;
+      });
+    },
+    //获取班组
+    getWorkerTypeListData() {
+      let data = {
+        enterpriseId: this.personForm.enterpriseId,
+        projectSn: this.projectSn,
+      };
+      getTeamInfoList(data).then((res) => {
+        console.log(res, 666777888);
+        this.workerTypeList = res.result.list;
+      });
+    },
+
+    //获取 班组的表格数据 -- 班组详情
+    getTableData() {
+      let data = this.tableParameter;
+      data.pageNo = this.page;
+      data.pageSize = this.pageSize;
+      data.enterpriseId = this.checkedId;
+      getWorkerInfoList(data).then((res) => {
+        if (res.code == 200) {
+          this.tableListData = res.result.records;
+          console.log("------------", res.result.records);
+          let boole = true;
+          for (let i in res.result.records) {
+            if (res.result.records[i].inserviceType == 1) {
+              boole = false;
+            }
+          }
+          this.checkAllStatus =
+            this.tableListData.length == 0 ? true : boole ? true : false;
+          this.total = res.result.total;
+        }
+      });
+    },
+
+    //人员录入 按钮
+    personnelEntry() {
+      this.personDialogTitle = this.$t("message.laborMange.personnelEntry");
+      this.titleType = "add";
+      this.personForm = {
+        enterpriseId: "",
+        workerName: "",
+        sex: "",
+        idCard: "",
+        birthday: "",
+        enterDate: "",
+        personType: 1,
+        nation: "",
+        nativePlace: "",
+        issuingAuthorityForIdcard: "",
+        idCardEndDate: "",
+        longTerm: false,
+        phoneNumber: "",
+        emergentPerson: "",
+        emergentPhone: "",
+        inserviceType: 1,
+        politicsStatus: "",
+        marry: "",
+        payRollBankName: "",
+        payRollBankNumber: "",
+        educational: "",
+        blood: "",
+        examinationImage: "",
+        contractImage: "",
+        employmentCard: "",
+        idCardBigPhotoUrl: "",
+        fieldAcquisitionUrl: "",
+        personType: 1,
+        idCardUpPhotoUrl: "",
+        idCardDownPhotoUrl: "",
+        ufaceDevId: [],
+        uGroupId: [],
+        personSerial: "",
+      };
+      if (this.attendRulesList.length > 0) {
+        this.personForm.ruleId = this.attendRulesList[0].id;
+      } else {
+        this.personForm.ruleId = "";
+      }
+      this.getUfaceDevList();
+      setTimeout(() => {
+        this.$refs["personForm"].clearValidate();
+        this.$refs.personDialog.scrollTop = 0;
+      }, 120);
+      this.examinationFile = []; //体检报告
+      this.contractFile = []; //合同附件
+      this.employmentFile = []; //从业资格证书
+      this.idCardUpPhotoFile = []; //身份证头像
+      this.fieldAcquisitionFile = [];
+      this.idCardUpPhotoUrlFile = []; // 身份证国徽面
+      this.idCardDownPhotoUrlFile = []; // 身份证人像面
+      // 默认全选设备
+      this.checkAllFaceDev = true;
+      this.ufaceDevAllList.map(item => {
+        this.personForm.ufaceDevId.push(item.id)
+      })
+    },
+
+    // 有效日期 长期 按钮
+    checkboxLongTerm(value) {
+      if (this.personForm.longTerm) {
+        this.$refs["personForm"].clearValidate("idCardEndDate");
+      }
+      this.personForm.idCardEndDate = this.personForm.longTerm
+        ? ""
+        : this.personForm.idCardEndDate;
+    },
+
+    // 新增 || 编辑  人员录入 保存按钮
+    savePersonFn(formName, type) {
+      this.personForm.isUploadHousing = this.personForm.isUploadHousing ? 1 : 0;
+      console.log("进场确定参数", this.personForm);
+      //   // 身份证校验
+      //   if (!IdentityCodeValid(this.personForm.idCard)) {
+      //     this.$message.error(this.$t("message.laborMange.correctCellIdCard"));
+      //     return;
+      //   }
+      // 电话校验
+      // if (!checkPhone(this.personForm.phoneNumber)) {
+      //   this.$message.error(
+      //     this.$t('message.laborMange.correctCellPhoneNumber')
+      //   )
+      //   return
+      // }
+      // 紧急电话校验
+      // if (!checkPhone(this.personForm.emergentPhone)) {
+      //   this.$message.error(
+      //     this.$t(
+      //       'message.laborMange.pleaseEnterTheCorrectEmergencyContactNumber'
+      //     )
+      //   )
+      //   return
+      // }
+      // if (this.personForm.idCardUpPhotoUrl == '') {
+      //   this.$message.error(
+      //     this.$t('message.laborMange.pleaseUploadTheNationalEmblemOfIdCard')
+      //   )
+      //   return
+      // }
+      // if (this.personForm.idCardDownPhotoUrl == '') {
+      //   this.$message.error(
+      //     this.$t('message.laborMange.pleaseUploadYourIDCardPortrait')
+      //   )
+      //   return
+      // }
+
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          // 身份证头像和现场人脸采集校验
+          // if (this.personForm.idCardBigPhotoUrl == '') {
+          //   this.$message.error(
+          //     this.$t('message.laborMange.pleaseUploadYourIDPhoto')
+          //   )
+          //   return
+          // } else if (this.personForm.fieldAcquisitionUrl == '') {
+          //   this.$message.error(
+          //     this.$t('message.laborMange.pleaseUploadPhotosOfTheScene')
+          //   )
+          //   return
+          // }
+          // 现场人脸采集校验
+          if (this.personForm.fieldAcquisitionUrl == "") {
+            this.$message.error(
+              this.$t("message.laborMange.pleaseUploadPhotosOfTheScene")
+            );
+            return;
+          }
+
+          if (this.personForm.ruleId == "") {
+            this.personForm.ruleId = 0;
+          }
+          //新增
+          if (!this.personForm.id) {
+            let data = this.personForm;
+            data.projectSn = this.projectSn;
+            data.longTerm = this.personForm.longTerm ? 1 : 0;
+            data.registerType = 1;
+            data.devType = this.typeRadio;
+            data.userId = this.$store.state.userInfo.userId;
+            if (this.$store.state.userInfo.accountType == 6) {
+              data.accountType = 2;
+            } else {
+              data.accountType = 1;
+            }
+            if (this.personForm.ufaceDevId.length > 0) {
+              data.ufaceDevId = this.personForm.ufaceDevId.join(",");
+            } else {
+              data.ufaceDevId = "";
+            }
+            if (this.personForm.uGroupId.length > 0) {
+              data.ufaceDevGroupId = this.personForm.uGroupId.join(",");
+            } else {
+              data.ufaceDevGroupId = "";
+            }
+            addWorkerInfo(data).then((res) => {
+              console.log(res)
+              if (res.code == 200) {
+                this.$message.success(
+                  this.$t("message.laborMange.saveSuccess")
+                );
+                this.getTeamList(1);
+                if (type == "laborSubmit") {
+                  this.temporaryDialog1 = false;
+                } else if (type == "adminSubmit") {
+                  this.temporaryDialog2 = false;
+                }
+                this.resetForm(formName);
+                this.examinationFile = []; //体检报告
+                this.contractFile = []; //合同附件
+                this.employmentFile = []; //从业资格证书
+                this.idCardUpPhotoFile = []; //身份证头像
+                this.fieldAcquisitionFile = []; //现场采集人脸
+                this.closeDialog();
+              }
+            });
+            //编辑
+          } else {
+            let data = this.personForm;
+            data.longTerm = this.personForm.longTerm ? 1 : 0;
+            data.registerType = 1;
+            data.devType = this.typeRadio;
+            // 跟杨珊对接需要再再次进场时多传入一个新的字段
+            data.reEntry = 1;
+            data.userId = this.$store.state.userInfo.userId;
+            if (this.personForm.ufaceDevId.length > 0) {
+              console.log(
+                "this.personForm.ufaceDevId",
+                this.personForm.ufaceDevId
+              );
+              data.ufaceDevId = this.personForm.ufaceDevId.join(",");
+            } else {
+              data.ufaceDevId = "";
+            }
+            if (this.personForm.uGroupId.length > 0) {
+              console.log("this.personForm.uGroupId", this.personForm.uGroupId);
+              data.ufaceDevGroupId = this.personForm.uGroupId.join(",");
+            } else {
+              data.ufaceDevGroupId = "";
+            }
+            if (this.$store.state.userInfo.accountType == 6) {
+              data.accountType = 2;
+            } else {
+              data.accountType = 1;
+            }
+            delete data.addTime;
+            editWorkerInfo(data).then((res) => {
+              if (res.code == 200) {
+                this.$message.success(
+                  this.$t("message.laborMange.modifySuccess")
+                );
+                this.getTeamList(1);
+                if (type == "laborSubmit") {
+                  this.temporaryDialog1 = false;
+                } else if (type == "adminSubmit") {
+                  this.temporaryDialog2 = false;
+                }
+                this.resetForm(formName);
+                this.examinationFile = []; //体检报告
+                this.contractFile = []; //合同附件
+                this.employmentFile = []; //从业资格证书
+                this.idCardUpPhotoFile = []; //身份证头像
+                this.fieldAcquisitionFile = []; //现场采集人脸
+                this.closeDialog();
+              }
+            });
+          }
+        } else {
+          this.$message.error(
+            this.$t("message.laborMange.ThereAreRequiredFieldsLeftUnfilled")
+          );
+          return false;
+        }
+      });
+    },
+    uploadToHouseFn(value, id) {
+      console.log("value", value);
+      var json = {
+        isUploadHousing: value ? 1 : 0,
+        id: id,
+      };
+      console.log("isUploadHousing", json);
+      updateByIdWorkerInfo(json).then(console.log);
+    },
+    // 删除 人员信息
+    removeWorkerInfo(value) {
+      this.$confirm(
+        this.$t("message.laborMange.deleteHint"),
+        this.$t("message.laborMange.hint"),
+        {
+          confirmButtonText: this.$t("message.laborMange.confirm"),
+          cancelButtonText: this.$t("message.laborMange.cancel"),
+          type: "warning",
+        }
+      )
+        .then(() => {
+          let data = {
+            id: value.id,
+          };
+          deleteWorkerInfo(data).then((res) => {
+            if (res.code == 200) {
+              this.$message({
+                type: "success",
+                message: this.$t("message.laborMange.deleteSuccess"),
+              });
+              this.page =
+                this.page > 1 && this.tableListData.length == 1
+                  ? this.page - 1
+                  : this.page;
+              this.getTeamList(1);
+            }
+          });
+        })
+        .catch(console.log);
+    },
+
+    //查看 人员信息 详情
+    viewDetails(value) {
+      this.$router.push({
+        path: "/project/labor/personDetails",
+        query: {
+          id: value.id,
+        },
+      });
+      localStorage.setItem("showPersonModule", 1);
+    },
+
+    //列表数据 退场按钮
+    workerExitBtn(value, type) {
+      // type == 1 单条数据操作  2 批量操作
+      let arr = [];
+      if (type == 2 && this.checkedWorker.length > 0) {
+        for (let i in this.checkedWorker) {
+          arr.push(this.checkedWorker[i].id);
+        }
+      }
+      let data = {
+        workerIdStr: type == 1 ? value.id : arr.join(","),
+      };
+      this.$confirm(
+        this.$t("message.laborMange.bowOutWithHint"),
+        this.$t("message.laborMange.hint"),
+        {
+          confirmButtonText: this.$t("message.laborMange.confirm"),
+          cancelButtonText: this.$t("message.laborMange.cancel"),
+          type: "warning",
+        }
+      ).then(() => {
+        updateWorkerExit(data).then((res) => {
+          if (res.code == 200) {
+            this.getTeamList();
+            this.$message({
+              type: "success",
+              message: this.$t("message.laborMange.bowOutWitSuccess"),
+            });
+          }
+        });
+      });
+    },
+
+    //切换每页显示数量
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.getTableData();
+    },
+    //换页
+    handleCurrentChange(val) {
+      this.page = val;
+      sessionStorage.setItem("personPage", val);
+      this.getTableData();
+      this.$refs.multipleTable.bodyWrapper.scrollTop = 0;
+    },
+
+    //功能开发中
+    inDevelopment() {
+      this.$message.warning(
+        this.$t("message.laborMange.functionalDevelopment")
+      );
+    },
+
+    //查询按钮
+    inquireBtn() {
+      window._paq.push(["trackEvent", "点击", "查询", "查询人员信息"]);
+      this.page = 1;
+      this.getTableData();
+    },
+
+    //刷新按钮
+    refreshBtn() {
+      window._paq.push(["trackEvent", "点击", "刷新", "刷新人员信息"]);
+      this.page = 1;
+      this.tableParameter.idCard = "";
+      this.tableParameter.workerName = "";
+      this.tableParameter.inserviceType = "";
+      this.tableParameter.enterDate = "";
+      this.tableParameter.codeState = "";
+      this.getTableData();
+    },
+
+    //清空表单
+    resetForm(formName) {
+      this.aptitudeFileList = [];
+      this.logoFileList = [];
+      this.$refs[formName].resetFields();
+    },
+
+    // 文件上传 之前
+    handleBeforeUpload(file, type) {
+      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) {
+        if (
+          file.type != "image/jpeg" &&
+          file.type != "image/jpg"
+          // file.type != "image/png"
+        ) {
+          this.$message.error(this.$t("message.laborMange.hint8")); //"请上传jpg、jpeg格式图片"
+          return false;
+        }
+      }
+      return true;
+    },
+
+    //删除 身份证头像  或 现场采集照片
+    shutIconBtn(type) {
+      if (type == 0) {
+        this.personForm.idCardBigPhotoUrl = "";
+        this.idCardUpPhotoFile = [];
+      } else if (type == 1) {
+        this.personForm.fieldAcquisitionUrl = "";
+        this.fieldAcquisitionFile = [];
+        this.personForm.personSerial = "";
+        this.radio = "";
+      } else if (type == 2) {
+        this.personForm.idCardUpPhotoUrl = "";
+        this.idCardUpPhotoFile = [];
+      } else if (type == 3) {
+        this.personForm.idCardDownPhotoUrl = "";
+        this.idCardDownPhotoUrlFile = [];
+      }
+    },
+    // 临时人员
+    handleTemporaryRemove() {
+      if (file.status == "ready") {
+      } else {
+        this.$message.success(this.$t("message.laborMange.deleteSuccess"));
+        if (type == 1) {
+          this.addForm.fieldAcquisitionUrl = "";
+        }
+      }
+    },
+    //删除上传文件
+    handleRemove(file, type) {
+      if (file.status == "ready") {
+      } else {
+        this.$message.success(this.$t("message.laborMange.deleteSuccess"));
+        if (type == 1) {
+          this.enterpriseForm.enterpriseQualificationUrl = "";
+        } else if (type == 2) {
+          this.enterpriseForm.logo = "";
+        } else if (type == 3) {
+          let newArr = [];
+          let arrJoin = [];
+          for (let i = 0; i < this.examinationFile.length; i++) {
+            if (file.uid == this.examinationFile[i].uid) {
+              this.examinationFile.splice(i, 1);
+              newArr = this.examinationFile;
+            }
+          }
+          if (newArr.length > 0) {
+            for (let j = 0; j < newArr.length; j++) {
+              let data =
+                this.examinationFile[j].name +
+                "*" +
+                this.examinationFile[j].url;
+              arrJoin.push(data);
+            }
+          } else {
+            arrJoin = newArr;
+          }
+          this.personForm.examinationImage = arrJoin.join(",");
+        } else if (type == 4) {
+          let newArr = [];
+          let arrJoin = [];
+          for (let i = 0; i < this.contractFile.length; i++) {
+            if (file.uid == this.contractFile[i].uid) {
+              this.contractFile.splice(i, 1);
+              newArr = this.contractFile;
+            }
+          }
+          if (newArr.length > 0) {
+            for (let j = 0; j < newArr.length; j++) {
+              let data =
+                this.contractFile[j].name + "*" + this.contractFile[j].url;
+              arrJoin.push(data);
+            }
+          } else {
+            arrJoin = newArr;
+          }
+          this.personForm.contractImage = arrJoin.join(",");
+        } else if (type == 5) {
+          let newArr = [];
+          let arrJoin = [];
+          for (let i = 0; i < this.employmentFile.length; i++) {
+            if (file.uid == this.employmentFile[i].uid) {
+              this.employmentFile.splice(i, 1);
+              newArr = this.employmentFile;
+            }
+          }
+          if (newArr.length > 0) {
+            for (let j = 0; j < newArr.length; j++) {
+              let data =
+                this.employmentFile[j].name + "*" + this.employmentFile[j].url;
+              arrJoin.push(data);
+            }
+          } else {
+            arrJoin = newArr;
+          }
+          this.personForm.employmentCard = arrJoin.join(",");
+        } else if (type == 6) {
+          this.personForm.idCardBigPhotoUrl = "";
+        } else if (type == 7) {
+          this.personForm.fieldAcquisitionUrl = "";
+        } else if (type == 8) {
+          this.personForm.idCardUpPhotoUrl = "";
+        } else if (type == 9) {
+          this.personForm.idCardDownPhotoUrl = "";
+        }
+      }
+    },
+    //上传成功
+    handleSuccess(file, type, file2) {
+      console.log(file, type, file2);
+      // 新增企业  type ==  1 资质照片; 2 logo;
+      // 人员录入  type ==  3 体检报告; 4 合同附件; 5 从业资格证书; 6 身份证头像; 7 现场采集人脸; 8 身份证国徽面; 9 身份证人像面
+      if (file.code == 200 || file.status == "SUCCESS") {
+        // this.$message.success(this.$t("message.laborMange.uploadSuccessful"));
+        let obj = {};
+        for (let i in file.data) {
+          obj = { name: file.data[i].filename, url: file.data[i].imageUrl };
+        }
+
+        if (type == 1) {
+          this.enterpriseForm.enterpriseQualificationUrl = JSON.stringify(obj);
+          this.aptitudeFileList = [obj];
+        } else if (type == 2) {
+          this.enterpriseForm.logo = JSON.stringify(obj);
+          this.logoFileList = [obj];
+        } else if (type == 3) {
+          this.examinationFile.push(obj);
+          let arrJoin = [];
+          for (let i in this.examinationFile) {
+            let data =
+              this.examinationFile[i].name + "*" + this.examinationFile[i].url;
+            arrJoin.push(data);
+          }
+          this.personForm.examinationImage = arrJoin.join(",");
+        } else if (type == 4) {
+          this.contractFile.push(obj);
+          let arrJoin = [];
+          for (let i in this.contractFile) {
+            let data =
+              this.contractFile[i].name + "*" + this.contractFile[i].url;
+            arrJoin.push(data);
+          }
+          this.personForm.contractImage = arrJoin.join(",");
+        } else if (type == 5) {
+          this.employmentFile.push(obj);
+          let arrJoin = [];
+          for (let i in this.employmentFile) {
+            let data =
+              this.employmentFile[i].name + "*" + this.employmentFile[i].url;
+            arrJoin.push(data);
+          }
+          this.personForm.employmentCard = arrJoin.join(",");
+        } else if (type == 8) {
+          console.log("身份证正面上传", file);
+          let data = {
+            name: file.data[0].filename,
+            url: file.data[0].imageUrl,
+          };
+          this.discernId(file.data[0].imageUrl, 2);
+          this.personForm.idCardUpPhotoUrl = data.url;
+          this.idCardUpPhotoUrlFile = [data];
+          if (this.personForm.idCardDownPhotoUrl) {
+            this.$refs["personForm"].clearValidate("idCardUpPhotoUrl");
+          }
+        } else if (type == 9) {
+          let data = {
+            name: file.data[0].filename,
+            url: file.data[0].imageUrl,
+          };
+          this.discernId(file.data[0].imageUrl, 1);
+          this.personForm.idCardDownPhotoUrl = data.url;
+          this.idCardDownPhotoUrlFile = [data];
+          if (this.personForm.idCardUpPhotoUrl) {
+            this.$refs["personForm"].clearValidate("idCardUpPhotoUrl");
+          }
+        }
+      } else {
+        //清空
+        this.$message.error(file.message);
+        if (type == 1) {
+          this.aptitudeFileList = [];
+        } else if (type == 2) {
+          this.logoFileList = [];
+        } else if (type == 3) {
+          this.examinationFile = [];
+        } else if (type == 4) {
+          this.contractFile = [];
+        } else if (type == 5) {
+          this.employmentFile = [];
+        } else if (type == 6) {
+          this.idCardUpPhotoFile = [];
+        } else if (type == 7) {
+          this.fieldAcquisitionFile = [];
+        } else if (type == 8) {
+          this.idCardUpPhotoUrlFile = [];
+        } else if (type == 9) {
+          this.idCardDownPhotoUrlFile = [];
+        }
+      }
+    },
+    // 人员照片库比对
+    checkImgLibrary(url) {
+      console.log(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 {
+            if (this.temporaryDialog1 || this.temporaryDialog2) {
+              this.personForm.personSerial = "";
+              this.personForm.fieldAcquisitionUrl = url;
+              this.fieldAcquisitionFile = [{ name: "", url: url }];
+              this.cropperDialog = false;
+            } else {
+              this.addForm.personSerial = "";
+              this.addForm.fieldAcquisitionUrl = url;
+              this.fieldAcquisitionFile = [{ name: "", url: url }];
+              this.cropperDialog = false;
+            }
+          }
+          console.log(res, "-----人员库照片查询");
+        }
+      );
+    },
+    //人脸监测、
+    checkFace(url) {
+      checkFaceApi({ fileUrl: url }).then((res) => {
+        if (res.result.checkType == 1) {
+          if (this.temporaryDialog1 || this.temporaryDialog2) {
+            this.personForm.fieldAcquisitionUrl = url;
+            this.fieldAcquisitionFile = [{ name: "", url: url }];
+            this.cropperDialog = false;
+          } else {
+            this.addForm.fieldAcquisitionUrl = url;
+            this.fieldAcquisitionFile = [{ name: "", url: url }];
+            this.cropperDialog = false;
+          }
+        } else {
+          this.$message.error(res.result.message);
+        }
+      });
+    },
+    //保存截图
+    saveMapUrlFn() {
+      this.$refs.cropper.startCrop();
+      var _this = this;
+      this.$refs.cropper.getCropBlob((data) => {
+        const isLt2M = data.size / 1024 < 500;
+        if (!isLt2M) {
+          this.$message.error(this.$t("message.laborMange.hint9"));
+          return;
+        }
+        var param = new FormData();
+        param.append("files", data, "image.png");
+        _this.$http
+          .post("/upload/image", param, {
+            headers: {
+              "Content-Type": "multipart/form-data",
+            },
+          })
+          .then((res) => {
+            console.log("aaaaa", res);
+            if (res.data.status == "SUCCESS") {
+              if (this.isSzProject == 1) {
+                this.checkImgLibrary(res.data.data[0].imageUrl);
+              } else {
+                this.checkFace(res.data.data[0].imageUrl);
+              }
+            }
+          });
+      });
+    },
+    // 超出 上传文件 数量
+    handleExceed(file, type) {
+      this.$message.error(
+        this.$t("message.laborMange.uploadLimitHasBeenReached")
+      );
+    },
+    //查看图片
+    handleTemporaryPreview(file, type) {
+      if (type === 0) {
+        this.bigImageDialog = true;
+        this.bigImageUrl = file;
+      } else {
+        // 新增企业  type ==  1 资质照片; 2 logo;
+        // 人员录入  type ==  3 体检报告; 4 合同附件; 5 从业资格证书; 6 身份证头像; 7 现场采集人脸;
+        let fileType = null;
+        if (file.response) {
+          let url = file.response.data[0];
+          fileType = url.imageUrl.split(".")[1];
+        } else {
+          fileType = file.url.split(".")[1];
+        }
+        if (
+          fileType != "jpg" &&
+          fileType != "jpeg" &&
+          fileType != "png" &&
+          fileType != "bmp" &&
+          fileType != "gif"
+        ) {
+          window.open(this.fileUrl + file.url);
+          //type== 0 直接查看列表中的图片
+        } else {
+          this.bigImageDialog = true;
+          this.bigImageUrl = file.response
+            ? this.fileUrl + file.response.data[0].imageUrl
+            : this.fileUrl + file.url;
+        }
+      }
+    },
+    //查看图片
+    handlePreview(file, type) {
+      if (type === 0) {
+        this.bigImageDialog = true;
+        this.bigImageUrl = file;
+      } else {
+        // 新增企业  type ==  1 资质照片; 2 logo;
+        // 人员录入  type ==  3 体检报告; 4 合同附件; 5 从业资格证书; 6 身份证头像; 7 现场采集人脸;
+        let fileType = null;
+        if (file.response) {
+          let url = file.response.data[0];
+          fileType = url.imageUrl.split(".")[1];
+        } else {
+          fileType = file.url.split(".")[1];
+        }
+        if (
+          fileType != "jpg" &&
+          fileType != "jpeg" &&
+          fileType != "png" &&
+          fileType != "bmp" &&
+          fileType != "gif"
+        ) {
+          window.open(this.fileUrl + file.url);
+          //type== 0 直接查看列表中的图片
+        } else {
+          this.bigImageDialog = true;
+          this.bigImageUrl = file.response
+            ? this.fileUrl + file.response.data[0].imageUrl
+            : this.fileUrl + file.url;
+        }
+      }
+    },
+
+    //上传失败
+    handleError(file, type) {
+      this.$message.error(this.$t("message.laborMange.pleaseReupload"));
+    },
+    //点击全选时
+    handleCheckAllChange(val) {
+      let checkedLst = val ? this.tableListData : [];
+      this.isIndeterminate = false;
+      for (let i in this.tableListData) {
+        if (checkedLst.length > 0 && this.tableListData[i].inserviceType == 1) {
+          this.$refs.multipleTable.toggleRowSelection(
+            this.tableListData[i],
+            true
+          );
+        } else {
+          this.$refs.multipleTable.toggleRowSelection(
+            this.tableListData[i],
+            false
+          );
+        }
+      }
+    },
+    // 获取 多选  选中的  数据
+    handleCheckedCitiesChange(value) {
+      if (value.length == 0) {
+        this.$nextTick(() => {
+          this.$refs.multipleTable.toggleRowSelection([], false);
+        });
+        this.checkAll = false;
+        this.isIndeterminate = false;
+        this.checkedWorker = [];
+      } else {
+        this.checkedWorker = value;
+        let checkedCount = value.length;
+        this.checkAll = checkedCount === this.tableListData.length;
+        this.isIndeterminate =
+          checkedCount > 0 && checkedCount < this.tableListData.length;
+      }
+    },
+
+    // 离职状态 不能多选
+    selectEnable(row, rowIndex) {
+      if (row.inserviceType == 1) {
+        return true;
+      } else {
+        return false;
+      }
+    },
+    //批量移动按钮
+    batchMove() {
+      this.batchMoveDialog = true;
+      this.batchMoveForm = {
+        teamId: "",
+        departmentId: "",
+        enterpriseId: "",
+      };
+      setTimeout(() => {
+        this.$refs["batchMoveForm"].clearValidate();
+      }, 120);
+      this.changeMoveCompany(this.checkedId);
+    },
+    //选择批量移动的 公司时
+    changeMoveCompany(value) {
+      this.batchMoveForm.teamId = "";
+      let data = {
+        enterpriseId: value,
+        projectSn: this.projectSn,
+      };
+      getTeamInfoList(data).then((res) => {
+        if (res.code == 200) {
+          this.moveTeamList = res.result;
+        }
+      });
+    },
+
+    //批量移动 保存按钮
+    saveBatchMove(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          let data = this.batchMoveForm;
+          let arr = [];
+          if (this.checkedWorker.length > 0) {
+            for (let i in this.checkedWorker) {
+              arr.push(this.checkedWorker[i].id);
+            }
+          }
+          data.workerIdStr = arr.join(",");
+          updateWorkerTeam(data).then((res) => {
+            if (res.code == 200) {
+              this.batchMoveDialog = false;
+              this.$message.success(
+                this.$t("message.laborMange.mobileSuccess")
+              );
+              this.getTeamList();
+              this.resetForm(formName);
+            }
+          });
+        } else {
+          return false;
+        }
+      });
+    },
+
+    //新增 人员  输入身份证 自动获取 出身日期  性别
+    changeIdCard(value) {
+      if (value.length < 18) {
+        this.$message.error(
+          this.$t("message.laborMange.PleaseEnterYourFullIDNumber")
+        );
+        return;
+      } else {
+        let birth = this.getBirth(value);
+        let sex = this.getSex(value);
+        this.personForm.sex = Number(sex);
+        this.personForm.birthday = birth;
+      }
+    },
+    // 获取 出生日期
+    getBirth(idCard) {
+      var birthday = "";
+      if (idCard != null && idCard != "") {
+        if (idCard.length == 15) {
+          birthday = "19" + idCard.slice(6, 12);
+        } else if (idCard.length == 18) {
+          birthday = idCard.slice(6, 14);
+        }
+        birthday = birthday.replace(/(.{4})(.{2})/, "$1-$2-");
+        //通过正则表达式来指定输出格式为:1990-01-01
+      }
+      return birthday;
+    },
+    //获取 性别 男女
+    getSex(idCard) {
+      var sexStr = ''
+      if (parseInt(idCard.slice(-2, -1)) % 2 == 1) {
+        sexStr = 1
+      } else {
+        sexStr = 2
+      }
+      return sexStr
+    },
+
+    //下载插件
+    downloadPlugIn() {
+      window.open("http://139.159.226.224:9000/itbgp/file/IDCamera1.0.rar");
+    },
+
+    //打开摄像头
+    turnOnTheCamera(type) {
+      var ws = new WebSocket("ws://127.0.0.1:1818");
+      this.webSocket = ws;
+      ws.onopen = (event) => {
+        this.onopen(event, type);
+      };
+
+      ws.onmessage = (event) => {
+        this.onmessage(event, type);
+      };
+
+      ws.onerror = this.onerror;
+    },
+    //发送链接设备请求
+    onopen(event, type) {
+      if (type == 1) {
+        // 识别身份证
+        this.webSocket.send("ReadCard(1001,C:\\Doccamera\\)");
+      } else if (type == 2) {
+        //打开人脸 摄像头
+        this.webSocket.send("OpenFaceFrame(1)");
+        this.webSocket.send("vSetResolutionEx(2,3)");
+        this.webSocket.send("bStartPlay2");
+      } else {
+        //文件 打开识别摄像头
+        this.webSocket.send("OpenFaceFrame(0)");
+        this.webSocket.send("vSetResolutionEx(2,3)");
+        this.webSocket.send("bStartPlay");
+      }
+    },
+    //接收服务器返回的信息
+    onmessage(event, type) {
+      //结束通讯
+      if (
+        event.data.indexOf("BeginbStopPlaytrueEndbStopPlay") >= 0 ||
+        event.data.indexOf("BeginbStopPlayfalseEndbStopPlay") >= 0 ||
+        event.data.indexOf("BeginbStartPlayfalseEndbStartPlay") >= 0 ||
+        event.data.indexOf("BeginbStartPlay2falseEndbStartPlay2") >= 0 ||
+        event.data.indexOf("BeginOpenFaceFrametrueEndOpenFaceFrame") >= 0
+      ) {
+        this.instrUmentScreenDialog = false;
+        return;
+      } else if (
+        event.data.indexOf("BeginbStopPlaytrueEndbStopPlay") == -1 &&
+        event.data.indexOf("BeginReadCard") == -1
+      ) {
+        this.instrUmentScreenDialog = true;
+      }
+      if (event.data.indexOf("BeginReadCard") >= 0) {
+        //获取身份证信息
+        if (event.data == "BeginReadCardEndReadCard") {
+          this.$message.error(
+            this.$t("message.laborMange.failedToObtainIdentityInformation")
+          );
+          return;
+        } else {
+          // 截取掉 多余的字符
+          let data = JSON.parse(
+            event.data.replace("BeginReadCard", "").replace("EndReadCard", "")
+          );
+          //身份证 人脸照片
+          this.uploadFile(data.PhotoB64, 1);
+          //身份证 国徽面
+          this.uploadFile(data.BackB64, 2);
+          //身份证 人像面
+          this.uploadFile(data.FrontB64, 3);
+          this.$refs["personForm"].clearValidate();
+          this.personForm.nativePlace = data.Address;
+          this.personForm.issuingAuthorityForIdcard = data.Agency;
+          this.personForm.nation =
+            data.Folk + this.$t("message.laborMange.clan");
+          this.personForm.workerName = data.Name;
+          this.personForm.idCard = data.IdNo;
+          //截取身份证有效日期
+          let date = data.Valid.split("-");
+          this.personForm.idCardEndDate = date[1] == "长期" ? "" : date[1];
+          this.personForm.longTerm = date[1] == "长期" ? true : false;
+          this.changeIdCard(data.IdNo);
+        }
+      } else if (event.data.indexOf("BeginBase64") >= 0) {
+        if (type == 2) {
+          this.$message.success(
+            this.$t("message.laborMange.takePhotosSuccess")
+          );
+          // 上传的是现场采集照片
+          let url = JSON.parse(JSON.stringify(event.data.substring(11)));
+          this.uploadFile(url, 4);
+        } else if (type == 5) {
+          //合同附件
+          if (this.contractFile.length >= 3) {
+            this.$message.error(
+              this.$t("message.laborMange.uploadLimitHasBeenReached")
+            );
+            return;
+          } else {
+            this.$message.success(
+              this.$t("message.laborMange.takePhotosSuccess")
+            );
+            let url = JSON.parse(JSON.stringify(event.data.substring(11)));
+            this.uploadFile(url, 5);
+          }
+        } else if (type == 6) {
+          //从业资格证书
+          if (this.employmentFile.length >= 3) {
+            this.$message.error(
+              this.$t("message.laborMange.uploadLimitHasBeenReached")
+            );
+            return;
+          } else {
+            this.$message.success(
+              this.$t("message.laborMange.takePhotosSuccess")
+            );
+            let url = JSON.parse(JSON.stringify(event.data.substring(11)));
+            this.uploadFile(url, 6);
+          }
+        } else if (type == 7) {
+          //体检报告
+          if (this.examinationFile.length >= 3) {
+            this.$message.error(
+              this.$t("message.laborMange.uploadLimitHasBeenReached")
+            );
+            return;
+          } else {
+            this.$message.success(
+              this.$t("message.laborMange.takePhotosSuccess")
+            );
+            let url = JSON.parse(JSON.stringify(event.data.substring(11)));
+            this.uploadFile(url, 7);
+          }
+        }
+      } else {
+        //显示的图像
+        this.umentScreenUrl = this.base64Type + event.data;
+      }
+    },
+    onerror() {
+      this.$message.error(this.$t("message.laborMange.failedToConnectDevice"));
+    },
+
+    //保存 并 关闭
+    onclose(type) {
+      if (type == 1) {
+        this.webSocket.send("sGetBase64");
+      } else if (type == 2) {
+        this.webSocket.send("bStopPlay");
+      }
+    },
+
+    //上传现场采集照片发到服务器
+    uploadFile(url, type) {
+      let param = new FormData(); //创建form对象
+      // if(url.endsWidth('EndBase64')){
+      url = url.replace("EndBase64", "");
+      // }
+      param.append("base64Image", this.base64Type + url); //通过append向form对象添加数据
+      this.$http({
+        url: "/upload/uploadBase64",
+        method: "post",
+        data: param,
+        headers: {
+          "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8",
+        },
+      }).then((res) => {
+        if ((res.status = "SUCCESS")) {
+          if (type == 1) {
+            this.personForm.idCardBigPhotoUrl = res.data.data.imageUrl;
+          } else if (type == 2) {
+            this.personForm.idCardUpPhotoUrl = res.data.data.imageUrl;
+          } else if (type == 3) {
+            this.personForm.idCardDownPhotoUrl = res.data.data.imageUrl;
+          } else if (type == 4) {
+            this.personForm.fieldAcquisitionUrl = res.data.data.imageUrl;
+          } else if (type == 5) {
+            let arr =
+              this.personForm.contractImage != ""
+                ? this.personForm.contractImage.split(",")
+                : [];
+            let newUrl =
+              this.$t("message.laborMange.contract") +
+              (arr.length + 1) +
+              "*" +
+              res.data.data.imageUrl;
+            let data = {
+              name: this.$t("message.laborMange.contract") + (arr.length + 1),
+              url: res.data.data.imageUrl,
+            };
+            arr.push(newUrl);
+            this.personForm.contractImage = arr.join(",");
+            this.contractFile.push(data);
+          } else if (type == 6) {
+            let arr =
+              this.personForm.employmentCard != ""
+                ? this.personForm.employmentCard.split(",")
+                : [];
+            let newUrl =
+              this.$t("message.laborMange.certificate") +
+              (arr.length + 1) +
+              "*" +
+              res.data.data.imageUrl;
+            let data = {
+              name:
+                this.$t("message.laborMange.certificate") + (arr.length + 1),
+              url: res.data.data.imageUrl,
+            };
+            arr.push(newUrl);
+            this.personForm.employmentCard = arr.join(",");
+            this.employmentFile.push(data);
+          } else if (type == 7) {
+            let arr =
+              this.personForm.examinationImage != ""
+                ? this.personForm.examinationImage.split(",")
+                : [];
+            let newUrl =
+              this.$t("message.laborMange.physical") +
+              (arr.length + 1) +
+              "*" +
+              res.data.data.imageUrl;
+            let data = {
+              name: this.$t("message.laborMange.physical") + (arr.length + 1),
+              url: res.data.data.imageUrl,
+            };
+            arr.push(newUrl);
+            this.personForm.examinationImage = arr.join(",");
+            this.examinationFile.push(data);
+          }
+        } else {
+          this.$message.error(
+            this.$t("message.laborMange.PhotoUploadingToServerFailed")
+          );
+        }
+      });
+    },
+
+    //身份证识别
+    discernId(url, type) {
+      let data = {
+        imageUrl: this.fileUrl + url,
+        side: type,
+      };
+      getIdCardInfoApi(data).then((res) => {
+        console.log("返回值", res);
+        if (res.code == 200) {
+          console.log("成了吗", res);
+          let val = res.result;
+          if (type == 1) {
+            this.personForm.nation =
+              val.ethnicity + this.$t("message.laborMange.clan");
+            this.personForm.sex = val.sex == "男" ? 1 : 2;
+            this.personForm.workerName = val.name;
+            this.personForm.birthday = val.birth;
+            this.personForm.nativePlace = val.address;
+            this.personForm.idCard = val.number;
+          } else {
+            this.personForm.issuingAuthorityForIdcard = val.issue;
+            this.personForm.idCardEndDate =
+              val.valid_to != "长期" ? val.valid_to : "";
+            this.personForm.longTerm = val.valid_to == "长期" ? true : false;
+          }
+        } else {
+          this.$message.error(this.$t("message.laborMange.hint10"));
+        }
+      });
+    },
+  },
+  watch: {
+    comboFormVisible: function(newValue, oldValue) {
+      console.log(newValue, 666);
+      if (newValue) {
+        this.typeRadio = 1;
+        this.temporaryDialog1 = true;
+        this.personnelEntry();
+      }
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+@import "./laborPersonCommon.less";
+::v-deep .el-button--medium {
+  padding: 9px 16px;
+}
+.laborComponent {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+.left2 {
+  width: 370px;
+  // background: #fbfbfb;
+  height: 100%;
+  position: relative;
+  .placeholder {
+    width: 339px;
+    height: 42px;
+  }
+  .left_list {
+    width: 100%;
+    text-align: center;
+    height: calc(100% - 61px);
+    .list_content {
+      height: calc(100% - 114px);
+      overflow-y: hidden;
+      margin-bottom: 60px;
+    }
+    .list_content:hover {
+      overflow-y: auto;
+    }
+    .list_content::-webkit-scrollbar {
+      /*滚动条整体样式*/
+      width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
+      height: 1px;
+    }
+    .list_content::-webkit-scrollbar-thumb {
+      /*滚动条里面小方块*/
+      border-radius: 5px;
+      // box-shadow: inset 0 0 5px #C1C1C1;
+      background: #c1c1c1;
+    }
+    .list_content::-webkit-scrollbar-track {
+      /*滚动条里面轨道*/
+      // box-shadow: inset 0 0 5px #C1C1C1;
+      border-radius: 5px;
+      background: #f1f1f1;
+    }
+  }
+  .el-menu-vertical-demo {
+    text-align: left;
+  }
+  .addFirm {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 45px;
+    line-height: 45px;
+    color: rgba(81, 129, 246, 1);
+    font-size: 15px;
+    text-align: center;
+    background: #fff;
+    border-top: 1px solid #e6e6e6;
+    font-family: PingFangSC-Regular;
+    cursor: pointer;
+  }
+  .content_data {
+    padding: 0 20px;
+    box-sizing: border-box;
+    height: 43px;
+    line-height: 43px;
+    cursor: pointer;
+    .enterpriseName {
+      width: 80%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      text-align: left;
+    }
+    .enterpriseName2 {
+      text-align: left;
+      width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+  .checkedName {
+    background-color: rgba(81, 129, 246, 0.1);
+    border-left: 3px solid #5181f6;
+    padding-left: 17px;
+  }
+}
+/deep/ .el-form--label-top .el-form-item__label {
+  padding: 0;
+}
+// 照片导入
+.importImgDialog {
+  /deep/.el-dialog__body {
+    padding: 15px 20px;
+  }
+}
+.import-content {
+  .alarm-content {
+    display: flex;
+    align-items: center;
+    margin-left: 104px;
+    .el-icon-warning-outline {
+      color: #ea3941;
+      font-size: 23px;
+    }
+    div {
+      width: 405px;
+      line-height: 18px;
+      font-family: Source Han Sans CN, Source Han Sans CN;
+      font-weight: 400;
+      font-size: 12px;
+      color: #ea3941;
+      margin: 5px;
+    }
+  }
+  .import-operation {
+    display: flex;
+    margin-top: 5px;
+    margin-left: 136px;
+    span {
+      font-family: Source Han Sans CN, Source Han Sans CN;
+      font-weight: 400;
+      font-size: 14px;
+      color: #272d45;
+      margin-right: 10px;
+    }
+    > div {
+      .upload-demo {
+        width: 321px;
+        height: 45px;
+        /deep/.el-upload {
+          width: 100%;
+          height: 100%;
+          .el-upload-dragger {
+            width: 100%;
+            height: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            .el-icon-upload {
+              color: #a2a4af;
+              font-size: 20px;
+              margin: 0px;
+              margin-right: 5px;
+            }
+            .el-upload__text {
+              font-family: Source Han Sans CN, Source Han Sans CN;
+              font-weight: 400;
+              font-size: 14px;
+              color: #a2a4af;
+            }
+          }
+        }
+      }
+    }
+  }
+  .upload-tip {
+    width: 321px;
+    margin-left: 215px;
+    margin-top: 5px;
+    font-family: Source Han Sans CN, Source Han Sans CN;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 18px;
+    color: #a2a4af;
+  }
+  .upload-tip-sub {
+    width: 321px;
+    margin-left: 215px;
+    margin-top: 5px;
+    font-family: Source Han Sans CN, Source Han Sans CN;
+    font-weight: 400;
+    font-size: 14px;
+    color: #5181f6;
+    line-height: 16px;
+  }
+}
+.dialog_content {
+  padding: 0 100px;
+  .el-form-item--small.el-form-item {
+    margin-bottom: 10px;
+  }
+}
+.addPerson_content {
+  padding: 0 25px;
+  .el-form-item--small.el-form-item {
+    margin-bottom: 10px;
+  }
+  .type-change {
+    margin: 5px 0px;
+  }
+}
+
+.shut_icon {
+  position: absolute;
+  right: -11px;
+  top: -11px;
+  z-index: 1000;
+  margin: 5px;
+  cursor: pointer;
+}
+.dialog_content {
+  height: 617px;
+  padding: 0 20px;
+}
+.examination {
+  margin-top: -30px;
+}
+.custom-tree-node {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 90%;
+  padding-right: 10px;
+  box-sizing: border-box;
+}
+/deep/ .el-tree-node__content {
+  height: 36px;
+}
+
+/deep/ .el-tree-node.is-current > .el-tree-node__content {
+  background-color: rgba(168, 191, 230, 0.69) !important;
+}
+
+/deep/ .el-tree-node__content:hover {
+  background: transparent;
+}
+
+/deep/ .el-tree-node__expand-icon {
+  font-size: 20px;
+}
+.img-list {
+  .form-label {
+    margin-bottom: 20px;
+    span {
+      color: #f56c6c;
+    }
+  }
+  .radio-box {
+    padding: 0 30px;
+  }
+  /deep/.el-radio {
+    display: inline-flex;
+    align-items: center;
+    margin-right: 30px;
+    margin-bottom: 20px;
+  }
+  .btn-box {
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-around;
+  }
+}
+.administration {
+  //   width: 100%;
+  //   height: 100%;
+  .left2 {
+    width: 370px;
+    height: 100%;
+    position: relative;
+    .placeholder {
+      width: 339px;
+      height: 42px;
+    }
+    .left_list {
+      width: 370px;
+      text-align: center;
+      height: calc(100% - 61px);
+      .list_content {
+        height: calc(100% - 114px);
+        overflow-y: hidden;
+        margin-bottom: 60px;
+      }
+      .list_content:hover {
+        overflow-y: auto;
+      }
+      .list_content::-webkit-scrollbar {
+        /*滚动条整体样式*/
+        width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
+        height: 1px;
+      }
+      .list_content::-webkit-scrollbar-thumb {
+        /*滚动条里面小方块*/
+        border-radius: 5px;
+        background: #c1c1c1;
+      }
+      .list_content::-webkit-scrollbar-track {
+        /*滚动条里面轨道*/
+        border-radius: 5px;
+        background: #f1f1f1;
+      }
+    }
+    .el-menu-vertical-demo {
+      text-align: left;
+    }
+    .addFirm {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      height: 45px;
+      line-height: 45px;
+      color: rgba(81, 129, 246, 1);
+      font-size: 15px;
+      text-align: center;
+      background: #fff;
+      border-top: 1px solid #e6e6e6;
+      font-family: PingFangSC-Regular;
+      cursor: pointer;
+    }
+    .content_data {
+      padding: 0 20px;
+      box-sizing: border-box;
+      height: 43px;
+      line-height: 43px;
+      cursor: pointer;
+      .enterpriseName {
+        width: 80%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        text-align: left;
+      }
+      .enterpriseName2 {
+        text-align: left;
+        width: 100%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+    .checkedName {
+      background-color: rgba(81, 129, 246, 0.1);
+      border-left: 3px solid #5181f6;
+      padding-left: 17px;
+    }
+  }
+  .right2 {
+    margin-left: 11px !important;
+  }
+  .fixed_title {
+    height: 38px;
+    line-height: 38px;
+    font-weight: 600;
+    background: #ededed;
+    padding-left: 15px;
+    // margin-top: -15px;
+    margin-bottom: 10px;
+    margin-left: -15px;
+  }
+}
+.temporary {
+  //   width: 100%;
+  //   height: 100%;
+  height: auto !important;
+  .placeholder {
+    width: 100%;
+    height: 41px;
+    border-bottom: 1px solid #e6e6e6;
+  }
+  .content {
+    padding: 15px 0;
+    box-sizing: border-box;
+    width: 100%;
+    height: calc(100% - 42px);
+  }
+  .title_wrap {
+    width: 100%;
+    box-sizing: border-box;
+    padding: 0 20px;
+    border-bottom: 2px solid @borderColor;
+  }
+  .titleStyle {
+    width: 100%;
+    font-size: 14px;
+    font-weight: 600;
+    margin: -15px 0 15px;
+    background: #ededed;
+    padding: 10px 15px;
+    box-sizing: border-box;
+  }
+  .uploadImage_wrap {
+    margin: 10px 0 0 0;
+    .position {
+      position: relative;
+    }
+    .shut_icon {
+      position: absolute;
+      top: -11px;
+      right: -11px;
+      z-index: 100;
+      margin: 5px;
+      cursor: pointer;
+    }
+  }
+  .required {
+    color: #f56c6c;
+  }
+  .workerName {
+    color: #5181f6;
+    font-size: 18px;
+    margin-bottom: 10px;
+    cursor: pointer;
+  }
+  .bigImageDialog {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, 0.5);
+    text-align: center;
+    z-index: 1000000;
+    overflow-y: auto;
+    // padding-bottom: 50px;
+    height: 100%;
+    .bigImageContent {
+      height: 100%;
+      margin: 0 auto;
+      text-align: center;
+    }
+    img {
+      // margin-top: 10%;
+      position: relative;
+      top: 10%;
+      max-height: 80%;
+      max-width: 80%;
+    }
+  }
+}
+</style>
diff --git a/src/views/projectFront/laborManage/components/comboForm/comboForm.vue b/src/views/projectFront/laborManage/components/comboForm/comboForm.vue
index ae99491f..c728fa58 100644
--- a/src/views/projectFront/laborManage/components/comboForm/comboForm.vue
+++ b/src/views/projectFront/laborManage/components/comboForm/comboForm.vue
@@ -1,4929 +1,83 @@
 <template>
   <div class="comboComponent">
     <!-- 劳务人员录入弹窗 -->
-    <el-dialog
-      @close="closeDialog"
-      :modal-append-to-body="false"
-      :title="personDialogTitle"
-      :close-on-click-modal="false"
-      :visible.sync="temporaryDialog1"
-      width="969px"
-    >
-      <vue-scroll style="height: 618px">
-        <div class="dialog_content addPerson_content" ref="personDialog">
-          <!-- 劳务人员表单 -->
-          <el-form
-            size="small"
-            ref="personForm"
-            label-position="top"
-            :model="personForm"
-            label-width="80px"
-            :rules="rules"
-          >
-            <el-row :gutter="24">
-              <el-col :span="16">
-                <el-row :gutter="24">
-                  <el-col :span="12">
-                    <el-form-item label="所属企业" prop="enterpriseId">
-                      <el-select
-                        v-model="personForm.enterpriseId"
-                        :placeholder="$t('message.laborMange.pleaseChoose')"
-                        style="width: 100%"
-                        @change="enterpriseChange"
-                      >
-                        <el-option
-                          v-for="item in enterpriseListData"
-                          :key="item.id"
-                          :label="item.enterpriseName"
-                          :value="item.id"
-                        ></el-option>
-                      </el-select>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item label="所属人员类型" prop="personType">
-                      <el-select
-                        v-model="personForm.personType"
-                        :placeholder="$t('message.laborMange.pleaseChoose')"
-                        style="width: 100%"
-                        @change="personTypeChange"
-                      >
-                        <el-option
-                          v-for="(item, index) in memberTypeList"
-                          :key="index"
-                          :label="item.name"
-                          :value="item.value"
-                        ></el-option>
-                      </el-select>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row :gutter="24">
-                  <el-col :span="12">
-                    <el-form-item label="所属班组/部门" prop="teamId">
-                      <el-select
-                        v-model="personForm.teamId"
-                        :placeholder="$t('message.laborMange.pleaseChoose')"
-                        style="width: 100%"
-                        :disabled="titleType == 'detail'"
-                      >
-                        <el-option
-                          v-for="item in workerTypeList"
-                          :key="item.id"
-                          :label="item.teamName"
-                          :value="item.id"
-                        ></el-option>
-                      </el-select>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row :gutter="24">
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.compellation')"
-                      prop="workerName"
-                    >
-                      <el-input
-                        v-model="personForm.workerName"
-                        :disabled="titleType == 'detail'"
-                        :placeholder="$t('message.laborMange.placeholder2')"
-                      ></el-input>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.frontAndBackOfIdCard')"
-                      prop="idCardUpPhotoUrl"
-                    >
-                      <div class="flex3" style="width: 160px;">
-                        <div>
-                          <div
-                            v-if="personForm.idCardUpPhotoUrl"
-                            style="
-                                position: relative;
-                                width: 60px;
-                                height: 38px;
-                              "
-                          >
-                            <img
-                              :src="fileUrl + personForm.idCardUpPhotoUrl"
-                              style="width: 60px; height: 38px"
-                              @click="
-                                handlePreview(
-                                  fileUrl + personForm.idCardUpPhotoUrl,
-                                  0
-                                )
-                              "
-                            />
-                            <img
-                              v-if="
-                                personForm.idCardUpPhotoUrl &&
-                                  titleType != 'detail'
-                              "
-                              src="@/assets/images/shut_icon.png"
-                              width="15px"
-                              height="15px"
-                              class="shut_icon"
-                              @click="shutIconBtn(2)"
-                            />
-                          </div>
-                          <el-upload
-                            v-else
-                            class="upload-demo identity_card"
-                            :action="uploadUrl"
-                            :on-remove="(file) => handleRemove(file, 8)"
-                            :on-success="(file) => handleSuccess(file, 8)"
-                            :on-error="(file) => handleError(file, 8)"
-                            :on-preview="(file) => handlePreview(file, 8)"
-                            :beforeUpload="
-                              (file) => handleBeforeUpload(file, 8)
-                            "
-                            name="files"
-                            :class="titleType == 'detail' ? 'margin_top35' : ''"
-                            :file-list="idCardUpPhotoUrlFile"
-                            :disabled="titleType == 'detail'"
-                            :show-file-list="false"
-                          >
-                            <img src="@/assets/images/cockade.png" />
-                            <!-- <el-button type="primary" v-if="personDialogTitle!='人员信息详情'">上传国徽面</el-button> -->
-                          </el-upload>
-                        </div>
-                        <div>
-                          <div
-                            v-if="personForm.idCardDownPhotoUrl"
-                            style="
-                                position: relative;
-                                width: 60px;
-                                height: 38px;
-                              "
-                          >
-                            <img
-                              :src="fileUrl + personForm.idCardDownPhotoUrl"
-                              style="width: 60px; height: 38px"
-                              @click="
-                                handlePreview(
-                                  fileUrl + personForm.idCardDownPhotoUrl,
-                                  0
-                                )
-                              "
-                            />
-                            <img
-                              v-if="
-                                personForm.idCardDownPhotoUrl &&
-                                  titleType != 'detail'
-                              "
-                              src="@/assets/images/shut_icon.png"
-                              width="15px"
-                              height="15px"
-                              class="shut_icon"
-                              @click="shutIconBtn(3)"
-                            />
-                          </div>
-                          <el-upload
-                            v-else
-                            class="upload-demo identity_card"
-                            :action="uploadUrl"
-                            :on-remove="(file) => handleRemove(file, 9)"
-                            :on-success="(file) => handleSuccess(file, 9)"
-                            :on-error="(file) => handleError(file, 9)"
-                            :on-preview="(file) => handlePreview(file, 9)"
-                            :beforeUpload="
-                              (file) => handleBeforeUpload(file, 9)
-                            "
-                            name="files"
-                            :class="titleType == 'detail' ? 'margin_top35' : ''"
-                            :file-list="idCardDownPhotoUrlFile"
-                            :disabled="titleType == 'detail'"
-                            :show-file-list="false"
-                          >
-                            <img src="@/assets/images/portrait.png" />
-                            <!-- <el-button type="primary" v-if="personDialogTitle!='人员信息详情'">上传人像面</el-button> -->
-                          </el-upload>
-                        </div>
-                      </div>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-
-                <el-row :gutter="24">
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.sex')"
-                      prop="sex"
-                    >
-                      <el-radio-group
-                        v-model="personForm.sex"
-                        :disabled="titleType == 'detail'"
-                      >
-                        <el-radio :label="1">{{
-                          $t("message.laborMange.man")
-                        }}</el-radio>
-                        <el-radio :label="2">{{
-                          $t("message.laborMange.female")
-                        }}</el-radio>
-                      </el-radio-group>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.IdNumber2')"
-                      prop="idCard"
-                    >
-                      <el-input
-                        v-model="personForm.idCard"
-                        :disabled="titleType == 'detail'"
-                        maxlength="18"
-                        :placeholder="$t('message.laborMange.placeholder2')"
-                        @change="changeIdCard"
-                      ></el-input>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row :gutter="24">
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.dateOfBirth')"
-                      prop="birthday"
-                    >
-                      <el-date-picker
-                        v-model="personForm.birthday"
-                        type="date"
-                        :placeholder="
-                          $t('message.laborMange.pleaseSelectADate')
-                        "
-                        value-format="yyyy-MM-dd"
-                        style="width: 100%"
-                        :disabled="titleType == 'detail'"
-                      ></el-date-picker>
-                    </el-form-item>
-                  </el-col>
-
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.nation')"
-                      prop="nation"
-                    >
-                      <el-select
-                        v-model="personForm.nation"
-                        :placeholder="$t('message.laborMange.pleaseChoose')"
-                        style="width: 100%"
-                        :disabled="titleType == 'detail'"
-                      >
-                        <el-option
-                          v-for="(item, index) in nationList"
-                          :key="index"
-                          :label="item.name"
-                          :value="item.name"
-                        ></el-option>
-                      </el-select>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row :gutter="24">
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.nativePlace')"
-                      prop="nativePlace"
-                    >
-                      <el-input
-                        v-model="personForm.nativePlace"
-                        :placeholder="$t('message.laborMange.placeholder2')"
-                        :disabled="titleType == 'detail'"
-                      ></el-input>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.issuingAuthority')"
-                      prop="issuingAuthorityForIdcard"
-                    >
-                      <el-input
-                        v-model="personForm.issuingAuthorityForIdcard"
-                        :disabled="titleType == 'detail'"
-                        :placeholder="$t('message.laborMange.pleaseAuthority')"
-                      ></el-input>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row :gutter="24">
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.effectiveDate')"
-                      :prop="
-                        personForm.longTerm || personForm.longTerm == 1
-                          ? ''
-                          : 'idCardEndDate'
-                      "
-                    >
-                      <el-date-picker
-                        v-model="personForm.idCardEndDate"
-                        v-if="personForm.longTerm != 1 || !personForm.longTerm"
-                        :placeholder="
-                          personForm.longTerm
-                            ? ''
-                            : $t('message.laborMange.pleaseSelectADate')
-                        "
-                        value-format="yyyy-MM-dd"
-                        style="width: 75%"
-                        :disabled="personForm.longTerm || titleType == 'detail'"
-                      ></el-date-picker>
-                      <el-input
-                        v-else
-                        v-model="personForm.idCardEndDate"
-                        style="width: 75%"
-                        :disabled="true"
-                      ></el-input>
-
-                      <el-checkbox
-                        v-model="personForm.longTerm"
-                        :disabled="titleType == 'detail'"
-                        @change="checkboxLongTerm"
-                        style="margin-left: 10px"
-                        >{{ $t("message.laborMange.longTime") }}</el-checkbox
-                      >
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.phone')"
-                      prop="phoneNumber"
-                    >
-                      <el-input
-                        v-model="personForm.phoneNumber"
-                        :disabled="titleType == 'detail'"
-                        :placeholder="$t('message.laborMange.placeholder2')"
-                        oninput="if(value.length>11)value=value.slice(0,11)"
-                        type="number"
-                      ></el-input>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row :gutter="24">
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.emergencyContact')"
-                      prop="emergentPerson"
-                    >
-                      <el-input
-                        v-model="personForm.emergentPerson"
-                        :placeholder="$t('message.laborMange.placeholder2')"
-                        :disabled="titleType == 'detail'"
-                      ></el-input>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.emergencyContactPhone')"
-                      prop="emergentPhone"
-                    >
-                      <el-input
-                        v-model="personForm.emergentPhone"
-                        :disabled="titleType == 'detail'"
-                        oninput="if(value.length>11)value=value.slice(0,11)"
-                        type="number"
-                        :placeholder="$t('message.laborMange.placeholder2')"
-                      ></el-input>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row :gutter="24">
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.dateOfEntry')"
-                      prop="enterDate"
-                    >
-                      <el-date-picker
-                        v-model="personForm.enterDate"
-                        :disabled="titleType == 'detail'"
-                        type="date"
-                        :placeholder="
-                          $t('message.laborMange.pleaseSelectADate')
-                        "
-                        value-format="yyyy-MM-dd"
-                        style="width: 100%"
-                      ></el-date-picker>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.workingState')"
-                      prop="inserviceType"
-                    >
-                      <el-select
-                        v-model="personForm.inserviceType"
-                        :placeholder="$t('message.laborMange.pleaseChoose')"
-                        style="width: 100%"
-                        :disabled="true"
-                      >
-                        <el-option
-                          :label="$t('message.laborMange.onJob')"
-                          :value="1"
-                        ></el-option>
-                        <el-option
-                          :label="$t('message.laborMange.dimission')"
-                          :value="2"
-                        ></el-option>
-                      </el-select>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row :gutter="24">
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.maritalStatus')"
-                      prop="marry"
-                    >
-                      <el-select
-                        v-model="personForm.marry"
-                        :placeholder="$t('message.laborMange.pleaseChoose')"
-                        style="width: 100%"
-                        v-if="
-                          titleType != 'detail' ||
-                            (personForm.marry && titleType == 'detail')
-                        "
-                        :disabled="titleType == 'detail'"
-                      >
-                        <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>
-                      <el-input
-                        v-else
-                        :disabled="titleType == 'detail'"
-                      ></el-input>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.cardBank')"
-                      prop="payRollBankName"
-                    >
-                      <el-input
-                        v-model="personForm.payRollBankName"
-                        :placeholder="
-                          personForm.payRollBankName == '' &&
-                          titleType == 'detail'
-                            ? ''
-                            : $t('message.laborMange.placeholder2')
-                        "
-                        :disabled="titleType == 'detail'"
-                      ></el-input>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row :gutter="24">
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.bankCardNumber')"
-                      prop="payRollBankNumber"
-                    >
-                      <el-input
-                        v-model="personForm.payRollBankNumber"
-                        :disabled="titleType == 'detail'"
-                        :placeholder="
-                          personForm.payRollBankNumber == '' &&
-                          titleType == 'detail'
-                            ? ''
-                            : $t('message.laborMange.placeholder2')
-                        "
-                      ></el-input>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.educationBackground')"
-                      prop="educational"
-                    >
-                      <el-select
-                        v-model="personForm.educational"
-                        :placeholder="$t('message.laborMange.pleaseChoose')"
-                        style="width: 100%"
-                        :disabled="titleType == 'detail'"
-                        v-if="
-                          titleType != 'detail' ||
-                            (personForm.educational && titleType == 'detail')
-                        "
-                      >
-                        <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>
-                      <el-input
-                        v-else
-                        :disabled="titleType == 'detail'"
-                      ></el-input>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row :gutter="24">
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.bloodType')"
-                      prop="blood"
-                    >
-                      <el-select
-                        v-model="personForm.blood"
-                        :placeholder="$t('message.laborMange.pleaseChoose')"
-                        :disabled="titleType == 'detail'"
-                        v-if="
-                          titleType != 'detail' ||
-                            (personForm.blood && titleType == 'detail')
-                        "
-                        style="width: 100%"
-                      >
-                        <el-option label="A" value="A"></el-option>
-                        <el-option label="B" value="B"></el-option>
-                        <el-option label="AB" value="AB"></el-option>
-                        <el-option label="O" value="O"></el-option>
-                      </el-select>
-                      <el-input
-                        v-else
-                        :disabled="titleType == 'detail'"
-                      ></el-input>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.politicsStatus')"
-                      prop="politicsStatus"
-                    >
-                      <el-select
-                        v-model="personForm.politicsStatus"
-                        :placeholder="$t('message.laborMange.pleaseChoose')"
-                        style="width: 100%"
-                        v-if="
-                          titleType != 'detail' ||
-                            (personForm.politicsStatus && titleType == 'detail')
-                        "
-                        :disabled="titleType == 'detail'"
-                      >
-                        <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>
-                      <el-input
-                        v-else
-                        :disabled="titleType == 'detail'"
-                      ></el-input>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row :gutter="24">
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.attendanceNumber')"
-                      prop="attendanceNumber"
-                    >
-                      <el-input
-                        :disabled="titleType == 'detail'"
-                        v-model="personForm.attendanceNumber"
-                        :placeholder="$t('message.laborMange.placeholder2')"
-                      ></el-input> </el-form-item
-                  ></el-col>
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.attendanceRules')"
-                      prop="ruleId"
-                    >
-                      <el-select
-                        v-model="personForm.ruleId"
-                        :placeholder="$t('message.laborMange.pleaseChoose')"
-                        style="width: 100%"
-                        v-if="
-                          titleType != 'detail' ||
-                            (personForm.ruleId && titleType == 'detail')
-                        "
-                        @change="changRuleId"
-                        :disabled="titleType == 'detail'"
-                      >
-                        <el-option
-                          v-for="(item, index) in attendRulesList"
-                          :key="index"
-                          :label="item.ruleName"
-                          :value="item.id"
-                        ></el-option>
-                      </el-select>
-                      <el-input
-                        v-else
-                        :disabled="titleType == 'detail'"
-                      ></el-input>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row :gutter="24">
-                  <el-col :span="12">
-                    <el-form-item label="人员定位标签号" prop="locationCardno">
-                      <el-input
-                        v-model="personForm.locationCardno"
-                        placeholder="请输入标签号"
-                      ></el-input>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <div class="type-change">
-                  <el-radio-group v-model="typeRadio">
-                    <el-radio :label="1">设备</el-radio>
-                    <el-radio :label="2">分组</el-radio>
-                  </el-radio-group>
-                </div>
-                <el-row v-if="typeRadio == 1">
-                  <el-form-item
-                    :label="$t('message.laborMange.faceDevice')"
-                    prop="ufaceDevList"
-                  >
-                    <el-checkbox
-                      :indeterminate="isIndeterminate2"
-                      v-model="checkAllFaceDev"
-                      @change="handleCheckAllChangeFace"
-                      >{{ $t("message.laborMange.checkAll") }}</el-checkbox
-                    >
-                    <el-checkbox-group
-                      v-model="personForm.ufaceDevId"
-                      @change="handleUfaceDevChange"
-                    >
-                      <el-checkbox
-                        v-for="(item, index) in ufaceDevAllList"
-                        :key="index"
-                        :label="item.id"
-                        :disabled="item.disabled"
-                      >
-                        {{ item.devName }}
-                      </el-checkbox>
-                    </el-checkbox-group>
-                  </el-form-item>
-                </el-row>
-                <el-row v-if="typeRadio == 2">
-                  <el-form-item label="人脸分组" prop="ufaceDevList">
-                    <el-checkbox
-                      :indeterminate="isIndeterminate3"
-                      v-model="checkAllGroupDev"
-                      @change="handleCheckAllChangeGroup"
-                      >{{ $t("message.laborMange.checkAll") }}</el-checkbox
-                    >
-                    <el-checkbox-group
-                      key="group2"
-                      v-model="personForm.uGroupId"
-                      @change="handleUGroupChange"
-                    >
-                      <el-checkbox
-                        v-for="(item, index) in uGroupAllList"
-                        :key="index"
-                        :label="item.id"
-                        :disabled="item.disabled"
-                      >
-                        {{ item.name }}
-                      </el-checkbox>
-                    </el-checkbox-group>
-                  </el-form-item>
-                </el-row>
-              </el-col>
-              <el-col :span="8">
-                <el-row :gutter="24">
-                  <el-button
-                    size="medium"
-                    type="primary"
-                    style="
-                        margin-left: 30px;
-                        width: 120px;
-                        text-align: center;
-                        padding: 9px 12px;
-                      "
-                    v-if="titleType != 'detail'"
-                    @click="turnOnTheCamera(1)"
-                    >{{ $t("message.laborMange.idCardInformation") }}</el-button
-                  >
-                  <el-button
-                    size="medium"
-                    type="primary"
-                    style="
-                        margin-left: 22px;
-                        width: 104px;
-                        text-align: center;
-                        padding: 9px 18px;
-                      "
-                    v-if="titleType != 'detail'"
-                    @click="turnOnTheCamera(2)"
-                    >{{ $t("message.laborMange.turnCamera") }}</el-button
-                  >
-                  <el-button
-                    size="medium"
-                    type="primary"
-                    style="
-                        width: 82%;
-                        margin: 15px 0 18px 30px;
-                        background: #09c2aa;
-                        border-color: #09c2aa;
-                      "
-                    @click="downloadPlugIn"
-                    v-if="titleType != 'detail'"
-                    >{{ $t("message.laborMange.highBeatDownload") }}</el-button
-                  >
-                  <el-row :gutter="24">
-                    <el-col :span="10" :offset="2">
-                      <div
-                        style="position: relative; width: 100px; height: 119px"
-                      >
-                        <img
-                          v-if="personForm.idCardBigPhotoUrl"
-                          :src="fileUrl + personForm.idCardBigPhotoUrl"
-                          @click="
-                            handlePreview(
-                              fileUrl + personForm.idCardBigPhotoUrl,
-                              0
-                            )
-                          "
-                          width="100%"
-                          height="100%"
-                        />
-                        <img
-                          v-else
-                          src="@/assets/images/profile_photo.png"
-                          width="100%"
-                          height="100%"
-                        />
-                        <img
-                          v-if="
-                            personForm.idCardBigPhotoUrl &&
-                              titleType != 'detail'
-                          "
-                          src="@/assets/images/shut_icon.png"
-                          width="15px"
-                          height="15px"
-                          class="shut_icon"
-                          @click="shutIconBtn(0)"
-                        />
-                      </div>
-                      <div style="margin: 4px 0">
-                        <!-- <span style="color: #f76c6c">*</span> -->
-                        <div style="width: 100px;text-align: center;">
-                          {{ $t("message.laborMange.IdCardHead") }}
-                        </div>
-                      </div>
-                      <!-- 身份证头像 -->
-                      <el-upload
-                        class="upload-demo"
-                        action="uploadUrl"
-                        :on-remove="(file) => handleRemove(file, 6)"
-                        :on-preview="(file) => handlePreview(file, 6)"
-                        :before-upload="(file) => handleBeforeUpload(file, 6)"
-                        :show-file-list="false"
-                        :file-list="idCardUpPhotoFile"
-                        :disabled="titleType == 'detail'"
-                        :http-request="
-                          (val) => handleUpload(val, 'idCardAvatar')
-                        "
-                      >
-                        <el-button
-                          size="medium"
-                          style="padding: 9px 20px"
-                          type="primary"
-                          v-if="titleType != 'detail'"
-                          >{{
-                            $t("message.laborMange.clickOnTheUpload")
-                          }}</el-button
-                        >
-                      </el-upload>
-                    </el-col>
-                    <el-col :span="11" :offset="1">
-                      <div
-                        style="position: relative; width: 100px; height: 119px"
-                      >
-                        <img
-                          v-if="personForm.fieldAcquisitionUrl"
-                          :src="fileUrl + personForm.fieldAcquisitionUrl"
-                          @click="
-                            handlePreview(
-                              fileUrl + personForm.fieldAcquisitionUrl,
-                              0
-                            )
-                          "
-                          width="100%"
-                          height="100%"
-                        />
-                        <img
-                          v-else
-                          src="@/assets/images/profile_photo.png"
-                          width="100%"
-                          height="100%"
-                        />
-                        <img
-                          v-if="
-                            personForm.fieldAcquisitionUrl &&
-                              titleType != 'detail'
-                          "
-                          src="@/assets/images/shut_icon.png"
-                          width="15px"
-                          height="15px"
-                          class="shut_icon"
-                          @click="shutIconBtn(1)"
-                        />
-                      </div>
-                      <div style="margin: 4px 0">
-                        <span style="color: #f76c6c">*</span>
-                        <!-- <div style="width: 100px;text-align: center;"> -->
-                        {{ $t("message.laborMange.spotFaceCollection") }}
-                        <!-- </div> -->
-                      </div>
-                      <el-upload
-                        class="upload-demo"
-                        action="uploadUrl"
-                        :on-remove="(file) => handleRemove(file, 7)"
-                        :on-preview="(file) => handlePreview(file, 7)"
-                        :before-upload="(file) => handleBeforeUpload(file, 7)"
-                        :file-list="fieldAcquisitionFile"
-                        :disabled="titleType == 'detail'"
-                        :show-file-list="false"
-                        :http-request="(val) => handleUpload(val, 'livesFace')"
-                      >
-                        <el-button
-                          size="medium"
-                          style="padding: 9px 20px"
-                          type="primary"
-                          v-if="titleType != 'detail'"
-                          >{{
-                            $t("message.laborMange.clickOnTheUpload")
-                          }}</el-button
-                        >
-                      </el-upload>
-                    </el-col>
-                  </el-row>
-                </el-row>
-                <el-col :span="22" :offset="2" class="hint">{{
-                  $t("message.laborMange.imgHint")
-                }}</el-col>
-              </el-col>
-            </el-row>
-          </el-form>
-          <div class="dialog-footer">
-            <el-button
-              class="cancleBtn"
-              @click="closeDialog"
-              icon="el-icon-circle-close"
-              size="medium"
-              >{{ $t("message.laborMange.cancel") }}</el-button
-            >
-            <!-- 确定按钮 -->
-            <el-button
-              type="primary"
-              icon="el-icon-circle-check"
-              @click="savePersonFn('personForm', 'laborSubmit')"
-              :disabled="titleType == 'detail'"
-              size="medium"
-              >{{ $t("message.laborMange.confirm") }}</el-button
-            >
-          </div>
-        </div>
-      </vue-scroll>
-    </el-dialog>
+    <laborDialog :laborDialogVisible="laborDialogVisible" @closeLaborDialog="closeLaborDialog"></laborDialog>
     <!-- 管理人员录入弹窗 -->
-    <el-dialog
-      :modal-append-to-body="false"
-      :title="personDialogTitle"
-      :visible.sync="temporaryDialog2"
-      :close-on-click-modal="false"
-      width="969px"
-    >
-      <vue-scroll style="height: 650px">
-        <div
-          class="dialog_content addPerson_content administration"
-          ref="personDialog"
-        >
-          <div class="fixed_title" style="padding-top: 5px">
-            {{ $t("message.laborMange.essential") }}
-          </div>
-          <el-form
-            size="small"
-            ref="personForm"
-            label-position="top"
-            :model="personForm"
-            label-width="80px"
-            :rules="rules"
-          >
-            <el-row :gutter="24">
-              <el-col :span="16">
-                <el-row :gutter="24">
-                  <el-col :span="12">
-                    <el-form-item label="所属企业" prop="enterpriseId">
-                      <el-select
-                        v-model="personForm.enterpriseId"
-                        :placeholder="$t('message.laborMange.pleaseChoose')"
-                        style="width: 100%"
-                        @change="enterpriseChange"
-                      >
-                        <el-option
-                          v-for="item in enterpriseListData"
-                          :key="item.id"
-                          :label="item.enterpriseName"
-                          :value="item.id"
-                        ></el-option>
-                      </el-select>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item label="所属人员类型" prop="personType">
-                      <el-select
-                        v-model="personForm.personType"
-                        :placeholder="$t('message.laborMange.pleaseChoose')"
-                        style="width: 100%"
-                        @change="personTypeChange"
-                      >
-                        <el-option
-                          v-for="(item, index) in memberTypeList"
-                          :key="index"
-                          :label="item.name"
-                          :value="item.value"
-                        ></el-option>
-                      </el-select>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row :gutter="24">
-                  <el-col :span="12">
-                    <el-form-item label="所属班组/部门" prop="departmentId">
-                      <el-select
-                        v-model="personForm.departmentId"
-                        :placeholder="$t('message.laborMange.pleaseChoose')"
-                        style="width: 100%"
-                        :disabled="titleType == 'detail'"
-                      >
-                        <el-option
-                          v-for="item in departmentListData"
-                          :key="item.id"
-                          :label="item.departmentName"
-                          :value="item.id"
-                        ></el-option>
-                      </el-select>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row :gutter="24">
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.compellation')"
-                      prop="workerName"
-                    >
-                      <el-input
-                        v-model="personForm.workerName"
-                        :placeholder="$t('message.laborMange.placeholder2')"
-                        :disabled="titleType == 'detail'"
-                      ></el-input>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.frontAndBackOfIdCard')"
-                      prop="idCardUpPhotoUrl"
-                      :rules="[
-                        {
-                          // required:
-                          //   !personForm.idCardUpPhotoUrl ||
-                          //   !personForm.idCardDownPhotoUrl,
-                          message: $t('message.laborMange.compellation'),
-                          trigger: 'submit',
-                        },
-                      ]"
-                    >
-                      <div class="flex3" style="width: 160px">
-                        <div>
-                          <div
-                            v-if="personForm.idCardUpPhotoUrl"
-                            style="
-                              position: relative;
-                              width: 60px;
-                              height: 38px;
-                            "
-                          >
-                            <img
-                              :src="fileUrl + personForm.idCardUpPhotoUrl"
-                              style="width: 60px; height: 38px"
-                              @click="
-                                handlePreview(
-                                  fileUrl + personForm.idCardUpPhotoUrl,
-                                  0
-                                )
-                              "
-                            />
-                            <img
-                              v-if="
-                                personForm.idCardUpPhotoUrl &&
-                                  titleType != 'detail'
-                              "
-                              src="@/assets/images/shut_icon.png"
-                              width="15px"
-                              height="15px"
-                              class="shut_icon"
-                              @click="shutIconBtn(2)"
-                            />
-                          </div>
-                          <el-upload
-                            v-else
-                            class="upload-demo identity_card"
-                            :action="uploadUrl"
-                            :on-remove="(file) => handleRemove(file, 1)"
-                            :on-success="(file) => handleSuccess(file, 1)"
-                            :on-error="(file) => handleError(file, 1)"
-                            :on-preview="(file) => handlePreview(file, 1)"
-                            :beforeUpload="
-                              (file) => handleBeforeUpload(file, 1)
-                            "
-                            name="files"
-                            :class="titleType == 'detail' ? 'margin_top35' : ''"
-                            :file-list="idCardUpPhotoUrlFile"
-                            :disabled="titleType == 'detail'"
-                            :show-file-list="false"
-                          >
-                            <img src="@/assets/images/cockade.png" />
-                            <!-- <el-button type="primary" v-if="personDialogTitle!='管理人员信息详情'">上传国徽面</el-button> -->
-                          </el-upload>
-                        </div>
-                        <div>
-                          <div
-                            v-if="personForm.idCardDownPhotoUrl"
-                            style="
-                              position: relative;
-                              width: 60px;
-                              height: 38px;
-                            "
-                          >
-                            <img
-                              :src="fileUrl + personForm.idCardDownPhotoUrl"
-                              style="width: 60px; height: 38px"
-                              @click="
-                                handlePreview(
-                                  fileUrl + personForm.idCardDownPhotoUrl,
-                                  0
-                                )
-                              "
-                            />
-                            <img
-                              v-if="
-                                personForm.idCardDownPhotoUrl &&
-                                  titleType != 'detail'
-                              "
-                              src="@/assets/images/shut_icon.png"
-                              width="15px"
-                              height="15px"
-                              class="shut_icon"
-                              @click="shutIconBtn(3)"
-                            />
-                          </div>
-                          <el-upload
-                            v-else
-                            class="upload-demo identity_card"
-                            :action="uploadUrl"
-                            :on-remove="(file) => handleRemove(file, 2)"
-                            :on-success="(file) => handleSuccess(file, 2)"
-                            :on-error="(file) => handleError(file, 2)"
-                            :on-preview="(file) => handlePreview(file, 2)"
-                            :beforeUpload="
-                              (file) => handleBeforeUpload(file, 2)
-                            "
-                            name="files"
-                            :class="titleType == 'detail' ? 'margin_top35' : ''"
-                            :file-list="idCardDownPhotoUrlFile"
-                            :disabled="titleType == 'detail'"
-                            :show-file-list="false"
-                          >
-                            <img src="@/assets/images/portrait.png" />
-                            <!-- <el-button type="primary" v-if="personDialogTitle!='管理人员信息详情'">上传人像面</el-button> -->
-                          </el-upload>
-                        </div>
-                      </div>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row :gutter="24">
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.dateOfEntry')"
-                      prop="enterDate"
-                    >
-                      <el-date-picker
-                        v-model="personForm.enterDate"
-                        type="date"
-                        :placeholder="
-                          $t('message.laborMange.pleaseSelectADate')
-                        "
-                        value-format="yyyy-MM-dd"
-                        style="width: 100%"
-                        :disabled="titleType == 'detail'"
-                      ></el-date-picker>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.IdNumber2')"
-                      prop="idCard"
-                    >
-                      <el-input
-                        v-model="personForm.idCard"
-                        :disabled="titleType == 'detail'"
-                        @change="changeIdCard"
-                        maxlength="18"
-                        :placeholder="$t('message.laborMange.placeholder2')"
-                      ></el-input>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row :gutter="24">
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.phone')"
-                      prop="phoneNumber"
-                    >
-                      <el-input
-                        v-model="personForm.phoneNumber"
-                        :placeholder="$t('message.laborMange.placeholder2')"
-                        :disabled="titleType == 'detail'"
-                        oninput="if(value.length>11)value=value.slice(0,11)"
-                        type="number"
-                      ></el-input>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item :label="$t('message.laborMange.mailbox')">
-                      <el-input
-                        v-model="personForm.personMail"
-                        :placeholder="
-                          titleType != 'detail' &&
-                            $t('message.laborMange.placeholder2')
-                        "
-                        :disabled="titleType == 'detail'"
-                      ></el-input>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row :gutter="24">
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.sex')"
-                      prop="sex"
-                    >
-                      <el-radio-group
-                        v-model="personForm.sex"
-                        :disabled="titleType == 'detail'"
-                      >
-                        <el-radio :label="1">{{
-                          $t("message.laborMange.man")
-                        }}</el-radio>
-                        <el-radio :label="2">{{
-                          $t("message.laborMange.female")
-                        }}</el-radio>
-                      </el-radio-group>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.politicsStatus')"
-                      prop="politicsStatus"
-                    >
-                      <el-select
-                        v-model="personForm.politicsStatus"
-                        :placeholder="$t('message.laborMange.pleaseChoose')"
-                        style="width: 100%"
-                        v-if="
-                          titleType != 'detail' ||
-                            (personForm.politicsStatus && titleType == 'detail')
-                        "
-                        :disabled="titleType == 'detail'"
-                      >
-                        <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>
-                      <el-input v-else :disabled="true"></el-input>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row :gutter="24">
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.maritalStatus')"
-                      prop="marry"
-                    >
-                      <el-select
-                        v-model="personForm.marry"
-                        :placeholder="$t('message.laborMange.pleaseChoose')"
-                        style="width: 100%"
-                        :disabled="titleType == 'detail'"
-                        v-if="
-                          titleType != 'detail' ||
-                            (personForm.marry && titleType == 'detail')
-                        "
-                      >
-                        <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>
-                      <el-input v-else :disabled="true"></el-input>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item :label="$t('message.laborMange.dateOfBirth')">
-                      <el-date-picker
-                        v-model="personForm.birthday"
-                        type="date"
-                        :placeholder="
-                          $t('message.laborMange.pleaseSelectADate')
-                        "
-                        value-format="yyyy-MM-dd"
-                        style="width: 100%"
-                        :disabled="titleType == 'detail'"
-                        v-if="
-                          titleType != 'detail' ||
-                            (personForm.birthday && titleType == 'detail')
-                        "
-                      ></el-date-picker>
-                      <el-input v-else :disabled="true"></el-input>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row :gutter="24">
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.nation')"
-                      prop="nation"
-                    >
-                      <el-select
-                        v-model="personForm.nation"
-                        :placeholder="$t('message.laborMange.pleaseChoose')"
-                        style="width: 100%"
-                        :disabled="titleType == 'detail'"
-                      >
-                        <el-option
-                          v-for="(item, index) in nationList"
-                          :key="index"
-                          :label="item.name"
-                          :value="item.name"
-                        ></el-option>
-                      </el-select>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.educationBackground')"
-                      prop="educational"
-                    >
-                      <el-select
-                        v-model="personForm.educational"
-                        :placeholder="$t('message.laborMange.pleaseChoose')"
-                        style="width: 100%"
-                        :disabled="titleType == 'detail'"
-                        v-if="
-                          titleType != 'detail' ||
-                            (personForm.educational && titleType == 'detail')
-                        "
-                      >
-                        <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>
-                      <el-input v-else :disabled="true"></el-input>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row :gutter="24">
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.nativePlace')"
-                      prop="nativePlace"
-                    >
-                      <el-input
-                        v-model="personForm.nativePlace"
-                        :placeholder="
-                          titleType != 'detail' &&
-                            $t('message.laborMange.placeholder2')
-                        "
-                        :disabled="titleType == 'detail'"
-                      ></el-input>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.issuingAuthority')"
-                      prop="issuingAuthorityForIdcard"
-                    >
-                      <el-input
-                        v-model="personForm.issuingAuthorityForIdcard"
-                        :disabled="titleType == 'detail'"
-                        :placeholder="
-                          titleType != 'detail' &&
-                            $t('message.laborMange.pleaseAuthority')
-                        "
-                      ></el-input>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row :gutter="24">
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.effectiveDate')"
-                      :prop="
-                        personForm.longTerm || personForm.longTerm == 1
-                          ? ''
-                          : 'idCardEndDate'
-                      "
-                    >
-                      <el-date-picker
-                        v-model="personForm.idCardEndDate"
-                        v-if="personForm.longTerm != 1 || !personForm.longTerm"
-                        :placeholder="
-                          personForm.longTerm
-                            ? ''
-                            : $t('message.laborMange.pleaseSelectADate')
-                        "
-                        value-format="yyyy-MM-dd"
-                        style="width: 75%"
-                        :disabled="personForm.longTerm || titleType == 'detail'"
-                      ></el-date-picker>
-                      <el-input
-                        v-else
-                        v-model="personForm.idCardEndDate"
-                        style="width: 75%"
-                        :disabled="true"
-                      ></el-input>
-
-                      <el-checkbox
-                        v-model="personForm.longTerm"
-                        :disabled="titleType == 'detail'"
-                        @change="checkboxLongTerm"
-                        style="margin-left: 10px"
-                        >{{ $t("message.laborMange.longTime") }}</el-checkbox
-                      >
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.workingState')"
-                      prop="inserviceType"
-                    >
-                      <el-select
-                        v-model="personForm.inserviceType"
-                        :placeholder="$t('message.laborMange.pleaseChoose')"
-                        style="width: 100%"
-                        :disabled="true"
-                      >
-                        <el-option
-                          :label="$t('message.laborMange.onJob')"
-                          :value="1"
-                        ></el-option>
-                        <el-option
-                          :label="$t('message.laborMange.dimission')"
-                          :value="2"
-                        ></el-option>
-                      </el-select>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row :gutter="24">
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.emergencyContact')"
-                      prop="emergentPerson"
-                      :rules="[
-                        {
-                          // required: true,
-                          message: $t(
-                            'message.laborMange.pleaseEnterAnEmergencyContact'
-                          ),
-                          trigger: 'blur',
-                        },
-                      ]"
-                    >
-                      <el-input
-                        v-model="personForm.emergentPerson"
-                        :placeholder="$t('message.laborMange.placeholder2')"
-                        :disabled="titleType == 'detail'"
-                      ></el-input>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.emergencyContactPhone')"
-                      prop="emergentPhone"
-                      :rules="[
-                        {
-                          // required: true,
-                          message: $t(
-                            'message.laborMange.pleaseEnterAnEmergencyContactPhone'
-                          ),
-                          trigger: 'blur',
-                        },
-                      ]"
-                    >
-                      <el-input
-                        v-model="personForm.emergentPhone"
-                        :placeholder="$t('message.laborMange.placeholder2')"
-                        :disabled="titleType == 'detail'"
-                        oninput="if(value.length>11)value=value.slice(0,11)"
-                        type="number"
-                      ></el-input>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-
-                <el-row :gutter="24">
-                  <!-- 银行卡发卡行 -->
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.cardBank')"
-                      prop="payRollBankName"
-                    >
-                      <el-input
-                        v-model="personForm.payRollBankName"
-                        :placeholder="
-                          personForm.payRollBankName == '' &&
-                          titleType == 'detail'
-                            ? ''
-                            : $t('message.laborMange.placeholder2')
-                        "
-                        :disabled="titleType == 'detail'"
-                      ></el-input>
-                    </el-form-item>
-                  </el-col>
-                  <!-- 银行卡卡号 -->
-                  <el-col :span="12">
-                    <el-form-item
-                      :label="$t('message.laborMange.bankCardNumber')"
-                      prop="payRollBankNumber"
-                    >
-                      <el-input
-                        v-model="personForm.payRollBankNumber"
-                        :disabled="titleType == 'detail'"
-                        :placeholder="
-                          personForm.payRollBankNumber == '' &&
-                          titleType == 'detail'
-                            ? ''
-                            : $t('message.laborMange.placeholder2')
-                        "
-                      ></el-input>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-                <el-row :gutter="24">
-                  <el-col :span="12">
-                    <el-form-item label="人员定位标签号" prop="locationCardno">
-                      <el-input
-                        v-model="personForm.locationCardno"
-                        placeholder="请输入标签号"
-                      ></el-input>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-              </el-col>
-              <el-col :span="8">
-                <el-row :gutter="24">
-                  <el-button
-                    type="primary"
-                    size="medium"
-                    style="
-                      margin-left: 30px;
-                      width: 120px;
-                      text-align: center;
-                      padding: 9px 12px;
-                    "
-                    @click="turnOnTheCamera(1)"
-                    v-if="titleType != 'detail'"
-                    >{{ $t("message.laborMange.idCardInformation") }}</el-button
-                  >
-                  <el-button
-                    size="medium"
-                    type="primary"
-                    style="
-                      margin-left: 17px;
-                      width: 109px;
-                      text-align: center;
-                      padding: 9px 18px;
-                    "
-                    @click="turnOnTheCamera(2)"
-                    v-if="titleType != 'detail'"
-                    >{{ $t("message.laborMange.turnCamera") }}</el-button
-                  >
-                  <el-button
-                    size="medium"
-                    type="primary"
-                    style="
-                      width: 82%;
-                      margin: 15px 0 18px 30px;
-                      background: #09c2aa;
-                      border-color: #09c2aa;
-                    "
-                    @click="downloadPlugIn"
-                    v-if="titleType != 'detail'"
-                    >{{ $t("message.laborMange.highBeatDownload") }}</el-button
-                  >
-                  <el-row :gutter="24">
-                    <el-col :span="10" :offset="2">
-                      <div
-                        style="position: relative; width: 100px; height: 119px"
-                      >
-                        <img
-                          v-if="personForm.idCardBigPhotoUrl"
-                          :src="fileUrl + personForm.idCardBigPhotoUrl"
-                          @click="
-                            handlePreview(
-                              fileUrl + personForm.idCardBigPhotoUrl,
-                              0
-                            )
-                          "
-                          width="100%"
-                          height="100%"
-                        />
-                        <img
-                          v-else
-                          src="@/assets/images/profile_photo.png"
-                          width="100%"
-                          height="100%"
-                        />
-                        <img
-                          v-if="
-                            personForm.idCardBigPhotoUrl &&
-                              titleType != 'detail'
-                          "
-                          src="@/assets/images/shut_icon.png"
-                          width="15px"
-                          height="15px"
-                          class="shut_icon"
-                          @click="shutIconBtn(0)"
-                        />
-                      </div>
-                      <div style="margin: 4px 0">
-                        <!-- <span style="color: #f76c6c">*</span> -->
-                        <div style="width: 100px;text-align: center;">
-                          {{ $t("message.laborMange.IdCardHead") }}
-                        </div>
-                      </div>
-                      <el-upload
-                        action="uploadUrl"
-                        :on-remove="(file) => handleRemove(file, 3)"
-                        :on-preview="(file) => handlePreview(file, 3)"
-                        :beforeUpload="(file) => handleBeforeUpload(file, 3)"
-                        :show-file-list="false"
-                        :file-list="idCardBigPhotoUrlFile"
-                        list-type="picture"
-                        :http-request="
-                          (val) => handleUpload(val, 'idCardAvatar')
-                        "
-                      >
-                        <el-button
-                          size="medium"
-                          style="padding: 9px 20px"
-                          type="primary"
-                          v-if="titleType != 'detail'"
-                          >{{
-                            $t("message.laborMange.clickOnTheUpload")
-                          }}</el-button
-                        >
-                      </el-upload>
-                    </el-col>
-                    <el-col :span="11" :offset="1">
-                      <div
-                        style="position: relative; width: 100px; height: 119px"
-                      >
-                        <img
-                          v-if="personForm.fieldAcquisitionUrl"
-                          :src="fileUrl + personForm.fieldAcquisitionUrl"
-                          @click="
-                            handlePreview(
-                              fileUrl + personForm.fieldAcquisitionUrl,
-                              0
-                            )
-                          "
-                          width="100%"
-                          height="100%"
-                        />
-                        <img
-                          v-else
-                          src="@/assets/images/profile_photo.png"
-                          width="100%"
-                          height="100%"
-                        />
-                        <img
-                          v-if="
-                            personForm.fieldAcquisitionUrl &&
-                              titleType != 'detail'
-                          "
-                          src="@/assets/images/shut_icon.png"
-                          width="15px"
-                          height="15px"
-                          class="shut_icon"
-                          @click="shutIconBtn(1)"
-                        />
-                      </div>
-                      <div style="margin: 4px 0">
-                        <span style="color: #f76c6c">*</span>
-                        <!-- <div style="width: 100px;text-align: center;"> -->
-                        {{ $t("message.laborMange.spotFaceCollection") }}
-                        <!-- </div> -->
-                      </div>
-                      <el-upload
-                        action="uploadUrl"
-                        :on-remove="(file) => handleRemove(file, 4)"
-                        :on-preview="(file) => handlePreview(file, 4)"
-                        :beforeUpload="(file) => handleBeforeUpload(file, 4)"
-                        list-type="picture"
-                        :show-file-list="false"
-                        :file-list="fieldAcquisitionUrlFile"
-                        :http-request="(val) => handleUpload(val, 'livesFace')"
-                      >
-                        <el-button
-                          size="medium"
-                          style="padding: 9px 20px"
-                          type="primary"
-                          v-if="titleType != 'detail'"
-                          >{{
-                            $t("message.laborMange.clickOnTheUpload")
-                          }}</el-button
-                        >
-                      </el-upload>
-                    </el-col>
-                  </el-row>
-                </el-row>
-                <el-col :span="22" :offset="2" class="hint">{{
-                  $t("message.laborMange.imgHint")
-                }}</el-col>
-              </el-col>
-            </el-row>
-            <div class="fixed_title" style="margin-top: 10px">
-              {{ $t("message.laborMange.jobInfo") }}
-            </div>
-            <el-row :gutter="24">
-              <el-col :span="8">
-                <el-form-item
-                  :label="$t('message.laborMange.companies')"
-                  :disabled="true"
-                >
-                  {{ showEnterpriseName }}
-                  <!-- <el-select
-                    v-model="personForm.enterpriseId"
-                    :placeholder="$t('message.laborMange.pleaseChoose')"
-                    style="width: 100%"
-                    :disabled="titleType == 'detail'"
-                  >
-                    <el-option
-                      v-if="enterpriseListData.length > 0"
-                      v-for="item in enterpriseListData"
-                      :key="item.id"
-                      :label="item.enterpriseName"
-                      :value="item.id"
-                    ></el-option>
-                  </el-select> -->
-                </el-form-item>
-              </el-col>
-              <el-col :span="8">
-                <el-form-item
-                  :label="$t('message.laborMange.positionType')"
-                  prop="jobType"
-                >
-                  <el-select
-                    v-model="personForm.jobType"
-                    :disabled="titleType == 'detail'"
-                    :placeholder="$t('message.laborMange.pleaseChoose')"
-                    style="width: 100%"
-                  >
-                    <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>
-                </el-form-item>
-              </el-col>
-              <el-col :span="8">
-                <el-form-item
-                  :label="$t('message.laborMange.position')"
-                  prop="jobName"
-                >
-                  <el-select
-                    v-model="personForm.jobName"
-                    :disabled="titleType == 'detail'"
-                    :placeholder="$t('message.laborMange.pleaseChoose')"
-                    style="width: 100%"
-                  >
-                    <el-option
-                      v-for="item in dutuies"
-                      :key="item.id"
-                      :label="item.dictionaryName"
-                      :value="item.id + ''"
-                    ></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="24">
-              <el-col :span="8">
-                <el-form-item
-                  :label="$t('message.laborMange.attendanceNumber')"
-                  prop="attendanceNumber"
-                >
-                  <el-input
-                    :disabled="titleType == 'detail'"
-                    v-model="personForm.attendanceNumber"
-                    :placeholder="$t('message.laborMange.placeholder2')"
-                  ></el-input> </el-form-item
-              ></el-col>
-              <el-col :span="8">
-                <el-form-item
-                  :label="$t('message.laborMange.attendanceRules')"
-                  prop="ruleId"
-                >
-                  <el-select
-                    v-model="personForm.ruleId"
-                    :placeholder="$t('message.laborMange.pleaseChoose')"
-                    style="width: 100%"
-                    :disabled="titleType == 'detail'"
-                  >
-                    <el-option
-                      v-for="(item, index) in attendRulesList"
-                      :key="index"
-                      :label="item.ruleName"
-                      :value="item.id"
-                    ></el-option>
-                  </el-select>
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <div class="type-change">
-              <el-radio-group v-model="typeRadio">
-                <el-radio :label="1">设备</el-radio>
-                <el-radio :label="2">分组</el-radio>
-              </el-radio-group>
-            </div>
-            <el-row v-if="typeRadio == 1">
-              <el-form-item
-                :label="$t('message.laborMange.faceDevice')"
-                prop="ufaceDevList"
-              >
-                <el-checkbox
-                  :indeterminate="isIndeterminate2"
-                  v-model="checkAllFaceDev"
-                  @change="handleCheckAllChangeFace"
-                  >{{ $t("message.laborMange.checkAll") }}</el-checkbox
-                >
-                <el-checkbox-group
-                  v-model="personForm.ufaceDevId"
-                  @change="handleUfaceDevChange"
-                >
-                  <el-checkbox
-                    v-for="(item, index) in ufaceDevAllList"
-                    :key="index"
-                    :label="item.id"
-                    :disabled="item.disabled"
-                  >
-                    {{ item.devName }}
-                  </el-checkbox>
-                </el-checkbox-group>
-              </el-form-item>
-            </el-row>
-            <el-row v-if="typeRadio == 2">
-              <el-form-item label="人脸分组" prop="ufaceDevList">
-                <el-checkbox
-                  :indeterminate="isIndeterminate3"
-                  v-model="checkAllGroupDev"
-                  @change="handleCheckAllChangeGroup"
-                  >{{ $t("message.laborMange.checkAll") }}</el-checkbox
-                >
-                <el-checkbox-group
-                  key="group2"
-                  v-model="personForm.uGroupId"
-                  @change="handleUGroupChange"
-                >
-                  <el-checkbox
-                    v-for="(item, index) in uGroupAllList"
-                    :key="index"
-                    :label="item.id"
-                    :disabled="item.disabled"
-                  >
-                    {{ item.name }}
-                  </el-checkbox>
-                </el-checkbox-group>
-              </el-form-item>
-            </el-row>
-          </el-form>
-          <div class="dialog-footer">
-            <el-button
-              class="cancleBtn"
-              @click="temporaryDialog2 = false"
-              icon="el-icon-circle-close"
-              size="medium"
-            >
-              {{ $t("message.laborMange.cancel") }}
-              <!-- 取消 -->
-            </el-button>
-            <el-button
-              type="primary"
-              icon="el-icon-circle-check"
-              @click="savePersonFn('personForm', 'adminSubmit')"
-              size="medium"
-              :disabled="titleType == 'detail'"
-            >
-              {{ $t("message.laborMange.confirm") }}
-              <!-- 确定 -->
-            </el-button>
-          </div>
-        </div>
-      </vue-scroll>
-    </el-dialog>
+    <adminDialog :adminDialogVisible="adminDialogVisible" @closeAdminDialog="closeAdminDialog"></adminDialog>
     <!-- 临时人员录入弹窗 -->
-    <el-dialog
-      :modal-append-to-body="false"
-      class="temporaryDialog"
-      :title="temporaryTitle"
-      :visible.sync="temporaryDialog3"
-      width="1100px"
-      :close-on-click-modal="false"
-    >
-      <div class="dialog_content temporary">
-        <el-form
-          label-position="top"
-          label-width="80px"
-          ref="addForm"
-          :rules="rules3"
-          :model="addForm"
-          size="small"
-        >
-          <el-row :gutter="24">
-            <div class="titleStyle flex">
-              <span>{{ $t("message.laborMange.essential") }}</span>
-            </div>
-            <el-col :span="16">
-              <el-row :gutter="24">
-                <el-col :span="12">
-                  <el-form-item label="所属人员类型" prop="personType">
-                    <el-select
-                      v-model="addForm.personType"
-                      :placeholder="$t('message.laborMange.pleaseChoose')"
-                      style="width: 100%"
-                      @change="personTypeAddFormChange"
-                    >
-                      <el-option
-                        v-for="(item, index) in memberTypeList"
-                        :key="index"
-                        :label="item.name"
-                        :value="item.value"
-                      ></el-option>
-                    </el-select>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                  <el-form-item
-                    :label="$t('message.laborMange.compellation')"
-                    prop="workerName"
-                  >
-                    <el-input
-                      v-model="addForm.workerName"
-                      style="width: 100%"
-                      :placeholder="$t('message.laborMange.placeholder2')"
-                    ></el-input>
-                  </el-form-item>
-                </el-col>
-              </el-row>
-              <el-row :gutter="24">
-                <el-col :span="12">
-                  <el-form-item
-                    :label="$t('message.laborMange.sex')"
-                    prop="sex"
-                  >
-                    <el-radio-group v-model="addForm.sex">
-                      <el-radio :label="1">{{
-                        $t("message.laborMange.man")
-                      }}</el-radio>
-                      <el-radio :label="2">{{
-                        $t("message.laborMange.female")
-                      }}</el-radio>
-                    </el-radio-group>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                  <el-form-item
-                    :label="$t('message.laborMange.dateOfBirth')"
-                    prop="birthday"
-                  >
-                    <el-date-picker
-                      v-model="addForm.birthday"
-                      style="width: 100%"
-                      type="date"
-                      value-format="yyyy-MM-dd"
-                      :placeholder="$t('message.laborMange.pleaseSelectADate')"
-                    ></el-date-picker>
-                  </el-form-item>
-                </el-col>
-              </el-row>
-              <el-row :gutter="24">
-                <el-col :span="12">
-                  <el-form-item
-                    :label="$t('message.laborMange.IdNumber2')"
-                    prop="idCard"
-                  >
-                    <el-input
-                      v-model="addForm.idCard"
-                      style="width: 100%"
-                      :placeholder="$t('message.laborMange.placeholder2')"
-                      maxlength="18"
-                      @input="handleIdCardInput($event)"
-                    ></el-input>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                  <el-form-item
-                    :label="$t('message.laborMange.nation')"
-                    prop="nation"
-                  >
-                    <el-select
-                      style="width: 100%"
-                      v-model="addForm.nation"
-                      :placeholder="$t('message.laborMange.pleaseChoose')"
-                    >
-                      <el-option
-                        v-for="item in $t('message.laborMange.nationList')"
-                        :key="item.name"
-                        :label="item.name"
-                        :value="item.name"
-                      ></el-option>
-                    </el-select>
-                  </el-form-item>
-                </el-col>
-              </el-row>
-              <el-row :gutter="24">
-                <el-col :span="12">
-                  <el-form-item
-                    :label="$t('message.laborMange.nativePlace')"
-                    prop="nativePlace"
-                  >
-                    <el-input
-                      v-model="addForm.nativePlace"
-                      :placeholder="$t('message.laborMange.placeholder2')"
-                      style="width: 100%"
-                    ></el-input>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                  <el-form-item
-                    :label="$t('message.laborMange.issuingAuthority')"
-                    prop="issuingAuthorityForIdcard"
-                  >
-                    <el-input
-                      v-model="addForm.issuingAuthorityForIdcard"
-                      :placeholder="$t('message.laborMange.placeholder2')"
-                      style="width: 100%"
-                    ></el-input>
-                  </el-form-item>
-                </el-col>
-              </el-row>
-              <el-row :gutter="24">
-                <el-col :span="12">
-                  <el-form-item
-                    :label="$t('message.laborMange.effectiveDate')"
-                    prop="idCardEndDate"
-                  >
-                    <el-date-picker
-                      v-model="addForm.idCardEndDate"
-                      style="width: 100%"
-                      type="date"
-                      value-format="yyyy-MM-dd"
-                      :placeholder="$t('message.laborMange.pleaseSelectADate')"
-                    ></el-date-picker>
-                  </el-form-item>
-                </el-col>
-                <el-col :span="12">
-                  <el-form-item
-                    :label="$t('message.laborMange.contactNumber')"
-                    prop="phoneNumber"
-                  >
-                    <el-input
-                      v-model="addForm.phoneNumber"
-                      style="width: 100%"
-                      :placeholder="$t('message.laborMange.placeholder2')"
-                      oninput="if(value.length>11)value=value.slice(0,11)"
-                      type="number"
-                    ></el-input>
-                  </el-form-item>
-                </el-col>
-              </el-row>
-              <el-row :gutter="24">
-                <el-col :span="12">
-                  <!-- <el-form-item label="进场日期" prop="enterDate">
-                    <el-date-picker
-                      v-model="addForm.enterDate"
-                      style="width:210px"
-                      type="date"
-                      value-format="yyyy-MM-dd"
-                      placeholder="请选择日期"
-                    ></el-date-picker>
-                  </el-form-item>-->
-                  <el-col :span="12">
-                    <!-- <el-form-item
-                      :label="$t('message.laborMange.frontAndBackOfIdCard')"
-                      prop="idCardUpPhotoUrl"
-                    >
-                      <div class="flex3" style="width: 160px">
-                        <div>
-                          <div
-                            v-if="personForm.idCardUpPhotoUrl"
-                            style="
-                              position: relative;
-                              width: 60px;
-                              height: 38px;
-                            "
-                          >
-                            <img
-                              :src="fileUrl + personForm.idCardUpPhotoUrl"
-                              style="width: 60px; height: 38px"
-                              @click="
-                                handlePreview(
-                                  fileUrl + personForm.idCardUpPhotoUrl,
-                                  0
-                                )
-                              "
-                            />
-                            <img
-                              v-if="
-                                personForm.idCardUpPhotoUrl &&
-                                titleType != 'detail'
-                              "
-                              src="@/assets/images/shut_icon.png"
-                              width="15px"
-                              height="15px"
-                              class="shut_icon"
-                              @click="shutIconBtn(2)"
-                            />
-                          </div>
-                          <el-upload
-                            v-else
-                            class="upload-demo identity_card"
-                            :action="uploadUrl"
-                            :on-remove="(file) => handleRemove(file, 8)"
-                            :on-success="(file) => handleSuccess(file, 8)"
-                            :on-error="(file) => handleError(file, 8)"
-                            :on-preview="(file) => handlePreview(file, 8)"
-                            :beforeUpload="
-                              (file) => handleBeforeUpload(file, 8)
-                            "
-                            name="files"
-                            :class="titleType == 'detail' ? 'margin_top35' : ''"
-                            :file-list="idCardUpPhotoUrlFile"
-                            :disabled="titleType == 'detail'"
-                            :show-file-list="false"
-                          >
-                            <img src="@/assets/images/cockade.png" />
-                          </el-upload>
-                        </div>
-                        <div>
-                          <div
-                            v-if="personForm.idCardDownPhotoUrl"
-                            style="
-                              position: relative;
-                              width: 60px;
-                              height: 38px;
-                            "
-                          >
-                            <img
-                              :src="fileUrl + personForm.idCardDownPhotoUrl"
-                              style="width: 60px; height: 38px"
-                              @click="
-                                handlePreview(
-                                  fileUrl + personForm.idCardDownPhotoUrl,
-                                  0
-                                )
-                              "
-                            />
-                            <img
-                              v-if="
-                                personForm.idCardDownPhotoUrl &&
-                                titleType != 'detail'
-                              "
-                              src="@/assets/images/shut_icon.png"
-                              width="15px"
-                              height="15px"
-                              class="shut_icon"
-                              @click="shutIconBtn(3)"
-                            />
-                          </div>
-                          <el-upload
-                            v-else
-                            class="upload-demo identity_card"
-                            :action="uploadUrl"
-                            :on-remove="(file) => handleRemove(file, 9)"
-                            :on-success="(file) => handleSuccess(file, 9)"
-                            :on-error="(file) => handleError(file, 9)"
-                            :on-preview="(file) => handlePreview(file, 9)"
-                            :beforeUpload="
-                              (file) => handleBeforeUpload(file, 9)
-                            "
-                            name="files"
-                            :class="titleType == 'detail' ? 'margin_top35' : ''"
-                            :file-list="idCardDownPhotoUrlFile"
-                            :disabled="titleType == 'detail'"
-                            :show-file-list="false"
-                          >
-                            <img src="@/assets/images/portrait.png" />
-                          </el-upload>
-                        </div>
-                      </div>
-                    </el-form-item> -->
-                  </el-col>
-                </el-col>
-              </el-row>
-            </el-col>
-            <el-col :span="8" style="margin: 50px 0 30px">
-              <div
-                style="text-align: center; margin: -20px 0 8px 0px"
-                class="flex"
-              >
-                <el-button
-                  type="primary"
-                  size="medium"
-                  @click="getIdCardInfo"
-                  >{{ $t("message.laborMange.idCardInformation") }}</el-button
-                >
-                <el-button
-                  type="primary"
-                  size="medium"
-                  @click="downloadPlugIn"
-                  style="background: #09c2aa; border-color: #09c2aa"
-                  >{{ $t("message.laborMange.highBeatDownload") }}</el-button
-                >
-              </div>
-              <div class="flex5 uploadImage_wrap">
-                <div class="position">
-                  <img
-                    :src="$store.state.FILEURL + addForm.idCardBigPhotoUrl"
-                    v-if="addForm.idCardBigPhotoUrl != ''"
-                    style="width: 100px; height: 119px; cursor: pointer"
-                    @click="handlePreview(addForm.idCardBigPhotoUrl)"
-                  />
-                  <img
-                    v-else
-                    :src="defaultImg"
-                    style="width: 100%; height: auto; cursor: pointer"
-                  />
-                  <img
-                    src="@/assets/images/shut_icon.png"
-                    style="width: 16px; height: auto"
-                    class="shut_icon"
-                    v-if="addForm.idCardBigPhotoUrl != ''"
-                    @click.stop="addForm.idCardBigPhotoUrl = ''"
-                  />
-                </div>
-                <div class="position">
-                  <img
-                    :src="$store.state.FILEURL + addForm.fieldAcquisitionUrl"
-                    v-if="addForm.fieldAcquisitionUrl != ''"
-                    style="width: 100px; height: 119px; cursor: pointer"
-                  />
-                  <img
-                    v-else
-                    :src="defaultImg"
-                    style="width: 100%; height: auto; cursor: pointer"
-                  />
-                  <img
-                    src="@/assets/images/shut_icon.png"
-                    style="width:16px; height:auto"
-                    class="shut_icon"
-                    v-if="addForm.fieldAcquisitionUrl != ''"
-                    @click="addForm.fieldAcquisitionUrl = ''"
-                  />
-                </div>
-              </div>
-              <div class="flex5" style="margin: 5px 0">
-                <span>
-                  <!-- <span class="required">*</span> -->
-                  <div style="width: 100px;text-align: center;">
-                    {{ $t("message.laborMange.IdCardHead") }}
-                  </div>
-                </span>
-                <span>
-                  <div style="width: 100px;text-align: center;">
-                    <span class="required">*</span>现场采集人脸
-                  </div>
-                </span>
-              </div>
-              <div class="flex5">
-                <!-- <el-upload
-                  class="upload-demo"
-                  ref="upload"
-                  :action="$store.state.UPLOADURL"
-                  :before-upload="beforeUpload"
-                  name="files"
-                  :on-success="(file) => uploadSuccess(file, 1)"
-                  :show-file-list="false"
-                >
-                  <el-button slot="trigger" size="medium" type="primary">{{
-                    $t("message.laborMange.clickOnTheUpload")
-                  }}</el-button>
-                </el-upload> -->
-                <!-- <el-upload
-                  class="upload-demo"
-                  ref="upload"
-                  :action="$store.state.UPLOADURL"
-                  name="files"
-                  :before-upload="beforeUpload"
-                  :on-success="(file)=>uploadSuccess(file,2)"
-                  :show-file-list="false"
-                >
-                  <el-button slot="trigger" size="medium" type="primary">点击上传</el-button>
-                </el-upload> -->
-                <el-upload
-                  action="uploadUrl"
-                  :on-remove="(file) => handleTemporaryRemove(file, 3)"
-                  :on-preview="(file) => handleTemporaryPreview(file, 3)"
-                  :beforeUpload="(file) => handleBeforeUpload(file, 3)"
-                  :show-file-list="false"
-                  :file-list="idCardBigPhotoUrlFile"
-                  list-type="picture"
-                  :http-request="
-                    (val) => handleTemporaryUpload(val, 'idCardAvatar')
-                  "
-                >
-                  <el-button
-                    size="medium"
-                    style="padding: 9px 20px"
-                    type="primary"
-                    v-if="titleType != 'detail'"
-                    >{{ $t("message.laborMange.clickOnTheUpload") }}</el-button
-                  >
-                </el-upload>
-                <el-upload
-                  action="uploadUrl"
-                  :on-remove="(file) => handleTemporaryRemove(file, 4)"
-                  :on-preview="(file) => handleTemporaryPreview(file, 4)"
-                  :beforeUpload="(file) => handleBeforeUpload(file, 4)"
-                  list-type="picture"
-                  :show-file-list="false"
-                  :file-list="fieldAcquisitionUrlFile"
-                  :http-request="
-                    (val) => handleTemporaryUpload(val, 'livesFace')
-                  "
-                >
-                  <el-button
-                    size="medium"
-                    style="padding: 9px 20px"
-                    type="primary"
-                    v-if="titleType != 'detail'"
-                    >{{ $t("message.laborMange.clickOnTheUpload") }}</el-button
-                  >
-                </el-upload>
-              </div>
-            </el-col>
-            <div class="titleStyle flex">
-              <span>{{ $t("message.laborMange.attendanceInfo") }}</span>
-            </div>
-            <el-row :gutter="24" style="margin: 0px;">
-              <el-col :span="12">
-                <el-form-item
-                  :label="$t('message.laborMange.attendanceNumber')"
-                  prop="attendanceNumber"
-                >
-                  <el-input
-                    v-model="addForm.attendanceNumber"
-                    :placeholder="$t('message.laborMange.placeholder2')"
-                    style="width: 210px"
-                  ></el-input>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-row>
-        </el-form>
-        <!-- style="margin-left:120px" -->
-        <div class="dialog-footer">
-          <el-button
-            size="medium"
-            icon="el-icon-circle-close"
-            @click="temporaryDialog3 = false"
-            >{{ $t("message.laborMange.cancel") }}</el-button
-          >
-          <el-button
-            icon="el-icon-circle-check"
-            type="primary"
-            size="medium"
-            @click="submitForm('addForm')"
-            >{{ $t("message.laborMange.confirm") }}</el-button
-          >
-        </div>
-      </div>
-    </el-dialog>
-    <!-- 图片裁剪弹框 -->
-    <el-dialog
-      :modal-append-to-body="false"
-      :title="
-        $t('message.personnelPosition.mapManage.dialog_KJNova_Clipper.title')
-      "
-      :visible.sync="cropperDialog"
-      width="767px"
-    >
-      <div class="dialog_content" style="height: 400px">
-        <!-- <vue-scroll> -->
-        <vueCropper
-          ref="cropper"
-          :img="cropperOption.img"
-          :outputType="cropperOption.outputType"
-          :autoCropWidth="cropperOption.autoCropWidth"
-          :autoCropHeight="cropperOption.autoCropHeight"
-          :autoCrop="true"
-          :fixedBox="true"
-        ></vueCropper>
-        <!-- </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>
-        <el-button
-          type="primary"
-          icon="el-icon-circle-check"
-          @click="saveMapUrlFn"
-          size="medium"
-          >{{ $t("message.personnelPosition.determine") }}
-        </el-button>
-      </div>
-    </el-dialog>
+    <temporaryDialog :temporaryDialogVisible="temporaryDialogVisible" @closeTemporaryDialog="closeTemporaryDialog"></temporaryDialog>
   </div>
 </template>
 
 <script>
-import {
-  getEnterpriseInfoList,
-  getEnterpriseTypeList,
-  setEnterpriseInfo,
-  editEnterpriseInfo,
-  deleteEnterprise,
-  getTeamInfoList,
-  getProjectTeamList,
-  addTeamInfo,
-  deleteTeamInfo,
-  editTeamInfo,
-  getWorkerInfoList,
-  addWorkerInfo,
-  editWorkerInfo,
-  updateWorkerExit,
-  updateWorkerTeam,
-  deleteWorkerInfo,
-  getProjectUfaceConfigInfo,
-  getIdCardInfoApi,
-  checkFaceApi,
-  workerAttendanceRuleList,
-  sendWorkerInfoByIdApi,
-  batchSendWorkerInfoApi,
-  selectHierarchyEnterpriseListApi,
-  ufaceDevList,
-  getGroupListApi,
-  checkImgLibraryApi,
-  updateByIdWorkerInfo,
-  sendBatchWokerApi,
-  importImgDataApi,
-  getDepartmentInfoList,
-} from "@/assets/js/api/laborPerson";
-import {
-  selectUserDevAuthorityByUserIdApi,
-  exporExcelWorkerTemplateApi,
-} from "@/assets/js/api/configManage";
-import {
-  checkPhone,
-  CheckSocialCreditCode,
-  IdentityCodeValid,
-} from "@/assets/js/util.js";
-import { getProjectConfigListApi } from "@/assets/js/api/project.js";
-import { VueCropper } from "vue-cropper";
-
-import { apiUploadImage } from "@/assets/js/api/common";
-import lrz from "lrz";
+import laborDialog from "./dialogPage/laborDialog.vue"
+import adminDialog from "./dialogPage/adminDialog.vue"
+import temporaryDialog from "./dialogPage/temporaryDialog.vue"
 export default {
-  components: {
-    VueCropper,
-  },
   props: ["comboFormVisible"],
+  components: {
+    laborDialog,
+    adminDialog,
+    temporaryDialog
+  },
   data() {
     return {
-      defaultImg: require("../../../../../assets/images/profile_photo.png"),
-      idCardBigPhotoUrlFile: [],
-      addForm: {
-        personType: 1,
-        workerName: "",
-        sex: "",
-        phoneNumber: "",
-        attendanceNumber: "",
-        nation: "",
-        issuingAuthorityForIdcard: "",
-        idCardBigPhotoUrl: "",
-        fieldAcquisitionUrl: "",
-        idCardEndDate: "",
-        nativePlace: "",
-        birthday: "",
-        idCard: "",
-        // enterDate: "",
-      },
-      temporaryDialog1: false,
-      temporaryDialog2: false,
-      temporaryDialog3: false,
-      temporaryTitle: this.$t("message.laborMange.personnelEntry"),
-      typeRadio: 1,
-      refreshPage: true, //静默刷新
-      radio: "",
-      key: false, //判断是否显示一件下发按钮
-      COMPANY: COMPANY,
-      isCheckeedData: true, //判断一键下发是否有数据选中
-      ufaceDevAllList: [], //所有人脸设备
-      uGroupAllList: [], //所有分组
-      projectSn: null, //projectSn 项目sn
-      uploadUrl: "", //文件上传地址
-      fileUrl: "", //文件上传地址
-      showImgList: false,
-      // ------------------------------------------------------------------
-
-      enterpriseName: "", //劳务公司名称 || 企业名称
-      enterpriseListData: [], //企业列表 || 劳务公司列表
-      checkedId: 0, //选中的企业
-      //新增企业表单
-      enterpriseForm: {
-        name: "",
-        bankcardnumber: "", //银行卡号
-        bankname: "", // 开户行
-        businessLicenseEndDate: "", // 营业执照截止日期
-        businessNumber: "", //营业执照注册号
-        enterpriseAddress: "", //企业地址
-        enterpriseEmail: "", //企业邮箱
-        enterpriseLegalPerson: "", //法定代表人
-        enterpriseName: "", //企业名称
-        enterpriseProperty: "", //单位性质 1.国有企业 2三资企业 3集体企业 4私营企业
-        enterpriseQualificationUrl: "", //企业资质图片地址
-        enterpriseSafeAllow: "", //企业安全生产许可证
-        enterpriseTypeId: "", //企业类型Id
-        legalPersonTel: "", //法人电话
-        logo: "", //logo
-        projectSn: "", //项目Sn
-        qualificationNumber: "", //资质证书号
-        registerPersonPhoneTel: "", //注册人电话
-        registeredCapital: "", //注册资金
-        socialCode: "", //社会统一信用代码
-      },
-      //校验新增企业表单
-      enterpriseFormRules: this.$t("message.laborMange.enterpriseFormRules"),
-      // 人员类型列表
-      memberTypeList: [
-        { name: "劳务人员", value: 1 },
-        { name: "管理人员", value: 2 },
-        { name: "临时人员", value: 3 },
-      ],
-      //民族
-      nationList: this.$t("message.laborMange.nationList"),
-      imgFileList: [], // 照片文件列表
-      aptitudeFileList: [], //资质照片列表
-      logoFileList: [], //logo 文件列表
-      enterpriseTypeList: [], //新增企业 企业类型下拉
-      bigImageDialog: false, //查看大图
-      bigImageUrl: "", //大图地址
-      enterpriseDialogTitle: this.$t("message.laborMange.theNewEnterprise"), // 用于判断  是新增 还是编辑  修改字段要谨慎啊
-      addEnterpriseDialog: false, //新增企业 弹窗
-
-      /*-------------------
-  -----------------------右边数据字段----------------
-  ---------------*/
-      teamDialogTitle: this.$t("message.laborMange.theNewTeam"),
-      //班组信息
-      teamForm: {
-        describeValue: "", //描述
-        leaderIdCard: "", //负责人身份证号
-        leaderName: "", //负责人姓名
-        leaderPhone: "", //负责人手机号
-        teamName: "", //班组名称
-        teamType: "", //班组类型
-        workerTypeId: "", //工种id
-        specialTeam: 0, //是否是特殊班组  0否，1是
-      },
-      specialTeam: 0,
-      //班组校验
-      teamFormRules: this.$t("message.laborMange.teamFormRules"),
-      workerTypeList: [], // 班组
-      departmentListData: [], // 部门
-      showEnterpriseName: "", //头部的企业名称
-      teamListData: {}, // 班组列表
-      checkedTeamId: 0, //选中的班组id
-      pageSize: 10,
-      page: 1,
-      total: 0,
-      //请求表格参数
-      tableParameter: {
-        idCard: "",
-        personType: 1,
-        projectSn: "",
-        teamId: "",
-        departmentId: "",
-        workerName: "",
-        inserviceType: "",
-        enterDate: "",
-        codeState: "",
-      },
-      tableListData: [], //表格数据
-      personDialogTitle: this.$t("message.laborMange.personnelEntry"),
-      titleType: "add",
-      imgImportDialog: false, //照片导入 弹窗
-      //人员表单字段
-      personForm: {
-        workerName: "",
-        enterpriseId: "",
-        teamId: "",
-        departmentId: "",
-        sex: "",
-        idCard: "",
-        birthday: "",
-        enterDate: "",
-        personType: 1,
-        nation: "",
-        nativePlace: "",
-        isUploadHousing: "",
-        issuingAuthorityForIdcard: "",
-        idCardEndDate: "",
-        longTerm: false,
-        phoneNumber: "",
-        emergentPerson: "",
-        emergentPhone: "",
-        inserviceType: "",
-        politicsStatus: "",
-        marry: "",
-        payRollBankName: "",
-        payRollBankNumber: "",
-        educational: "",
-        blood: "",
-        examinationImage: "",
-        contractImage: "",
-        employmentCard: "",
-        idCardBigPhotoUrl: "",
-        fieldAcquisitionUrl: "",
-        personType: 1,
-        idCardUpPhotoUrl: "",
-        idCardDownPhotoUrl: "",
-        ruleId: "",
-        ufaceDevId: [],
-        uGroupId: [],
-        personSerial: "",
-        locationCardno: "", //人员定位标签号
-      },
-      //人员录入校验
-      personFormRules: this.$t("message.laborMange.personFormRules2"),
-
-      //显示的文件列表
-      examinationFile: [], //体检报告
-      contractFile: [], //合同附件
-      employmentFile: [], //从业资格证书
-      idCardUpPhotoFile: [], //身份证头像
-      fieldAcquisitionFile: [], //现场采集人脸
-      idCardUpPhotoUrlFile: [], // 身份证国徽面
-      idCardDownPhotoUrlFile: [], // 身份证人像面
-      //显示的文件列表
-      fieldAcquisitionUrlFile: [],
-      checkAll: false, //显示选中状态
-      isIndeterminate: false, //有选中的数据
-      checkedWorker: [], //批量选中的数据
-      batchMoveDialog: false, //批量移动弹窗
-      //批量移动表单
-      batchMoveForm: {
-        teamId: "",
-        departmentId: "",
-        enterpriseId: "",
-      },
-      moveTeamList: [], // 选择移动的班组的列表
-      showTeamList: false, //显示班组列表
-
-      // 表格 全选 状态 禁用启用
-      checkAllStatus: false,
-
-      webSocket: null,
-      instrUmentScreenDialog: false,
-      umentScreenUrl: "",
-      base64Type: "data:image/jpeg;base64,",
-      isUploadToHouse: false, //是否显示上传到住建局按钮
-      attendRulesList: [],
-      enterpriseTypeId: "",
-      cropperOption: {
-        outputType: "png",
-        img: "",
-        autoCropWidth: 300, // 默认生成截图框宽度
-        autoCropHeight: 360, // 默认生成截图框高度
-      },
-      cropperDialog: false,
-      enterpriseTreeData: [],
-      defaultId: "",
-      isIndeterminate2: false,
-      isIndeterminate3: false,
-      checkAllFaceDev: false,
-      checkAllGroupDev: false,
-      fileTemp: "",
-      imgRadiolist: [],
-      isSzProject: "",
-      //职务类型
-      dutuiesType: [],
-      dutuies: [],
-      rules2: {},
-      rules3: {
-        enterpriseId: [
-          {
-            required: true,
-            message: "请选择",
-            trigger: "change",
-          },
-        ],
-        teamId: [
-          {
-            required: true,
-            message: "请选择",
-            trigger: "change",
-          },
-        ],
-        departmentId: [
-          {
-            required: true,
-            message: "请选择",
-            trigger: "change",
-          },
-        ],
-        personType: [
-          {
-            required: true,
-            message: this.$t("message.laborMange.pleaseInputYourName"),
-            trigger: "blur",
-          },
-        ],
-        workerName: [
-          {
-            required: true,
-            message: this.$t("message.laborMange.pleaseInputYourName"),
-            trigger: "blur",
-          },
-        ],
-        // sex: [
-        //   {
-        //     required: true,
-        //     message: "请选择性别",
-        //     trigger: "submit",
-        //   },
-        // ],
-        idCard: [
-          {
-            required: true,
-            message: this.$t("message.laborMange.pleaseInputYourIdNumber"),
-            trigger: "blur",
-          },
-        ],
-        // attendanceNumber: [
-        //   {
-        //     required: true,
-        //     message: this.$t(
-        //       "message.laborMange.pleaseInputYourAttendanceNumber"
-        //     ),
-        //     trigger: "blur",
-        //   },
-        // ],
-        // phoneNumber: [
-        //   { required: true, message: "请输入联系电话", trigger: "blur" },
-        // ],
-        // enterDate: [
-        //   { required: true, message: "请选择进场日期", trigger: "blur" },
-        // ],
-      },
-      rules: {
-        enterpriseId: [
-          {
-            required: true,
-            message: "请选择",
-            trigger: "blur",
-          },
-        ],
-        teamId: [
-          {
-            required: true,
-            message: "请选择",
-            trigger: "blur",
-          },
-        ],
-        departmentId: [
-          {
-            required: true,
-            message: "请选择",
-            trigger: "blur",
-          },
-        ],
-        personType: [
-          {
-            required: true,
-            message: this.$t("message.laborMange.pleaseInputYourName"),
-            trigger: "blur",
-          },
-        ],
-        workerName: [
-          {
-            required: true,
-            message: this.$t("message.laborMange.pleaseInputYourName"),
-            trigger: "blur",
-          },
-        ],
-        // sex: [
-        //   {
-        //     required: true,
-        //     message: "请选择性别",
-        //     trigger: "submit",
-        //   },
-        // ],
-        idCard: [
-          {
-            required: true,
-            message: this.$t("message.laborMange.pleaseInputYourIdNumber"),
-            trigger: "blur",
-          },
-        ],
-        // attendanceNumber: [
-        //   {
-        //     required: true,
-        //     message: this.$t(
-        //       "message.laborMange.pleaseInputYourAttendanceNumber"
-        //     ),
-        //     trigger: "blur",
-        //   },
-        // ],
-        // phoneNumber: [
-        //   { required: true, message: "请输入联系电话", trigger: "blur" },
-        // ],
-        // enterDate: [
-        //   { required: true, message: "请选择进场日期", trigger: "blur" },
-        // ],
-      },
+      laborDialogVisible: false,
+      adminDialogVisible: false,
+      temporaryDialogVisible: false
     };
   },
   created() {
-    this.projectSn = this.$store.state.projectSn;
-    this.uploadUrl = this.$store.state.UPLOADURL;
-    this.fileUrl = this.$store.state.FILEURL;
-    let data = JSON.parse(sessionStorage.getItem("vuex"));
-    // console.log('vuex信息',data)
-    data.menuList.forEach((item) => {
-      if (item.actionList) {
-        item.actionList.find((item2) => {
-          if (item2.actionCode == "akey_issued") {
-            this.key = true;
-          }
-          // console.log('this.key', this.key)
-        });
-      }
-    });
-    if (sessionStorage.getItem("personPage")) {
-      this.page = JSON.parse(sessionStorage.getItem("personPage"));
-    }
-    if (sessionStorage.getItem("companyPage")) {
-      this.checkedId = JSON.parse(sessionStorage.getItem("companyPage"));
-    }
-    this.getConfig();
-
-    this.getProjectList();
-    this.getAttendRuleList();
-    this.getUfaceDevList();
-    this.getUGroupDevList();
-    this.getProjectConfig();
   },
 
   mounted() {
-    // this.webSocket = new WebSocket("ws://127.0.0.1:1818");
-    this.getEnterpriseType();
-  },
-  computed: {
-    headers() {
-      return {
-        Authorization: this.$store.state.userInfo.token,
-      };
-    },
   },
   methods: {
-    //上传成功
-    uploadSuccess(file, type) {
-      if (type == 1) {
-        this.addForm.idCardBigPhotoUrl = file.data[0].imageUrl;
+    closeTemporaryDialog(val){
+      console.log(val,'临时返回值')
+      this.temporaryDialogVisible = false;
+      if(!val){
+        this.$emit("closeDialog")
       } else {
-        this.addForm.fieldAcquisitionUrl = file.data[0].imageUrl;
+        if(val == 1){
+          this.laborDialogVisible = true;
+        } else if(val == 2) {
+          this.adminDialogVisible = true;
+        }
       }
     },
-    enterpriseChange() {
-      if (this.personForm.personType == 1) {
-        this.getWorkerTypeListData();
+    closeAdminDialog(val){
+      console.log(val,'管理返回值')
+      this.adminDialogVisible = false;
+      if(!val){
+        this.$emit("closeDialog")
       } else {
-        this.getDepartmentListData();
-      }
-    },
-    personTypeChange() {
-      console.log(this.personForm.personType, 7788);
-      if (this.personForm.personType == 1) {
-        this.temporaryDialog1 = true;
-        this.temporaryDialog2 = false;
-        this.temporaryDialog3 = false;
-      } else if (this.personForm.personType == 2) {
-        this.temporaryDialog1 = false;
-        this.temporaryDialog2 = true;
-        this.temporaryDialog3 = false;
-      } else if (this.personForm.personType == 3) {
-        this.addForm.personType = this.personForm.personType;
-        this.temporaryDialog1 = false;
-        this.temporaryDialog2 = false;
-        this.temporaryDialog3 = true;
-      }
-      this.enterpriseChange();
-    },
-    personTypeAddFormChange() {
-      console.log(this.addForm.personType, 8899);
-      if (this.addForm.personType == 1) {
-        this.personForm.personType = this.addForm.personType;
-        this.temporaryDialog1 = true;
-        this.temporaryDialog2 = false;
-        this.temporaryDialog3 = false;
-      } else if (this.addForm.personType == 2) {
-        this.personForm.personType = this.addForm.personType;
-        this.temporaryDialog1 = false;
-        this.temporaryDialog2 = true;
-        this.temporaryDialog3 = false;
-      } else if (this.addForm.personType == 3) {
-        this.addForm.personType = this.personForm.personType;
-        this.temporaryDialog1 = false;
-        this.temporaryDialog2 = false;
-        this.temporaryDialog3 = true;
-      }
-    },
-    closeDialog() {
-      console.log(111);
-      this.$emit("closeDialog");
-    },
-    //人员录入   提交
-    //人员录入   提交
-    submitForm(formName) {
-      // if (this.addForm.idCardBigPhotoUrl == "") {
-      //   this.$message.error(
-      //     this.$t("message.laborMange.pleaseUploadYourIDPhoto")
-      //   );
-      //   return;
-      // }
-      //身份证校验
-      //   if (!IdentityCodeValid(this.addForm.idCard)) {
-      //     this.$message.error(this.$t('message.laborMange.correctCellIdCard'))
-      //     return
-      //   }
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 现场人脸采集校验
-          if (this.addForm.fieldAcquisitionUrl == "") {
-            this.$message.error(
-              this.$t("message.laborMange.pleaseUploadPhotosOfTheScene")
-            );
-            return;
-          }
-          this.addForm.projectSn = this.projectSn;
-
-          addWorkerInfo(this.addForm).then((res) => {
-            if (res.code == 200) {
-              this.resetForm(formName);
-              this.temporaryDialog3 = false;
-              this.addForm.idCardBigPhotoUrl = "";
-              this.closeDialog();
-            }
-          });
-          // if (this.operationType == "add") {
-          // } else {
-          //   delete this.addForm.addTime;
-          //   editWorkerInfo(this.addForm).then((res) => {
-          //     if (res.code == 200) {
-          //       this.resetForm(formName);
-          //       this.temporaryDialog3 = false;
-          //       this.addForm.idCardBigPhotoUrl = "";
-          //       this.closeDialog();
-          //     }
-          //   });
-          // }
-        } else {
-          return false;
+        if(val == 1){
+          this.laborDialogVisible = true;
+        } else if(val == 3) {
+          this.temporaryDialogVisible = true;
         }
-      });
+      }
     },
-    //高拍仪获取身份证信息
-    getIdCardInfo() {
-      var ws = new WebSocket("ws://127.0.0.1:1818");
-      this.webSocket = ws;
-      ws.onopen = (event) => {
-        this.onopen(event);
-      };
-
-      ws.onmessage = (event) => {
-        this.onmessage(event);
-      };
-
-      ws.onerror = this.onerror;
-    },
-    //上传前
-    beforeUpload(file) {
-      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;
+    closeLaborDialog(val){
+      console.log(val,'劳务返回值')
+      this.laborDialogVisible = false;
+      if(!val){
+        this.$emit("closeDialog")
       } else {
-        return true;
-      }
-    },
-    handleImportSuccess(response, file, fileList) {
-      console.log(response, file, fileList);
-      this.imgFileList = fileList;
-      console.log(this.imgFileList);
-    },
-    handleImportExceed(files, fileList) {
-      /*this.$message.warning(
-                      `当前限制选择 1 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
-                          files.length + fileList.length
-                      } 个文件`
-                  );*/
-      this.$message.warning(
-        this.$t("message.docManage.dialog_upload_files.limitingChoice")
-      ); //当前限制选择 1 个文件
-    },
-    handleTemporaryUpload(fileData, type) {
-      console.log(fileData, 111222);
-      const file = fileData.file;
-      // 压缩图片
-      lrz(file, { quality: 1 }).then((result) => {
-        const formData = new FormData();
-        formData.append("files", result.file);
-        // 图片上传
-        apiUploadImage(formData).then((res) => {
-          if (res.code == 200 || res.status == "SUCCESS") {
-            const imgInfo = res.data[0];
-
-            switch (type) {
-              case "idCardAvatar": // 身份证头像
-                this.addForm.idCardBigPhotoUrl = imgInfo.imageUrl;
-                this.idCardUpPhotoFile = [
-                  { name: imgInfo.filename, url: imgInfo.imageUrl },
-                ];
-                break;
-              case "livesFace": // 现场采集人脸
-                this.cropperOption.img =
-                  this.$store.state.FILEURL + imgInfo.imageUrl;
-                this.cropperDialog = true;
-                // let imgStatus = result.file.size / 1024 < 500
-                // if (!imgStatus) {
-                //   this.cropperOption.img =
-                //     this.$store.state.FILEURL + imgInfo.imageUrl
-                //   this.cropperDialog = true
-                // } else {
-                //   if (this.isSzProject == 1) {
-                //     this.checkImgLibrary(imgInfo.imageUrl)
-                //   } else {
-                //     this.checkFace(imgInfo.imageUrl)
-                //   }
-                // }
-                break;
-            }
-          }
-        });
-      });
-    },
-    handleUpload(fileData, type) {
-      console.log(fileData, 111222);
-      const file = fileData.file;
-      // 压缩图片
-      lrz(file, { quality: 1 }).then((result) => {
-        const formData = new FormData();
-        formData.append("files", result.file);
-        // 图片上传
-        apiUploadImage(formData).then((res) => {
-          if (res.code == 200 || res.status == "SUCCESS") {
-            const imgInfo = res.data[0];
-
-            switch (type) {
-              case "idCardAvatar": // 身份证头像
-                this.personForm.idCardBigPhotoUrl = imgInfo.imageUrl;
-                this.idCardUpPhotoFile = [
-                  { name: imgInfo.filename, url: imgInfo.imageUrl },
-                ];
-                break;
-              case "livesFace": // 现场采集人脸
-                this.cropperOption.img =
-                  this.$store.state.FILEURL + imgInfo.imageUrl;
-                this.cropperDialog = true;
-                // let imgStatus = result.file.size / 1024 < 500
-                // if (!imgStatus) {
-                //   this.cropperOption.img =
-                //     this.$store.state.FILEURL + imgInfo.imageUrl
-                //   this.cropperDialog = true
-                // } else {
-                //   if (this.isSzProject == 1) {
-                //     this.checkImgLibrary(imgInfo.imageUrl)
-                //   } else {
-                //     this.checkFace(imgInfo.imageUrl)
-                //   }
-                // }
-                break;
-            }
-          }
-        });
-      });
-    },
-    checkImg() {
-      console.log(this.radio);
-      this.imgRadiolist.forEach((item) => {
-        if (this.radio == item.personSerial) {
-          this.personForm.personSerial = this.radio;
-          this.personForm.fieldAcquisitionUrl = item.imageUrl;
-          this.fieldAcquisitionFile = [{ name: "", url: item.imageUrl }];
-        }
-      });
-      this.showImgList = false;
-    },
-    // 判断是否为深圳项目
-    getProjectConfig() {
-      getProjectConfigListApi({ projectSn: this.projectSn }).then((res) => {
-        this.isSzProject = res.result[0].isSzProject; //1是 0否
-      });
-    },
-    exportM() {
-      window.location.href =
-        this.$http.defaults.baseURL +
-        "xmgl/download/exporExcelWorkerTemplate?projectSn=" +
-        this.projectSn;
-    },
-    // 导入照片弹窗
-    importImgOpen() {
-      this.imgImportDialog = true;
-    },
-    // 下发通行设备
-    passEquipment() {
-      sendBatchWokerApi({
-        projectSn: this.projectSn,
-        personType: "1",
-        userId: this.$store.state.userInfo.userId,
-        enterpriseId: this.checkedId,
-      }).then((res) => {
-        if (res.code == 200) {
-          this.$message({
-            message: "操作成功，已在后台下发，请稍后查看！",
-            type: "success",
-          });
-        }
-      });
-    },
-    handleChangeE(file, fileList) {
-      this.fileTemp = file.raw;
-      console.log(file);
-      if (this.fileTemp) {
-        if (
-          this.fileTemp.type ==
-            "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" ||
-          this.fileTemp.type == "application/vnd.ms-excel"
-        ) {
-        } else {
-          this.$message.error(this.$t("message.laborMange.hint5"));
+        if(val == 2){
+          this.adminDialogVisible = true;
+        } else if(val == 3) {
+          this.temporaryDialogVisible = true;
         }
       }
-    },
-    handleSuccessE(file) {
-      this.refreshPage = false;
-      console.log("==========", file);
-      if (file.code == 200) {
-        this.$message.success(file.message); //导入成功
-        this.refreshBtn();
-        this.getTeamList();
-      } else {
-        this.$message.error(file.message);
-      }
-      this.$nextTick(() => {
-        this.refreshPage = true;
-      });
-    },
-    handleErrorE() {
-      this.$message.error(this.$t("message.laborMange.hint7"));
-      this.refreshBtn();
-    },
-    handleUfaceDevChange(val) {
-      let checkedCount = val.length;
-      let allCheckList = [];
-      for (let i = 0; i < this.ufaceDevAllList.length; i++) {
-        if (!this.ufaceDevAllList[i].disabled) {
-          allCheckList.push(this.ufaceDevAllList[i]);
-        }
-      }
-      this.checkAllFaceDev = checkedCount === allCheckList.length;
-      this.isIndeterminate2 =
-        checkedCount > 0 && checkedCount < allCheckList.length;
-    },
-    handleUGroupChange(val) {
-      let checkedCount = val.length;
-      let allCheckList = [];
-      for (let i = 0; i < this.uGroupAllList.length; i++) {
-        if (!this.uGroupAllList[i].disabled) {
-          allCheckList.push(this.uGroupAllList[i]);
-        }
-      }
-      this.checkAllGroupDev = checkedCount === allCheckList.length;
-      this.isIndeterminate3 =
-        checkedCount > 0 && checkedCount < allCheckList.length;
-    },
-    handleCheckAllChangeFace(val) {
-      if (val) {
-        this.personForm.ufaceDevId = [];
-        this.ufaceDevAllList.forEach((item) => {
-          this.personForm.ufaceDevId.push(item.id);
-        });
-      } else {
-        // this.ufaceDevAllList = []
-        this.personForm.ufaceDevId = [];
-      }
-      this.isIndeterminate2 = false;
-    },
-    handleCheckAllChangeGroup(val) {
-      if (val) {
-        this.personForm.uGroupId = [];
-        this.uGroupAllList.forEach((item) => {
-          this.personForm.uGroupId.push(item.id);
-        });
-      } else {
-        this.personForm.uGroupId = [];
-      }
-      this.isIndeterminate2 = false;
-    },
-    // 获取所有分组
-    getUGroupDevList() {
-      getGroupListApi({ projectSn: this.projectSn }).then((res) => {
-        console.log(res);
-        if (res.code == 200) {
-          this.uGroupAllList = res.result;
-          console.log(this.uGroupAllList, 777888999);
-          this.personForm.uGroupId = [...this.personForm.uGroupId];
-          if (this.$store.state.userInfo.accountType == 6) {
-            this.uGroupAllList.forEach((item) => {
-              item.disabled = true;
-            });
-            // selectUserDevAuthorityByUserIdApi({
-            //   userId: this.$store.state.userInfo.userId,
-            //   devType: "1",
-            // }).then((res) => {
-            //   if (res.code == 200) {
-            //     let arr = res.result.devId.split(",");
-            //     let id = "";
-            //     this.personForm.ufaceDevId = [];
-            //     for (let i = 0; i < arr.length; i++) {
-            //       console.log(parseInt(arr[i]));
-            //       this.personForm.ufaceDevId.push(parseInt(arr[i]));
-            //       id = parseInt(arr[i]);
-            //       for (let j = 0; j < this.ufaceDevAllList.length; j++) {
-            //         if (this.ufaceDevAllList[j].id == id) {
-            //           this.ufaceDevAllList[j].disabled = false;
-            //         }
-            //       }
-            //     }
-            //   }
-            // });
-          }
-        }
-      });
-    },
-    // 获取所有人脸设备
-    getUfaceDevList() {
-      ufaceDevList({ projectSn: this.projectSn }).then((res) => {
-        console.log(res);
-        if (res.code == 200) {
-          this.ufaceDevAllList = res.result;
-          this.personForm.ufaceDevId = [...this.personForm.ufaceDevId];
-          if (this.$store.state.userInfo.accountType == 6) {
-            this.ufaceDevAllList.forEach((item) => {
-              item.disabled = true;
-            });
-            selectUserDevAuthorityByUserIdApi({
-              userId: this.$store.state.userInfo.userId,
-              devType: "1",
-            }).then((res) => {
-              if (res.code == 200) {
-                let arr = res.result.devId.split(",");
-                let id = "";
-                this.personForm.ufaceDevId = [];
-                for (let i = 0; i < arr.length; i++) {
-                  console.log(parseInt(arr[i]));
-                  this.personForm.ufaceDevId.push(parseInt(arr[i]));
-                  id = parseInt(arr[i]);
-                  for (let j = 0; j < this.ufaceDevAllList.length; j++) {
-                    if (this.ufaceDevAllList[j].id == id) {
-                      this.ufaceDevAllList[j].disabled = false;
-                    }
-                  }
-                }
-              }
-            });
-          }
-        }
-      });
-    },
-    //一键下发
-    issuePersonFn() {
-      batchSendWorkerInfoApi({
-        projectSn: this.$store.state.projectSn,
-        personType: 1,
-      }).then((res) => {
-        this.$message.success("已执行人员下发命令");
-        this.getTableData();
-      });
-    },
-    //单个人员下发
-    issuePersonOneFn(workerId) {
-      sendWorkerInfoByIdApi({ workerId: workerId }).then((res) => {
-        this.$message.success(this.$t("message.laborMange.hint4"));
-      });
-    },
-    changRuleId(val) {
-      console.log(val);
-    },
-    //获取考勤规则列表
-    getAttendRuleList() {
-      workerAttendanceRuleList({ projectSn: this.$store.state.projectSn }).then(
-        (result) => {
-          this.attendRulesList = result.result;
-          console.log(result.result);
-        }
-      );
-    },
-    exportFn() {
-      window.location.href =
-        this.$http.defaults.baseURL +
-        "xmgl/download/exporZipWorkerInfo?idCard=" +
-        this.tableParameter.idCard +
-        "&projectSn=" +
-        this.tableParameter.projectSn +
-        "&teamId=" +
-        this.tableParameter.teamId +
-        "&workerName=" +
-        this.tableParameter.workerName +
-        "&personType=" +
-        this.tableParameter.personType +
-        "&enterDate=" +
-        this.tableParameter.enterDate +
-        "&codeState=" +
-        this.tableParameter.codeState +
-        "&enterpriseId=" +
-        this.checkedId;
-    },
-    getConfig() {
-      getProjectUfaceConfigInfo({
-        projectSn: this.$store.state.projectSn,
-      }).then((result) => {
-        if (result.success) {
-          if (result.result) {
-            this.isUploadToHouse = result.result.housing ? true : false;
-          }
-        }
-      });
-    },
-    //获取企业 || 劳务公司 列表
-    getProjectList(type) {
-      let data = {
-        projectSn: this.projectSn,
-        enterpriseName: this.enterpriseName,
-        userEnterpriseId: this.$store.state.userInfo.userEnterpriseId,
-        enterpriseTypeId: this.enterpriseTypeId,
-      };
-      getEnterpriseInfoList(data).then((res) => {
-        console.log(res, "执行");
-        if (res.code == 200) {
-          this.enterpriseListData = res.result;
-          // this.$set(this, 'enterpriseListData', res.result)
-          console.log(this.enterpriseListData);
-          this.checkedId = this.checkedId
-            ? this.checkedId
-            : res.result.length > 0
-            ? res.result[0].id
-            : "";
-          this.showEnterpriseName =
-            res.result.length > 0 ? res.result[0].enterpriseName : "";
-
-          this.getTeamList();
-        } else {
-          this.$message.error(this.$t("message.laborMange.queryFails"));
-        }
-      });
-    },
-    //编辑企业 || 劳务公司  信息
-    editEnterpriseInfo(value) {
-      this.addEnterpriseDialog = true;
-      this.enterpriseDialogTitle = this.$t("message.laborMange.editEnterprise");
-      this.enterpriseForm = JSON.parse(JSON.stringify(value));
-      this.getEnterpriseType();
-      //资质file
-      this.aptitudeFileList =
-        value.enterpriseQualificationUrl != ""
-          ? [JSON.parse(this.enterpriseForm.enterpriseQualificationUrl)]
-          : [];
-      //logo
-      this.logoFileList =
-        value.logo != "" ? [JSON.parse(this.enterpriseForm.logo)] : [];
-      setTimeout(() => {
-        this.$refs.enterpriseDialog.scrollTop = 0;
-        this.$refs["enterpriseForm"].clearValidate();
-      }, 120);
-    },
-    //新增企业 按钮
-    addEnterpriseBtn() {
-      window._paq.push(["trackEvent", "点击", "新增企业", "添加企业信息"]);
-      this.enterpriseForm = {
-        name: "",
-        bankcardnumber: "", //银行卡号
-        bankname: "", // 开户行
-        businessLicenseEndDate: "", // 营业执照截止日期
-        businessNumber: "", //营业执照注册号
-        enterpriseAddress: "", //企业地址
-        enterpriseEmail: "", //企业邮箱
-        enterpriseLegalPerson: "", //法定代表人
-        enterpriseName: "", //企业名称
-        enterpriseProperty: "", //单位性质 1.国有企业 2三资企业 3集体企业 4私营企业
-        enterpriseQualificationUrl: "", //企业资质图片地址
-        enterpriseSafeAllow: "", //企业安全生产许可证
-        enterpriseTypeId: "", //企业类型Id
-        legalPersonTel: "", //法人电话
-        logo: "", //logo
-        projectSn: "", //项目Sn
-        qualificationNumber: "", //资质证书号
-        registerPersonPhoneTel: "", //注册人电话
-        registeredCapital: "", //注册资金
-        socialCode: "", //社会统一信用代码
-      };
-      this.aptitudeFileList = []; //资质照片列表
-      this.logoFileList = []; //logo 文件列表
-      this.addEnterpriseDialog = true;
-      this.enterpriseDialogTitle = this.$t(
-        "message.laborMange.theNewEnterprise"
-      );
-      setTimeout(() => {
-        this.$refs["enterpriseForm"].clearValidate();
-        this.$refs.enterpriseDialog.scrollTop = 0;
-      }, 120);
-    },
-    //新增企业 -- 企业类型下拉
-    getEnterpriseType() {
-      let data = {};
-      getEnterpriseTypeList(data).then((res) => {
-        if (res.code == 200) {
-          this.enterpriseTypeList = res.result;
-        }
-      });
-    },
-    // 导入照片数据
-    saveImportFn() {
-      if (this.imgFileList.length == 0) {
-        this.$message.success("请先导入文件");
-        return;
-      }
-      let data = new FormData(); //new出来的对象
-      data.append("file", this.imgFileList[0].raw);
-      data.append("projectSn", this.$store.state.projectSn);
-      importImgDataApi(data).then((res) => {
-        if (res.success) {
-          this.$message.success("操作成功");
-          this.imgImportDialog = false;
-          this.getTableData();
-        }
-      });
-    },
-    //新增企业 保存
-    saveEnterpriseFn(formName) {
-      // if (!checkPhone(this.enterpriseForm.legalPersonTel)) {
-      //   this.$message.error("请输入正确的法人电话");
-      //   return;
-      // }
-      // if (!checkPhone(this.enterpriseForm.registerPersonPhoneTel)) {
-      //   this.$message.error("请输入正确的注册人电话");
-      //   return;
-      // }
-      if (!CheckSocialCreditCode(this.enterpriseForm.socialCode)) {
-        this.$message.error(this.$t("message.laborMange.creditCode"));
-        return;
-      }
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          this.enterpriseForm.projectSn = this.projectSn;
-          if (
-            this.enterpriseDialogTitle ==
-            this.$t("message.laborMange.theNewEnterprise")
-          ) {
-            //新增  请求
-            setEnterpriseInfo(this.enterpriseForm).then((res) => {
-              if (res.code == 200) {
-                this.$message.success(res.message);
-                this.addEnterpriseDialog = false;
-                this.getProjectList();
-                this.resetForm(formName);
-              }
-            });
-          } else {
-            //编辑 请求
-            editEnterpriseInfo(this.enterpriseForm).then((res) => {
-              if (res.code == 200) {
-                this.$message.success(
-                  this.$t("message.laborMange.modifySuccess")
-                );
-                this.resetForm(formName);
-                this.addEnterpriseDialog = false;
-                this.getProjectList();
-              }
-            });
-          }
-        } else {
-          return false;
-        }
-      });
-    },
-    //删除 企业
-    deleteEnterpriseInfo(value) {
-      this.$confirm(
-        this.$t("message.laborMange.deleteHint"),
-        this.$t("message.laborMange.hint"),
-        {
-          confirmButtonText: this.$t("message.laborMange.confirm"),
-          cancelButtonText: this.$t("message.laborMange.cancel"),
-          type: "warning",
-        }
-      )
-        .then(() => {
-          let data = {
-            projectSn: this.projectSn,
-            enterpriseId: value.id,
-          };
-          deleteEnterprise(data).then((res) => {
-            if (res.code == 200) {
-              this.$message({
-                type: "success",
-                message: this.$t("message.laborMange.deleteSuccess"),
-              });
-              this.getProjectList();
-              this.checkedId = "";
-            }
-          });
-        })
-        .catch(console.log);
-    },
-
-    /**--------------------------------------------右侧函数------------------------------------------------------------------ */
-    //获取企业的 - 班组列表
-    getTeamList(type) {
-      let data = {
-        enterpriseId: this.checkedId,
-        projectSn: this.projectSn,
-      };
-      getTeamInfoList(data).then((res) => {
-        if (res.code == 200) {
-          this.checkedTeamId = type !== 1 ? 0 : this.checkedTeamId;
-          this.teamListData = res.result;
-          console.log("==============", res.result);
-          this.tableParameter.projectSn = this.projectSn;
-          this.getTableData();
-        }
-      });
-    },
-    //获取部门
-    getDepartmentListData() {
-      let data = {
-        personType: 2,
-        enterpriseId: this.personForm.enterpriseId,
-        projectSn: this.projectSn,
-      };
-      getDepartmentInfoList(data).then((res) => {
-        this.departmentListData = res.result.list;
-      });
-    },
-    //获取班组
-    getWorkerTypeListData() {
-      let data = {
-        enterpriseId: this.personForm.enterpriseId,
-        projectSn: this.projectSn,
-      };
-      getTeamInfoList(data).then((res) => {
-        console.log(res, 666777888);
-        this.workerTypeList = res.result.list;
-      });
-    },
-    //选择工种设置班组名称
-    changeWorkerType(value) {
-      for (let i in this.workerTypeList) {
-        if (this.workerTypeList[i].id == value) {
-          if (this.teamForm.teamName.indexOf("-") != -1) {
-            this.teamForm.teamName =
-              this.workerTypeList[i].typeName + "-" + this.teamForm.leaderName;
-          } else {
-            this.teamForm.teamName =
-              this.workerTypeList[i].typeName + "-" + this.teamForm.leaderName;
-          }
-        }
-      }
-    },
-    //输入负责人名称时
-    changeLeaderName(value) {
-      if (this.teamForm.teamName != "") {
-        let arr = this.teamForm.teamName.split("-");
-        this.teamForm.teamName = arr[0] + "-" + value;
-      }
-    },
-
-    //新增 班组  保存
-    saveTeamFn(formName) {
-      if (!checkPhone(this.teamForm.leaderPhone)) {
-        this.$message.error(
-          this.$t("message.laborMange.correctCellPhoneNumber")
-        );
-        return;
-      }
-      // if (!IdentityCodeValid(this.teamForm.leaderIdCard)) {
-      //   this.$message.error(this.$t("message.laborMange.correctCellIdCard"));
-      //   return;
-      // }
-      if (this.teamForm.workerTypeId == 385) {
-        this.teamForm.specialTeam = 1;
-      } else {
-        this.teamForm.specialTeam = 0;
-      }
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (
-            this.teamDialogTitle == this.$t("message.laborMange.theNewTeam")
-          ) {
-            this.teamForm.projectSn = this.projectSn;
-            this.teamForm.enterpriseId = this.checkedId;
-            addTeamInfo(this.teamForm).then((res) => {
-              if (res.code == 200) {
-                this.$message.success(
-                  this.$t("message.laborMange.saveSuccess")
-                );
-                this.getTeamList();
-                this.resetForm(formName);
-              }
-            });
-          } else {
-            editTeamInfo(this.teamForm).then((res) => {
-              if (res.code == 200) {
-                this.$message.success(res.message);
-                this.addTeamDialog = false;
-                this.getTeamList();
-                this.resetForm(formName);
-              }
-            });
-          }
-        } else {
-          return false;
-        }
-      });
-    },
-    parseCode(code) {
-      if (code == 0) {
-        return ["info", this.$t("message.laborMange.codeless")];
-      } else if (code == 1) {
-        return ["danger", this.$t("message.laborMange.redCode")];
-      } else if (code == 2) {
-        return ["warning", this.$t("message.laborMange.yellowCode")];
-      } else if (code == 3) {
-        return ["success", this.$t("message.laborMange.greenCode")];
-      }
-    },
-    //隐藏 班组列表
-    hideTeamList() {
-      if (this.showTeamList) {
-        this.showTeamList = false;
-      }
-    },
-    //删除班组
-    deleteTeamInfo(value) {
-      this.$confirm(
-        this.$t("message.laborMange.deleteHint"),
-        this.$t("message.laborMange.hint"),
-        {
-          confirmButtonText: this.$t("message.laborMange.confirm"),
-          cancelButtonText: this.$t("message.laborMange.cancel"),
-          type: "warning",
-        }
-      )
-        .then(() => {
-          let data = {
-            id: value.id,
-          };
-          deleteTeamInfo(data).then((res) => {
-            if (res.code == 200) {
-              this.$message({
-                type: "success",
-                message: this.$t("message.laborMange.deleteSuccess"),
-              });
-              this.getTeamList();
-            }
-          });
-        })
-        .catch(console.log);
-    },
-
-    //获取 班组的表格数据 -- 班组详情
-    getTableData() {
-      let data = this.tableParameter;
-      data.pageNo = this.page;
-      data.pageSize = this.pageSize;
-      data.enterpriseId = this.checkedId;
-      getWorkerInfoList(data).then((res) => {
-        if (res.code == 200) {
-          this.tableListData = res.result.records;
-          console.log("------------", res.result.records);
-          let boole = true;
-          for (let i in res.result.records) {
-            if (res.result.records[i].inserviceType == 1) {
-              boole = false;
-            }
-          }
-          this.checkAllStatus =
-            this.tableListData.length == 0 ? true : boole ? true : false;
-          this.total = res.result.total;
-        }
-      });
-    },
-
-    //人员录入 按钮
-    personnelEntry() {
-      this.personDialogTitle = this.$t("message.laborMange.personnelEntry");
-      this.titleType = "add";
-      this.personForm = {
-        enterpriseId: "",
-        workerName: "",
-        sex: "",
-        idCard: "",
-        birthday: "",
-        enterDate: "",
-        personType: 1,
-        nation: "",
-        nativePlace: "",
-        issuingAuthorityForIdcard: "",
-        idCardEndDate: "",
-        longTerm: false,
-        phoneNumber: "",
-        emergentPerson: "",
-        emergentPhone: "",
-        inserviceType: 1,
-        politicsStatus: "",
-        marry: "",
-        payRollBankName: "",
-        payRollBankNumber: "",
-        educational: "",
-        blood: "",
-        examinationImage: "",
-        contractImage: "",
-        employmentCard: "",
-        idCardBigPhotoUrl: "",
-        fieldAcquisitionUrl: "",
-        personType: 1,
-        idCardUpPhotoUrl: "",
-        idCardDownPhotoUrl: "",
-        ufaceDevId: [],
-        uGroupId: [],
-        personSerial: "",
-      };
-      if (this.attendRulesList.length > 0) {
-        this.personForm.ruleId = this.attendRulesList[0].id;
-      } else {
-        this.personForm.ruleId = "";
-      }
-      this.getUfaceDevList();
-      setTimeout(() => {
-        this.$refs["personForm"].clearValidate();
-        this.$refs.personDialog.scrollTop = 0;
-      }, 120);
-      this.examinationFile = []; //体检报告
-      this.contractFile = []; //合同附件
-      this.employmentFile = []; //从业资格证书
-      this.idCardUpPhotoFile = []; //身份证头像
-      this.fieldAcquisitionFile = [];
-      this.idCardUpPhotoUrlFile = []; // 身份证国徽面
-      this.idCardDownPhotoUrlFile = []; // 身份证人像面
-      // 默认全选设备
-      this.checkAllFaceDev = true;
-      this.ufaceDevAllList.map(item => {
-        this.personForm.ufaceDevId.push(item.id)
-      })
-    },
-
-    // 有效日期 长期 按钮
-    checkboxLongTerm(value) {
-      if (this.personForm.longTerm) {
-        this.$refs["personForm"].clearValidate("idCardEndDate");
-      }
-      this.personForm.idCardEndDate = this.personForm.longTerm
-        ? ""
-        : this.personForm.idCardEndDate;
-    },
-
-    // 新增 || 编辑  人员录入 保存按钮
-    savePersonFn(formName, type) {
-      this.personForm.isUploadHousing = this.personForm.isUploadHousing ? 1 : 0;
-      console.log("进场确定参数", this.personForm);
-      //   // 身份证校验
-      //   if (!IdentityCodeValid(this.personForm.idCard)) {
-      //     this.$message.error(this.$t("message.laborMange.correctCellIdCard"));
-      //     return;
-      //   }
-      // 电话校验
-      // if (!checkPhone(this.personForm.phoneNumber)) {
-      //   this.$message.error(
-      //     this.$t('message.laborMange.correctCellPhoneNumber')
-      //   )
-      //   return
-      // }
-      // 紧急电话校验
-      // if (!checkPhone(this.personForm.emergentPhone)) {
-      //   this.$message.error(
-      //     this.$t(
-      //       'message.laborMange.pleaseEnterTheCorrectEmergencyContactNumber'
-      //     )
-      //   )
-      //   return
-      // }
-      // if (this.personForm.idCardUpPhotoUrl == '') {
-      //   this.$message.error(
-      //     this.$t('message.laborMange.pleaseUploadTheNationalEmblemOfIdCard')
-      //   )
-      //   return
-      // }
-      // if (this.personForm.idCardDownPhotoUrl == '') {
-      //   this.$message.error(
-      //     this.$t('message.laborMange.pleaseUploadYourIDCardPortrait')
-      //   )
-      //   return
-      // }
-
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          // 身份证头像和现场人脸采集校验
-          // if (this.personForm.idCardBigPhotoUrl == '') {
-          //   this.$message.error(
-          //     this.$t('message.laborMange.pleaseUploadYourIDPhoto')
-          //   )
-          //   return
-          // } else if (this.personForm.fieldAcquisitionUrl == '') {
-          //   this.$message.error(
-          //     this.$t('message.laborMange.pleaseUploadPhotosOfTheScene')
-          //   )
-          //   return
-          // }
-          // 现场人脸采集校验
-          if (this.personForm.fieldAcquisitionUrl == "") {
-            this.$message.error(
-              this.$t("message.laborMange.pleaseUploadPhotosOfTheScene")
-            );
-            return;
-          }
-
-          if (this.personForm.ruleId == "") {
-            this.personForm.ruleId = 0;
-          }
-          //新增
-          if (!this.personForm.id) {
-            let data = this.personForm;
-            data.projectSn = this.projectSn;
-            data.longTerm = this.personForm.longTerm ? 1 : 0;
-            data.registerType = 1;
-            data.devType = this.typeRadio;
-            data.userId = this.$store.state.userInfo.userId;
-            if (this.$store.state.userInfo.accountType == 6) {
-              data.accountType = 2;
-            } else {
-              data.accountType = 1;
-            }
-            if (this.personForm.ufaceDevId.length > 0) {
-              data.ufaceDevId = this.personForm.ufaceDevId.join(",");
-            } else {
-              data.ufaceDevId = "";
-            }
-            if (this.personForm.uGroupId.length > 0) {
-              data.ufaceDevGroupId = this.personForm.uGroupId.join(",");
-            } else {
-              data.ufaceDevGroupId = "";
-            }
-            addWorkerInfo(data).then((res) => {
-              if (res.code == 200) {
-                this.$message.success(
-                  this.$t("message.laborMange.saveSuccess")
-                );
-                this.getTeamList(1);
-                if (type == "laborSubmit") {
-                  this.temporaryDialog1 = false;
-                } else if (type == "adminSubmit") {
-                  this.temporaryDialog2 = false;
-                }
-                this.resetForm(formName);
-                this.examinationFile = []; //体检报告
-                this.contractFile = []; //合同附件
-                this.employmentFile = []; //从业资格证书
-                this.idCardUpPhotoFile = []; //身份证头像
-                this.fieldAcquisitionFile = []; //现场采集人脸
-                this.closeDialog();
-              }
-            });
-            //编辑
-          } else {
-            let data = this.personForm;
-            data.longTerm = this.personForm.longTerm ? 1 : 0;
-            data.registerType = 1;
-            data.devType = this.typeRadio;
-            // 跟杨珊对接需要再再次进场时多传入一个新的字段
-            data.reEntry = 1;
-            data.userId = this.$store.state.userInfo.userId;
-            if (this.personForm.ufaceDevId.length > 0) {
-              console.log(
-                "this.personForm.ufaceDevId",
-                this.personForm.ufaceDevId
-              );
-              data.ufaceDevId = this.personForm.ufaceDevId.join(",");
-            } else {
-              data.ufaceDevId = "";
-            }
-            if (this.personForm.uGroupId.length > 0) {
-              console.log("this.personForm.uGroupId", this.personForm.uGroupId);
-              data.ufaceDevGroupId = this.personForm.uGroupId.join(",");
-            } else {
-              data.ufaceDevGroupId = "";
-            }
-            if (this.$store.state.userInfo.accountType == 6) {
-              data.accountType = 2;
-            } else {
-              data.accountType = 1;
-            }
-            delete data.addTime;
-            editWorkerInfo(data).then((res) => {
-              if (res.code == 200) {
-                this.$message.success(
-                  this.$t("message.laborMange.modifySuccess")
-                );
-                this.getTeamList(1);
-                if (type == "laborSubmit") {
-                  this.temporaryDialog1 = false;
-                } else if (type == "adminSubmit") {
-                  this.temporaryDialog2 = false;
-                }
-                this.resetForm(formName);
-                this.examinationFile = []; //体检报告
-                this.contractFile = []; //合同附件
-                this.employmentFile = []; //从业资格证书
-                this.idCardUpPhotoFile = []; //身份证头像
-                this.fieldAcquisitionFile = []; //现场采集人脸
-                this.closeDialog();
-              }
-            });
-          }
-        } else {
-          this.$message.error(
-            this.$t("message.laborMange.ThereAreRequiredFieldsLeftUnfilled")
-          );
-          return false;
-        }
-      });
-    },
-    uploadToHouseFn(value, id) {
-      console.log("value", value);
-      var json = {
-        isUploadHousing: value ? 1 : 0,
-        id: id,
-      };
-      console.log("isUploadHousing", json);
-      updateByIdWorkerInfo(json).then(console.log);
-    },
-    // 删除 人员信息
-    removeWorkerInfo(value) {
-      this.$confirm(
-        this.$t("message.laborMange.deleteHint"),
-        this.$t("message.laborMange.hint"),
-        {
-          confirmButtonText: this.$t("message.laborMange.confirm"),
-          cancelButtonText: this.$t("message.laborMange.cancel"),
-          type: "warning",
-        }
-      )
-        .then(() => {
-          let data = {
-            id: value.id,
-          };
-          deleteWorkerInfo(data).then((res) => {
-            if (res.code == 200) {
-              this.$message({
-                type: "success",
-                message: this.$t("message.laborMange.deleteSuccess"),
-              });
-              this.page =
-                this.page > 1 && this.tableListData.length == 1
-                  ? this.page - 1
-                  : this.page;
-              this.getTeamList(1);
-            }
-          });
-        })
-        .catch(console.log);
-    },
-
-    //查看 人员信息 详情
-    viewDetails(value) {
-      this.$router.push({
-        path: "/project/labor/personDetails",
-        query: {
-          id: value.id,
-        },
-      });
-      localStorage.setItem("showPersonModule", 1);
-    },
-
-    //列表数据 退场按钮
-    workerExitBtn(value, type) {
-      // type == 1 单条数据操作  2 批量操作
-      let arr = [];
-      if (type == 2 && this.checkedWorker.length > 0) {
-        for (let i in this.checkedWorker) {
-          arr.push(this.checkedWorker[i].id);
-        }
-      }
-      let data = {
-        workerIdStr: type == 1 ? value.id : arr.join(","),
-      };
-      this.$confirm(
-        this.$t("message.laborMange.bowOutWithHint"),
-        this.$t("message.laborMange.hint"),
-        {
-          confirmButtonText: this.$t("message.laborMange.confirm"),
-          cancelButtonText: this.$t("message.laborMange.cancel"),
-          type: "warning",
-        }
-      ).then(() => {
-        updateWorkerExit(data).then((res) => {
-          if (res.code == 200) {
-            this.getTeamList();
-            this.$message({
-              type: "success",
-              message: this.$t("message.laborMange.bowOutWitSuccess"),
-            });
-          }
-        });
-      });
-    },
-
-    //切换每页显示数量
-    handleSizeChange(val) {
-      this.pageSize = val;
-      this.getTableData();
-    },
-    //换页
-    handleCurrentChange(val) {
-      this.page = val;
-      sessionStorage.setItem("personPage", val);
-      this.getTableData();
-      this.$refs.multipleTable.bodyWrapper.scrollTop = 0;
-    },
-
-    //功能开发中
-    inDevelopment() {
-      this.$message.warning(
-        this.$t("message.laborMange.functionalDevelopment")
-      );
-    },
-
-    //查询按钮
-    inquireBtn() {
-      window._paq.push(["trackEvent", "点击", "查询", "查询人员信息"]);
-      this.page = 1;
-      this.getTableData();
-    },
-
-    //刷新按钮
-    refreshBtn() {
-      window._paq.push(["trackEvent", "点击", "刷新", "刷新人员信息"]);
-      this.page = 1;
-      this.tableParameter.idCard = "";
-      this.tableParameter.workerName = "";
-      this.tableParameter.inserviceType = "";
-      this.tableParameter.enterDate = "";
-      this.tableParameter.codeState = "";
-      this.getTableData();
-    },
-
-    //清空表单
-    resetForm(formName) {
-      this.aptitudeFileList = [];
-      this.logoFileList = [];
-      this.$refs[formName].resetFields();
-    },
-
-    // 文件上传 之前
-    handleBeforeUpload(file, type) {
-      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) {
-        if (
-          file.type != "image/jpeg" &&
-          file.type != "image/jpg"
-          // file.type != "image/png"
-        ) {
-          this.$message.error(this.$t("message.laborMange.hint8")); //"请上传jpg、jpeg格式图片"
-          return false;
-        }
-      }
-      return true;
-    },
-
-    //删除 身份证头像  或 现场采集照片
-    shutIconBtn(type) {
-      if (type == 0) {
-        this.personForm.idCardBigPhotoUrl = "";
-        this.idCardUpPhotoFile = [];
-      } else if (type == 1) {
-        this.personForm.fieldAcquisitionUrl = "";
-        this.fieldAcquisitionFile = [];
-        this.personForm.personSerial = "";
-        this.radio = "";
-      } else if (type == 2) {
-        this.personForm.idCardUpPhotoUrl = "";
-        this.idCardUpPhotoFile = [];
-      } else if (type == 3) {
-        this.personForm.idCardDownPhotoUrl = "";
-        this.idCardDownPhotoUrlFile = [];
-      }
-    },
-    // 临时人员
-    handleTemporaryRemove() {
-      if (file.status == "ready") {
-      } else {
-        this.$message.success(this.$t("message.laborMange.deleteSuccess"));
-        if (type == 1) {
-          this.addForm.fieldAcquisitionUrl = "";
-        }
-      }
-    },
-    //删除上传文件
-    handleRemove(file, type) {
-      if (file.status == "ready") {
-      } else {
-        this.$message.success(this.$t("message.laborMange.deleteSuccess"));
-        if (type == 1) {
-          this.enterpriseForm.enterpriseQualificationUrl = "";
-        } else if (type == 2) {
-          this.enterpriseForm.logo = "";
-        } else if (type == 3) {
-          let newArr = [];
-          let arrJoin = [];
-          for (let i = 0; i < this.examinationFile.length; i++) {
-            if (file.uid == this.examinationFile[i].uid) {
-              this.examinationFile.splice(i, 1);
-              newArr = this.examinationFile;
-            }
-          }
-          if (newArr.length > 0) {
-            for (let j = 0; j < newArr.length; j++) {
-              let data =
-                this.examinationFile[j].name +
-                "*" +
-                this.examinationFile[j].url;
-              arrJoin.push(data);
-            }
-          } else {
-            arrJoin = newArr;
-          }
-          this.personForm.examinationImage = arrJoin.join(",");
-        } else if (type == 4) {
-          let newArr = [];
-          let arrJoin = [];
-          for (let i = 0; i < this.contractFile.length; i++) {
-            if (file.uid == this.contractFile[i].uid) {
-              this.contractFile.splice(i, 1);
-              newArr = this.contractFile;
-            }
-          }
-          if (newArr.length > 0) {
-            for (let j = 0; j < newArr.length; j++) {
-              let data =
-                this.contractFile[j].name + "*" + this.contractFile[j].url;
-              arrJoin.push(data);
-            }
-          } else {
-            arrJoin = newArr;
-          }
-          this.personForm.contractImage = arrJoin.join(",");
-        } else if (type == 5) {
-          let newArr = [];
-          let arrJoin = [];
-          for (let i = 0; i < this.employmentFile.length; i++) {
-            if (file.uid == this.employmentFile[i].uid) {
-              this.employmentFile.splice(i, 1);
-              newArr = this.employmentFile;
-            }
-          }
-          if (newArr.length > 0) {
-            for (let j = 0; j < newArr.length; j++) {
-              let data =
-                this.employmentFile[j].name + "*" + this.employmentFile[j].url;
-              arrJoin.push(data);
-            }
-          } else {
-            arrJoin = newArr;
-          }
-          this.personForm.employmentCard = arrJoin.join(",");
-        } else if (type == 6) {
-          this.personForm.idCardBigPhotoUrl = "";
-        } else if (type == 7) {
-          this.personForm.fieldAcquisitionUrl = "";
-        } else if (type == 8) {
-          this.personForm.idCardUpPhotoUrl = "";
-        } else if (type == 9) {
-          this.personForm.idCardDownPhotoUrl = "";
-        }
-      }
-    },
-    //上传成功
-    handleSuccess(file, type, file2) {
-      console.log(file, type, file2);
-      // 新增企业  type ==  1 资质照片; 2 logo;
-      // 人员录入  type ==  3 体检报告; 4 合同附件; 5 从业资格证书; 6 身份证头像; 7 现场采集人脸; 8 身份证国徽面; 9 身份证人像面
-      if (file.code == 200 || file.status == "SUCCESS") {
-        // this.$message.success(this.$t("message.laborMange.uploadSuccessful"));
-        let obj = {};
-        for (let i in file.data) {
-          obj = { name: file.data[i].filename, url: file.data[i].imageUrl };
-        }
-
-        if (type == 1) {
-          this.enterpriseForm.enterpriseQualificationUrl = JSON.stringify(obj);
-          this.aptitudeFileList = [obj];
-        } else if (type == 2) {
-          this.enterpriseForm.logo = JSON.stringify(obj);
-          this.logoFileList = [obj];
-        } else if (type == 3) {
-          this.examinationFile.push(obj);
-          let arrJoin = [];
-          for (let i in this.examinationFile) {
-            let data =
-              this.examinationFile[i].name + "*" + this.examinationFile[i].url;
-            arrJoin.push(data);
-          }
-          this.personForm.examinationImage = arrJoin.join(",");
-        } else if (type == 4) {
-          this.contractFile.push(obj);
-          let arrJoin = [];
-          for (let i in this.contractFile) {
-            let data =
-              this.contractFile[i].name + "*" + this.contractFile[i].url;
-            arrJoin.push(data);
-          }
-          this.personForm.contractImage = arrJoin.join(",");
-        } else if (type == 5) {
-          this.employmentFile.push(obj);
-          let arrJoin = [];
-          for (let i in this.employmentFile) {
-            let data =
-              this.employmentFile[i].name + "*" + this.employmentFile[i].url;
-            arrJoin.push(data);
-          }
-          this.personForm.employmentCard = arrJoin.join(",");
-        } else if (type == 8) {
-          console.log("身份证正面上传", file);
-          let data = {
-            name: file.data[0].filename,
-            url: file.data[0].imageUrl,
-          };
-          this.discernId(file.data[0].imageUrl, 2);
-          this.personForm.idCardUpPhotoUrl = data.url;
-          this.idCardUpPhotoUrlFile = [data];
-          if (this.personForm.idCardDownPhotoUrl) {
-            this.$refs["personForm"].clearValidate("idCardUpPhotoUrl");
-          }
-        } else if (type == 9) {
-          let data = {
-            name: file.data[0].filename,
-            url: file.data[0].imageUrl,
-          };
-          this.discernId(file.data[0].imageUrl, 1);
-          this.personForm.idCardDownPhotoUrl = data.url;
-          this.idCardDownPhotoUrlFile = [data];
-          if (this.personForm.idCardUpPhotoUrl) {
-            this.$refs["personForm"].clearValidate("idCardUpPhotoUrl");
-          }
-        }
-      } else {
-        //清空
-        this.$message.error(file.message);
-        if (type == 1) {
-          this.aptitudeFileList = [];
-        } else if (type == 2) {
-          this.logoFileList = [];
-        } else if (type == 3) {
-          this.examinationFile = [];
-        } else if (type == 4) {
-          this.contractFile = [];
-        } else if (type == 5) {
-          this.employmentFile = [];
-        } else if (type == 6) {
-          this.idCardUpPhotoFile = [];
-        } else if (type == 7) {
-          this.fieldAcquisitionFile = [];
-        } else if (type == 8) {
-          this.idCardUpPhotoUrlFile = [];
-        } else if (type == 9) {
-          this.idCardDownPhotoUrlFile = [];
-        }
-      }
-    },
-    // 人员照片库比对
-    checkImgLibrary(url) {
-      console.log(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 {
-            if (this.temporaryDialog1 || this.temporaryDialog2) {
-              this.personForm.personSerial = "";
-              this.personForm.fieldAcquisitionUrl = url;
-              this.fieldAcquisitionFile = [{ name: "", url: url }];
-              this.cropperDialog = false;
-            } else {
-              this.addForm.personSerial = "";
-              this.addForm.fieldAcquisitionUrl = url;
-              this.fieldAcquisitionFile = [{ name: "", url: url }];
-              this.cropperDialog = false;
-            }
-          }
-          console.log(res, "-----人员库照片查询");
-        }
-      );
-    },
-    //人脸监测、
-    checkFace(url) {
-      checkFaceApi({ fileUrl: url }).then((res) => {
-        if (res.result.checkType == 1) {
-          if (this.temporaryDialog1 || this.temporaryDialog2) {
-            this.personForm.fieldAcquisitionUrl = url;
-            this.fieldAcquisitionFile = [{ name: "", url: url }];
-            this.cropperDialog = false;
-          } else {
-            this.addForm.fieldAcquisitionUrl = url;
-            this.fieldAcquisitionFile = [{ name: "", url: url }];
-            this.cropperDialog = false;
-          }
-        } else {
-          this.$message.error(res.result.message);
-        }
-      });
-    },
-    //保存截图
-    saveMapUrlFn() {
-      this.$refs.cropper.startCrop();
-      var _this = this;
-      this.$refs.cropper.getCropBlob((data) => {
-        const isLt2M = data.size / 1024 < 500;
-        if (!isLt2M) {
-          this.$message.error(this.$t("message.laborMange.hint9"));
-          return;
-        }
-        var param = new FormData();
-        param.append("files", data, "image.png");
-        _this.$http
-          .post("/upload/image", param, {
-            headers: {
-              "Content-Type": "multipart/form-data",
-            },
-          })
-          .then((res) => {
-            console.log("aaaaa", res);
-            if (res.data.status == "SUCCESS") {
-              if (this.isSzProject == 1) {
-                this.checkImgLibrary(res.data.data[0].imageUrl);
-              } else {
-                this.checkFace(res.data.data[0].imageUrl);
-              }
-            }
-          });
-      });
-    },
-    // 超出 上传文件 数量
-    handleExceed(file, type) {
-      this.$message.error(
-        this.$t("message.laborMange.uploadLimitHasBeenReached")
-      );
-    },
-    //查看图片
-    handleTemporaryPreview(file, type) {
-      if (type === 0) {
-        this.bigImageDialog = true;
-        this.bigImageUrl = file;
-      } else {
-        // 新增企业  type ==  1 资质照片; 2 logo;
-        // 人员录入  type ==  3 体检报告; 4 合同附件; 5 从业资格证书; 6 身份证头像; 7 现场采集人脸;
-        let fileType = null;
-        if (file.response) {
-          let url = file.response.data[0];
-          fileType = url.imageUrl.split(".")[1];
-        } else {
-          fileType = file.url.split(".")[1];
-        }
-        if (
-          fileType != "jpg" &&
-          fileType != "jpeg" &&
-          fileType != "png" &&
-          fileType != "bmp" &&
-          fileType != "gif"
-        ) {
-          window.open(this.fileUrl + file.url);
-          //type== 0 直接查看列表中的图片
-        } else {
-          this.bigImageDialog = true;
-          this.bigImageUrl = file.response
-            ? this.fileUrl + file.response.data[0].imageUrl
-            : this.fileUrl + file.url;
-        }
-      }
-    },
-    //查看图片
-    handlePreview(file, type) {
-      if (type === 0) {
-        this.bigImageDialog = true;
-        this.bigImageUrl = file;
-      } else {
-        // 新增企业  type ==  1 资质照片; 2 logo;
-        // 人员录入  type ==  3 体检报告; 4 合同附件; 5 从业资格证书; 6 身份证头像; 7 现场采集人脸;
-        let fileType = null;
-        if (file.response) {
-          let url = file.response.data[0];
-          fileType = url.imageUrl.split(".")[1];
-        } else {
-          fileType = file.url.split(".")[1];
-        }
-        if (
-          fileType != "jpg" &&
-          fileType != "jpeg" &&
-          fileType != "png" &&
-          fileType != "bmp" &&
-          fileType != "gif"
-        ) {
-          window.open(this.fileUrl + file.url);
-          //type== 0 直接查看列表中的图片
-        } else {
-          this.bigImageDialog = true;
-          this.bigImageUrl = file.response
-            ? this.fileUrl + file.response.data[0].imageUrl
-            : this.fileUrl + file.url;
-        }
-      }
-    },
-
-    //上传失败
-    handleError(file, type) {
-      this.$message.error(this.$t("message.laborMange.pleaseReupload"));
-    },
-    //点击全选时
-    handleCheckAllChange(val) {
-      let checkedLst = val ? this.tableListData : [];
-      this.isIndeterminate = false;
-      for (let i in this.tableListData) {
-        if (checkedLst.length > 0 && this.tableListData[i].inserviceType == 1) {
-          this.$refs.multipleTable.toggleRowSelection(
-            this.tableListData[i],
-            true
-          );
-        } else {
-          this.$refs.multipleTable.toggleRowSelection(
-            this.tableListData[i],
-            false
-          );
-        }
-      }
-    },
-    // 获取 多选  选中的  数据
-    handleCheckedCitiesChange(value) {
-      if (value.length == 0) {
-        this.$nextTick(() => {
-          this.$refs.multipleTable.toggleRowSelection([], false);
-        });
-        this.checkAll = false;
-        this.isIndeterminate = false;
-        this.checkedWorker = [];
-      } else {
-        this.checkedWorker = value;
-        let checkedCount = value.length;
-        this.checkAll = checkedCount === this.tableListData.length;
-        this.isIndeterminate =
-          checkedCount > 0 && checkedCount < this.tableListData.length;
-      }
-    },
-
-    // 离职状态 不能多选
-    selectEnable(row, rowIndex) {
-      if (row.inserviceType == 1) {
-        return true;
-      } else {
-        return false;
-      }
-    },
-    //批量移动按钮
-    batchMove() {
-      this.batchMoveDialog = true;
-      this.batchMoveForm = {
-        teamId: "",
-        departmentId: "",
-        enterpriseId: "",
-      };
-      setTimeout(() => {
-        this.$refs["batchMoveForm"].clearValidate();
-      }, 120);
-      this.changeMoveCompany(this.checkedId);
-    },
-    //选择批量移动的 公司时
-    changeMoveCompany(value) {
-      this.batchMoveForm.teamId = "";
-      let data = {
-        enterpriseId: value,
-        projectSn: this.projectSn,
-      };
-      getTeamInfoList(data).then((res) => {
-        if (res.code == 200) {
-          this.moveTeamList = res.result;
-        }
-      });
-    },
-
-    //批量移动 保存按钮
-    saveBatchMove(formName) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          let data = this.batchMoveForm;
-          let arr = [];
-          if (this.checkedWorker.length > 0) {
-            for (let i in this.checkedWorker) {
-              arr.push(this.checkedWorker[i].id);
-            }
-          }
-          data.workerIdStr = arr.join(",");
-          updateWorkerTeam(data).then((res) => {
-            if (res.code == 200) {
-              this.batchMoveDialog = false;
-              this.$message.success(
-                this.$t("message.laborMange.mobileSuccess")
-              );
-              this.getTeamList();
-              this.resetForm(formName);
-            }
-          });
-        } else {
-          return false;
-        }
-      });
-    },
-
-    //新增 人员  输入身份证 自动获取 出身日期  性别
-    changeIdCard(value) {
-      if (value.length < 18) {
-        this.$message.error(
-          this.$t("message.laborMange.PleaseEnterYourFullIDNumber")
-        );
-        return;
-      } else {
-        let birth = this.getBirth(value);
-        let sex = this.getSex(value);
-        this.personForm.sex = Number(sex);
-        this.personForm.birthday = birth;
-      }
-    },
-    // 获取 出生日期
-    getBirth(idCard) {
-      var birthday = "";
-      if (idCard != null && idCard != "") {
-        if (idCard.length == 15) {
-          birthday = "19" + idCard.slice(6, 12);
-        } else if (idCard.length == 18) {
-          birthday = idCard.slice(6, 14);
-        }
-        birthday = birthday.replace(/(.{4})(.{2})/, "$1-$2-");
-        //通过正则表达式来指定输出格式为:1990-01-01
-      }
-      return birthday;
-    },
-    //获取 性别 男女
-    getSex(idCard) {
-      var sexStr = "";
-      if (parseInt(idCard.slice(-2, -1)) % 2 == 1) {
-        sexStr = "1";
-      } else {
-        sexStr = "2";
-      }
-      return sexStr;
-    },
-
-    //下载插件
-    downloadPlugIn() {
-      window.open("http://139.159.226.224:9000/itbgp/file/IDCamera1.0.rar");
-    },
-
-    //打开摄像头
-    turnOnTheCamera(type) {
-      var ws = new WebSocket("ws://127.0.0.1:1818");
-      this.webSocket = ws;
-      ws.onopen = (event) => {
-        this.onopen(event, type);
-      };
-
-      ws.onmessage = (event) => {
-        this.onmessage(event, type);
-      };
-
-      ws.onerror = this.onerror;
-    },
-    //发送链接设备请求
-    onopen(event, type) {
-      if (type == 1) {
-        // 识别身份证
-        this.webSocket.send("ReadCard(1001,C:\\Doccamera\\)");
-      } else if (type == 2) {
-        //打开人脸 摄像头
-        this.webSocket.send("OpenFaceFrame(1)");
-        this.webSocket.send("vSetResolutionEx(2,3)");
-        this.webSocket.send("bStartPlay2");
-      } else {
-        //文件 打开识别摄像头
-        this.webSocket.send("OpenFaceFrame(0)");
-        this.webSocket.send("vSetResolutionEx(2,3)");
-        this.webSocket.send("bStartPlay");
-      }
-    },
-    //接收服务器返回的信息
-    onmessage(event, type) {
-      //结束通讯
-      if (
-        event.data.indexOf("BeginbStopPlaytrueEndbStopPlay") >= 0 ||
-        event.data.indexOf("BeginbStopPlayfalseEndbStopPlay") >= 0 ||
-        event.data.indexOf("BeginbStartPlayfalseEndbStartPlay") >= 0 ||
-        event.data.indexOf("BeginbStartPlay2falseEndbStartPlay2") >= 0 ||
-        event.data.indexOf("BeginOpenFaceFrametrueEndOpenFaceFrame") >= 0
-      ) {
-        this.instrUmentScreenDialog = false;
-        return;
-      } else if (
-        event.data.indexOf("BeginbStopPlaytrueEndbStopPlay") == -1 &&
-        event.data.indexOf("BeginReadCard") == -1
-      ) {
-        this.instrUmentScreenDialog = true;
-      }
-      if (event.data.indexOf("BeginReadCard") >= 0) {
-        //获取身份证信息
-        if (event.data == "BeginReadCardEndReadCard") {
-          this.$message.error(
-            this.$t("message.laborMange.failedToObtainIdentityInformation")
-          );
-          return;
-        } else {
-          // 截取掉 多余的字符
-          let data = JSON.parse(
-            event.data.replace("BeginReadCard", "").replace("EndReadCard", "")
-          );
-          //身份证 人脸照片
-          this.uploadFile(data.PhotoB64, 1);
-          //身份证 国徽面
-          this.uploadFile(data.BackB64, 2);
-          //身份证 人像面
-          this.uploadFile(data.FrontB64, 3);
-          this.$refs["personForm"].clearValidate();
-          this.personForm.nativePlace = data.Address;
-          this.personForm.issuingAuthorityForIdcard = data.Agency;
-          this.personForm.nation =
-            data.Folk + this.$t("message.laborMange.clan");
-          this.personForm.workerName = data.Name;
-          this.personForm.idCard = data.IdNo;
-          //截取身份证有效日期
-          let date = data.Valid.split("-");
-          this.personForm.idCardEndDate = date[1] == "长期" ? "" : date[1];
-          this.personForm.longTerm = date[1] == "长期" ? true : false;
-          this.changeIdCard(data.IdNo);
-        }
-      } else if (event.data.indexOf("BeginBase64") >= 0) {
-        if (type == 2) {
-          this.$message.success(
-            this.$t("message.laborMange.takePhotosSuccess")
-          );
-          // 上传的是现场采集照片
-          let url = JSON.parse(JSON.stringify(event.data.substring(11)));
-          this.uploadFile(url, 4);
-        } else if (type == 5) {
-          //合同附件
-          if (this.contractFile.length >= 3) {
-            this.$message.error(
-              this.$t("message.laborMange.uploadLimitHasBeenReached")
-            );
-            return;
-          } else {
-            this.$message.success(
-              this.$t("message.laborMange.takePhotosSuccess")
-            );
-            let url = JSON.parse(JSON.stringify(event.data.substring(11)));
-            this.uploadFile(url, 5);
-          }
-        } else if (type == 6) {
-          //从业资格证书
-          if (this.employmentFile.length >= 3) {
-            this.$message.error(
-              this.$t("message.laborMange.uploadLimitHasBeenReached")
-            );
-            return;
-          } else {
-            this.$message.success(
-              this.$t("message.laborMange.takePhotosSuccess")
-            );
-            let url = JSON.parse(JSON.stringify(event.data.substring(11)));
-            this.uploadFile(url, 6);
-          }
-        } else if (type == 7) {
-          //体检报告
-          if (this.examinationFile.length >= 3) {
-            this.$message.error(
-              this.$t("message.laborMange.uploadLimitHasBeenReached")
-            );
-            return;
-          } else {
-            this.$message.success(
-              this.$t("message.laborMange.takePhotosSuccess")
-            );
-            let url = JSON.parse(JSON.stringify(event.data.substring(11)));
-            this.uploadFile(url, 7);
-          }
-        }
-      } else {
-        //显示的图像
-        this.umentScreenUrl = this.base64Type + event.data;
-      }
-    },
-    onerror() {
-      this.$message.error(this.$t("message.laborMange.failedToConnectDevice"));
-    },
-
-    //保存 并 关闭
-    onclose(type) {
-      if (type == 1) {
-        this.webSocket.send("sGetBase64");
-      } else if (type == 2) {
-        this.webSocket.send("bStopPlay");
-      }
-    },
-
-    //上传现场采集照片发到服务器
-    uploadFile(url, type) {
-      let param = new FormData(); //创建form对象
-      // if(url.endsWidth('EndBase64')){
-      url = url.replace("EndBase64", "");
-      // }
-      param.append("base64Image", this.base64Type + url); //通过append向form对象添加数据
-      this.$http({
-        url: "/upload/uploadBase64",
-        method: "post",
-        data: param,
-        headers: {
-          "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8",
-        },
-      }).then((res) => {
-        if ((res.status = "SUCCESS")) {
-          if (type == 1) {
-            this.personForm.idCardBigPhotoUrl = res.data.data.imageUrl;
-          } else if (type == 2) {
-            this.personForm.idCardUpPhotoUrl = res.data.data.imageUrl;
-          } else if (type == 3) {
-            this.personForm.idCardDownPhotoUrl = res.data.data.imageUrl;
-          } else if (type == 4) {
-            this.personForm.fieldAcquisitionUrl = res.data.data.imageUrl;
-          } else if (type == 5) {
-            let arr =
-              this.personForm.contractImage != ""
-                ? this.personForm.contractImage.split(",")
-                : [];
-            let newUrl =
-              this.$t("message.laborMange.contract") +
-              (arr.length + 1) +
-              "*" +
-              res.data.data.imageUrl;
-            let data = {
-              name: this.$t("message.laborMange.contract") + (arr.length + 1),
-              url: res.data.data.imageUrl,
-            };
-            arr.push(newUrl);
-            this.personForm.contractImage = arr.join(",");
-            this.contractFile.push(data);
-          } else if (type == 6) {
-            let arr =
-              this.personForm.employmentCard != ""
-                ? this.personForm.employmentCard.split(",")
-                : [];
-            let newUrl =
-              this.$t("message.laborMange.certificate") +
-              (arr.length + 1) +
-              "*" +
-              res.data.data.imageUrl;
-            let data = {
-              name:
-                this.$t("message.laborMange.certificate") + (arr.length + 1),
-              url: res.data.data.imageUrl,
-            };
-            arr.push(newUrl);
-            this.personForm.employmentCard = arr.join(",");
-            this.employmentFile.push(data);
-          } else if (type == 7) {
-            let arr =
-              this.personForm.examinationImage != ""
-                ? this.personForm.examinationImage.split(",")
-                : [];
-            let newUrl =
-              this.$t("message.laborMange.physical") +
-              (arr.length + 1) +
-              "*" +
-              res.data.data.imageUrl;
-            let data = {
-              name: this.$t("message.laborMange.physical") + (arr.length + 1),
-              url: res.data.data.imageUrl,
-            };
-            arr.push(newUrl);
-            this.personForm.examinationImage = arr.join(",");
-            this.examinationFile.push(data);
-          }
-        } else {
-          this.$message.error(
-            this.$t("message.laborMange.PhotoUploadingToServerFailed")
-          );
-        }
-      });
-    },
-
-    //身份证识别
-    discernId(url, type) {
-      let data = {
-        imageUrl: this.fileUrl + url,
-        side: type,
-      };
-      getIdCardInfoApi(data).then((res) => {
-        console.log("返回值", res);
-        if (res.code == 200) {
-          console.log("成了吗", res);
-          let val = res.result;
-          if (type == 1) {
-            this.personForm.nation =
-              val.ethnicity + this.$t("message.laborMange.clan");
-            this.personForm.sex = val.sex == "男" ? 1 : 2;
-            this.personForm.workerName = val.name;
-            this.personForm.birthday = val.birth;
-            this.personForm.nativePlace = val.address;
-            this.personForm.idCard = val.number;
-          } else {
-            this.personForm.issuingAuthorityForIdcard = val.issue;
-            this.personForm.idCardEndDate =
-              val.valid_to != "长期" ? val.valid_to : "";
-            this.personForm.longTerm = val.valid_to == "长期" ? true : false;
-          }
-        } else {
-          this.$message.error(this.$t("message.laborMange.hint10"));
-        }
-      });
-    },
+    }
   },
   watch: {
     comboFormVisible: function(newValue, oldValue) {
       console.log(newValue, 666);
       if (newValue) {
-        this.typeRadio = 1;
-        this.temporaryDialog1 = true;
-        this.personnelEntry();
+        this.laborDialogVisible = true;
       }
     },
   },
@@ -4931,440 +85,4 @@ export default {
 </script>
 <style lang="less" scoped>
 @import "./laborPersonCommon.less";
-::v-deep .el-button--medium {
-  padding: 9px 16px;
-}
-.laborComponent {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-}
-.left2 {
-  width: 370px;
-  // background: #fbfbfb;
-  height: 100%;
-  position: relative;
-  .placeholder {
-    width: 339px;
-    height: 42px;
-  }
-  .left_list {
-    width: 100%;
-    text-align: center;
-    height: calc(100% - 61px);
-    .list_content {
-      height: calc(100% - 114px);
-      overflow-y: hidden;
-      margin-bottom: 60px;
-    }
-    .list_content:hover {
-      overflow-y: auto;
-    }
-    .list_content::-webkit-scrollbar {
-      /*滚动条整体样式*/
-      width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
-      height: 1px;
-    }
-    .list_content::-webkit-scrollbar-thumb {
-      /*滚动条里面小方块*/
-      border-radius: 5px;
-      // box-shadow: inset 0 0 5px #C1C1C1;
-      background: #c1c1c1;
-    }
-    .list_content::-webkit-scrollbar-track {
-      /*滚动条里面轨道*/
-      // box-shadow: inset 0 0 5px #C1C1C1;
-      border-radius: 5px;
-      background: #f1f1f1;
-    }
-  }
-  .el-menu-vertical-demo {
-    text-align: left;
-  }
-  .addFirm {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    height: 45px;
-    line-height: 45px;
-    color: rgba(81, 129, 246, 1);
-    font-size: 15px;
-    text-align: center;
-    background: #fff;
-    border-top: 1px solid #e6e6e6;
-    font-family: PingFangSC-Regular;
-    cursor: pointer;
-  }
-  .content_data {
-    padding: 0 20px;
-    box-sizing: border-box;
-    height: 43px;
-    line-height: 43px;
-    cursor: pointer;
-    .enterpriseName {
-      width: 80%;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      text-align: left;
-    }
-    .enterpriseName2 {
-      text-align: left;
-      width: 100%;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-  }
-  .checkedName {
-    background-color: rgba(81, 129, 246, 0.1);
-    border-left: 3px solid #5181f6;
-    padding-left: 17px;
-  }
-}
-/deep/ .el-form--label-top .el-form-item__label {
-  padding: 0;
-}
-// 照片导入
-.importImgDialog {
-  /deep/.el-dialog__body {
-    padding: 15px 20px;
-  }
-}
-.import-content {
-  .alarm-content {
-    display: flex;
-    align-items: center;
-    margin-left: 104px;
-    .el-icon-warning-outline {
-      color: #ea3941;
-      font-size: 23px;
-    }
-    div {
-      width: 405px;
-      line-height: 18px;
-      font-family: Source Han Sans CN, Source Han Sans CN;
-      font-weight: 400;
-      font-size: 12px;
-      color: #ea3941;
-      margin: 5px;
-    }
-  }
-  .import-operation {
-    display: flex;
-    margin-top: 5px;
-    margin-left: 136px;
-    span {
-      font-family: Source Han Sans CN, Source Han Sans CN;
-      font-weight: 400;
-      font-size: 14px;
-      color: #272d45;
-      margin-right: 10px;
-    }
-    > div {
-      .upload-demo {
-        width: 321px;
-        height: 45px;
-        /deep/.el-upload {
-          width: 100%;
-          height: 100%;
-          .el-upload-dragger {
-            width: 100%;
-            height: 100%;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            .el-icon-upload {
-              color: #a2a4af;
-              font-size: 20px;
-              margin: 0px;
-              margin-right: 5px;
-            }
-            .el-upload__text {
-              font-family: Source Han Sans CN, Source Han Sans CN;
-              font-weight: 400;
-              font-size: 14px;
-              color: #a2a4af;
-            }
-          }
-        }
-      }
-    }
-  }
-  .upload-tip {
-    width: 321px;
-    margin-left: 215px;
-    margin-top: 5px;
-    font-family: Source Han Sans CN, Source Han Sans CN;
-    font-weight: 400;
-    font-size: 12px;
-    line-height: 18px;
-    color: #a2a4af;
-  }
-  .upload-tip-sub {
-    width: 321px;
-    margin-left: 215px;
-    margin-top: 5px;
-    font-family: Source Han Sans CN, Source Han Sans CN;
-    font-weight: 400;
-    font-size: 14px;
-    color: #5181f6;
-    line-height: 16px;
-  }
-}
-.dialog_content {
-  padding: 0 100px;
-  .el-form-item--small.el-form-item {
-    margin-bottom: 10px;
-  }
-}
-.addPerson_content {
-  padding: 0 25px;
-  .el-form-item--small.el-form-item {
-    margin-bottom: 10px;
-  }
-  .type-change {
-    margin: 5px 0px;
-  }
-}
-
-.shut_icon {
-  position: absolute;
-  right: -11px;
-  top: -11px;
-  z-index: 1000;
-  margin: 5px;
-  cursor: pointer;
-}
-.dialog_content {
-  height: 617px;
-  padding: 0 20px;
-}
-.examination {
-  margin-top: -30px;
-}
-.custom-tree-node {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 90%;
-  padding-right: 10px;
-  box-sizing: border-box;
-}
-/deep/ .el-tree-node__content {
-  height: 36px;
-}
-
-/deep/ .el-tree-node.is-current > .el-tree-node__content {
-  background-color: rgba(168, 191, 230, 0.69) !important;
-}
-
-/deep/ .el-tree-node__content:hover {
-  background: transparent;
-}
-
-/deep/ .el-tree-node__expand-icon {
-  font-size: 20px;
-}
-.img-list {
-  .form-label {
-    margin-bottom: 20px;
-    span {
-      color: #f56c6c;
-    }
-  }
-  .radio-box {
-    padding: 0 30px;
-  }
-  /deep/.el-radio {
-    display: inline-flex;
-    align-items: center;
-    margin-right: 30px;
-    margin-bottom: 20px;
-  }
-  .btn-box {
-    margin-top: 30px;
-    display: flex;
-    justify-content: space-around;
-  }
-}
-.administration {
-  //   width: 100%;
-  //   height: 100%;
-  .left2 {
-    width: 370px;
-    height: 100%;
-    position: relative;
-    .placeholder {
-      width: 339px;
-      height: 42px;
-    }
-    .left_list {
-      width: 370px;
-      text-align: center;
-      height: calc(100% - 61px);
-      .list_content {
-        height: calc(100% - 114px);
-        overflow-y: hidden;
-        margin-bottom: 60px;
-      }
-      .list_content:hover {
-        overflow-y: auto;
-      }
-      .list_content::-webkit-scrollbar {
-        /*滚动条整体样式*/
-        width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
-        height: 1px;
-      }
-      .list_content::-webkit-scrollbar-thumb {
-        /*滚动条里面小方块*/
-        border-radius: 5px;
-        background: #c1c1c1;
-      }
-      .list_content::-webkit-scrollbar-track {
-        /*滚动条里面轨道*/
-        border-radius: 5px;
-        background: #f1f1f1;
-      }
-    }
-    .el-menu-vertical-demo {
-      text-align: left;
-    }
-    .addFirm {
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      right: 0;
-      height: 45px;
-      line-height: 45px;
-      color: rgba(81, 129, 246, 1);
-      font-size: 15px;
-      text-align: center;
-      background: #fff;
-      border-top: 1px solid #e6e6e6;
-      font-family: PingFangSC-Regular;
-      cursor: pointer;
-    }
-    .content_data {
-      padding: 0 20px;
-      box-sizing: border-box;
-      height: 43px;
-      line-height: 43px;
-      cursor: pointer;
-      .enterpriseName {
-        width: 80%;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        text-align: left;
-      }
-      .enterpriseName2 {
-        text-align: left;
-        width: 100%;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-    }
-    .checkedName {
-      background-color: rgba(81, 129, 246, 0.1);
-      border-left: 3px solid #5181f6;
-      padding-left: 17px;
-    }
-  }
-  .right2 {
-    margin-left: 11px !important;
-  }
-  .fixed_title {
-    height: 38px;
-    line-height: 38px;
-    font-weight: 600;
-    background: #ededed;
-    padding-left: 15px;
-    // margin-top: -15px;
-    margin-bottom: 10px;
-    margin-left: -15px;
-  }
-}
-.temporary {
-  //   width: 100%;
-  //   height: 100%;
-  height: auto !important;
-  .placeholder {
-    width: 100%;
-    height: 41px;
-    border-bottom: 1px solid #e6e6e6;
-  }
-  .content {
-    padding: 15px 0;
-    box-sizing: border-box;
-    width: 100%;
-    height: calc(100% - 42px);
-  }
-  .title_wrap {
-    width: 100%;
-    box-sizing: border-box;
-    padding: 0 20px;
-    border-bottom: 2px solid @borderColor;
-  }
-  .titleStyle {
-    width: 100%;
-    font-size: 14px;
-    font-weight: 600;
-    margin: -15px 0 15px;
-    background: #ededed;
-    padding: 10px 15px;
-    box-sizing: border-box;
-  }
-  .uploadImage_wrap {
-    margin: 10px 0 0 0;
-    .position {
-      position: relative;
-    }
-    .shut_icon {
-      position: absolute;
-      top: -11px;
-      right: -11px;
-      z-index: 100;
-      margin: 5px;
-      cursor: pointer;
-    }
-  }
-  .required {
-    color: #f56c6c;
-  }
-  .workerName {
-    color: #5181f6;
-    font-size: 18px;
-    margin-bottom: 10px;
-    cursor: pointer;
-  }
-  .bigImageDialog {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(0, 0, 0, 0.5);
-    text-align: center;
-    z-index: 1000000;
-    overflow-y: auto;
-    // padding-bottom: 50px;
-    height: 100%;
-    .bigImageContent {
-      height: 100%;
-      margin: 0 auto;
-      text-align: center;
-    }
-    img {
-      // margin-top: 10%;
-      position: relative;
-      top: 10%;
-      max-height: 80%;
-      max-width: 80%;
-    }
-  }
-}
 </style>
diff --git a/src/views/projectFront/laborManage/components/comboForm/dialogPage/adminDialog.vue b/src/views/projectFront/laborManage/components/comboForm/dialogPage/adminDialog.vue
new file mode 100644
index 00000000..9b596980
--- /dev/null
+++ b/src/views/projectFront/laborManage/components/comboForm/dialogPage/adminDialog.vue
@@ -0,0 +1,3848 @@
+<template>
+  <div class="comboComponent">
+    <!-- 管理人员录入弹窗 -->
+    <el-dialog
+      :modal-append-to-body="false"
+      :title="personDialogTitle"
+      :visible.sync="visible"
+      :close-on-click-modal="false"
+      width="969px"
+    >
+      <vue-scroll style="height: 650px">
+        <div
+          class="dialog_content addPerson_content administration"
+          ref="personDialog"
+        >
+          <div class="fixed_title" style="padding-top: 5px">
+            {{ $t("message.laborMange.essential") }}
+          </div>
+          <el-form
+            size="small"
+            ref="personForm"
+            label-position="top"
+            :model="personForm"
+            label-width="80px"
+            :rules="rules2"
+          >
+            <el-row :gutter="24">
+              <el-col :span="16">
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item label="所属企业" prop="enterpriseId">
+                      <el-select
+                        v-model="personForm.enterpriseId"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        @change="enterpriseChange"
+                      >
+                        <el-option
+                          v-for="item in enterpriseListData"
+                          :key="item.id"
+                          :label="item.enterpriseName"
+                          :value="item.id"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item label="所属人员类型" prop="personType">
+                      <el-select
+                        v-model="personForm.personType"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        @change="personTypeChange"
+                      >
+                        <el-option
+                          v-for="(item, index) in memberTypeList"
+                          :key="index"
+                          :label="item.name"
+                          :value="item.value"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item label="所属班组/部门" prop="departmentId">
+                      <el-select
+                        v-model="personForm.departmentId"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        :disabled="titleType == 'detail'"
+                      >
+                        <el-option
+                          v-for="item in departmentListData"
+                          :key="item.id"
+                          :label="item.departmentName"
+                          :value="item.id"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.compellation')"
+                      prop="workerName"
+                    >
+                      <el-input
+                        v-model="personForm.workerName"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                        :disabled="titleType == 'detail'"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.frontAndBackOfIdCard')"
+                      prop="idCardUpPhotoUrl"
+                      :rules="[
+                        {
+                          // required:
+                          //   !personForm.idCardUpPhotoUrl ||
+                          //   !personForm.idCardDownPhotoUrl,
+                          message: $t('message.laborMange.compellation'),
+                          trigger: 'submit',
+                        },
+                      ]"
+                    >
+                      <div class="flex3" style="width: 160px">
+                        <div>
+                          <div
+                            v-if="personForm.idCardUpPhotoUrl"
+                            style="
+                                position: relative;
+                                width: 60px;
+                                height: 38px;
+                              "
+                          >
+                            <img
+                              :src="fileUrl + personForm.idCardUpPhotoUrl"
+                              style="width: 60px; height: 38px"
+                              @click="
+                                handlePreview(
+                                  fileUrl + personForm.idCardUpPhotoUrl,
+                                  0
+                                )
+                              "
+                            />
+                            <img
+                              v-if="
+                                personForm.idCardUpPhotoUrl &&
+                                  titleType != 'detail'
+                              "
+                              src="@/assets/images/shut_icon.png"
+                              width="15px"
+                              height="15px"
+                              class="shut_icon"
+                              @click="shutIconBtn(2)"
+                            />
+                          </div>
+                          <el-upload
+                            v-else
+                            class="upload-demo identity_card"
+                            :action="uploadUrl"
+                            :on-remove="(file) => handleRemove(file, 1)"
+                            :on-success="(file) => handleSuccess(file, 1)"
+                            :on-error="(file) => handleError(file, 1)"
+                            :on-preview="(file) => handlePreview(file, 1)"
+                            :beforeUpload="
+                              (file) => handleBeforeUpload(file, 1)
+                            "
+                            name="files"
+                            :class="titleType == 'detail' ? 'margin_top35' : ''"
+                            :file-list="idCardUpPhotoUrlFile"
+                            :disabled="titleType == 'detail'"
+                            :show-file-list="false"
+                          >
+                            <img src="@/assets/images/cockade.png" />
+                            <!-- <el-button type="primary" v-if="personDialogTitle!='管理人员信息详情'">上传国徽面</el-button> -->
+                          </el-upload>
+                        </div>
+                        <div>
+                          <div
+                            v-if="personForm.idCardDownPhotoUrl"
+                            style="
+                                position: relative;
+                                width: 60px;
+                                height: 38px;
+                              "
+                          >
+                            <img
+                              :src="fileUrl + personForm.idCardDownPhotoUrl"
+                              style="width: 60px; height: 38px"
+                              @click="
+                                handlePreview(
+                                  fileUrl + personForm.idCardDownPhotoUrl,
+                                  0
+                                )
+                              "
+                            />
+                            <img
+                              v-if="
+                                personForm.idCardDownPhotoUrl &&
+                                  titleType != 'detail'
+                              "
+                              src="@/assets/images/shut_icon.png"
+                              width="15px"
+                              height="15px"
+                              class="shut_icon"
+                              @click="shutIconBtn(3)"
+                            />
+                          </div>
+                          <el-upload
+                            v-else
+                            class="upload-demo identity_card"
+                            :action="uploadUrl"
+                            :on-remove="(file) => handleRemove(file, 2)"
+                            :on-success="(file) => handleSuccess(file, 2)"
+                            :on-error="(file) => handleError(file, 2)"
+                            :on-preview="(file) => handlePreview(file, 2)"
+                            :beforeUpload="
+                              (file) => handleBeforeUpload(file, 2)
+                            "
+                            name="files"
+                            :class="titleType == 'detail' ? 'margin_top35' : ''"
+                            :file-list="idCardDownPhotoUrlFile"
+                            :disabled="titleType == 'detail'"
+                            :show-file-list="false"
+                          >
+                            <img src="@/assets/images/portrait.png" />
+                            <!-- <el-button type="primary" v-if="personDialogTitle!='管理人员信息详情'">上传人像面</el-button> -->
+                          </el-upload>
+                        </div>
+                      </div>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.dateOfEntry')"
+                      prop="enterDate"
+                    >
+                      <el-date-picker
+                        v-model="personForm.enterDate"
+                        type="date"
+                        :placeholder="
+                          $t('message.laborMange.pleaseSelectADate')
+                        "
+                        value-format="yyyy-MM-dd"
+                        style="width: 100%"
+                        :disabled="titleType == 'detail'"
+                      ></el-date-picker>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.IdNumber2')"
+                      prop="idCard"
+                    >
+                      <el-input
+                        v-model="personForm.idCard"
+                        :disabled="titleType == 'detail'"
+                        @change="changeIdCard"
+                        maxlength="18"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.phone')"
+                      prop="phoneNumber"
+                    >
+                      <el-input
+                        v-model="personForm.phoneNumber"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                        :disabled="titleType == 'detail'"
+                        oninput="if(value.length>11)value=value.slice(0,11)"
+                        type="number"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item :label="$t('message.laborMange.mailbox')">
+                      <el-input
+                        v-model="personForm.personMail"
+                        :placeholder="
+                          titleType != 'detail' &&
+                            $t('message.laborMange.placeholder2')
+                        "
+                        :disabled="titleType == 'detail'"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.sex')"
+                      prop="sex"
+                    >
+                      <el-radio-group
+                        v-model="personForm.sex"
+                        :disabled="titleType == 'detail'"
+                      >
+                        <el-radio :label="1">{{
+                          $t("message.laborMange.man")
+                        }}</el-radio>
+                        <el-radio :label="2">{{
+                          $t("message.laborMange.female")
+                        }}</el-radio>
+                      </el-radio-group>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.politicsStatus')"
+                      prop="politicsStatus"
+                    >
+                      <el-select
+                        v-model="personForm.politicsStatus"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        v-if="
+                          titleType != 'detail' ||
+                            (personForm.politicsStatus && titleType == 'detail')
+                        "
+                        :disabled="titleType == 'detail'"
+                      >
+                        <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>
+                      <el-input v-else :disabled="true"></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.maritalStatus')"
+                      prop="marry"
+                    >
+                      <el-select
+                        v-model="personForm.marry"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        :disabled="titleType == 'detail'"
+                        v-if="
+                          titleType != 'detail' ||
+                            (personForm.marry && titleType == 'detail')
+                        "
+                      >
+                        <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>
+                      <el-input v-else :disabled="true"></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item :label="$t('message.laborMange.dateOfBirth')">
+                      <el-date-picker
+                        v-model="personForm.birthday"
+                        type="date"
+                        :placeholder="
+                          $t('message.laborMange.pleaseSelectADate')
+                        "
+                        value-format="yyyy-MM-dd"
+                        style="width: 100%"
+                        :disabled="titleType == 'detail'"
+                        v-if="
+                          titleType != 'detail' ||
+                            (personForm.birthday && titleType == 'detail')
+                        "
+                      ></el-date-picker>
+                      <el-input v-else :disabled="true"></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.nation')"
+                      prop="nation"
+                    >
+                      <el-select
+                        v-model="personForm.nation"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        :disabled="titleType == 'detail'"
+                      >
+                        <el-option
+                          v-for="(item, index) in nationList"
+                          :key="index"
+                          :label="item.name"
+                          :value="item.name"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.educationBackground')"
+                      prop="educational"
+                    >
+                      <el-select
+                        v-model="personForm.educational"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        :disabled="titleType == 'detail'"
+                        v-if="
+                          titleType != 'detail' ||
+                            (personForm.educational && titleType == 'detail')
+                        "
+                      >
+                        <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>
+                      <el-input v-else :disabled="true"></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.nativePlace')"
+                      prop="nativePlace"
+                    >
+                      <el-input
+                        v-model="personForm.nativePlace"
+                        :placeholder="
+                          titleType != 'detail' &&
+                            $t('message.laborMange.placeholder2')
+                        "
+                        :disabled="titleType == 'detail'"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.issuingAuthority')"
+                      prop="issuingAuthorityForIdcard"
+                    >
+                      <el-input
+                        v-model="personForm.issuingAuthorityForIdcard"
+                        :disabled="titleType == 'detail'"
+                        :placeholder="
+                          titleType != 'detail' &&
+                            $t('message.laborMange.pleaseAuthority')
+                        "
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.effectiveDate')"
+                      :prop="
+                        personForm.longTerm || personForm.longTerm == 1
+                          ? ''
+                          : 'idCardEndDate'
+                      "
+                    >
+                      <el-date-picker
+                        v-model="personForm.idCardEndDate"
+                        v-if="personForm.longTerm != 1 || !personForm.longTerm"
+                        :placeholder="
+                          personForm.longTerm
+                            ? ''
+                            : $t('message.laborMange.pleaseSelectADate')
+                        "
+                        value-format="yyyy-MM-dd"
+                        style="width: 75%"
+                        :disabled="personForm.longTerm || titleType == 'detail'"
+                      ></el-date-picker>
+                      <el-input
+                        v-else
+                        v-model="personForm.idCardEndDate"
+                        style="width: 75%"
+                        :disabled="true"
+                      ></el-input>
+
+                      <el-checkbox
+                        v-model="personForm.longTerm"
+                        :disabled="titleType == 'detail'"
+                        @change="checkboxLongTerm"
+                        style="margin-left: 10px"
+                        >{{ $t("message.laborMange.longTime") }}</el-checkbox
+                      >
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.workingState')"
+                      prop="inserviceType"
+                    >
+                      <el-select
+                        v-model="personForm.inserviceType"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        :disabled="true"
+                      >
+                        <el-option
+                          :label="$t('message.laborMange.onJob')"
+                          :value="1"
+                        ></el-option>
+                        <el-option
+                          :label="$t('message.laborMange.dimission')"
+                          :value="2"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.emergencyContact')"
+                      prop="emergentPerson"
+                      :rules="[
+                        {
+                          // required: true,
+                          message: $t(
+                            'message.laborMange.pleaseEnterAnEmergencyContact'
+                          ),
+                          trigger: 'blur',
+                        },
+                      ]"
+                    >
+                      <el-input
+                        v-model="personForm.emergentPerson"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                        :disabled="titleType == 'detail'"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.emergencyContactPhone')"
+                      prop="emergentPhone"
+                      :rules="[
+                        {
+                          // required: true,
+                          message: $t(
+                            'message.laborMange.pleaseEnterAnEmergencyContactPhone'
+                          ),
+                          trigger: 'blur',
+                        },
+                      ]"
+                    >
+                      <el-input
+                        v-model="personForm.emergentPhone"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                        :disabled="titleType == 'detail'"
+                        oninput="if(value.length>11)value=value.slice(0,11)"
+                        type="number"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+
+                <el-row :gutter="24">
+                  <!-- 银行卡发卡行 -->
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.cardBank')"
+                      prop="payRollBankName"
+                    >
+                      <el-input
+                        v-model="personForm.payRollBankName"
+                        :placeholder="
+                          personForm.payRollBankName == '' &&
+                          titleType == 'detail'
+                            ? ''
+                            : $t('message.laborMange.placeholder2')
+                        "
+                        :disabled="titleType == 'detail'"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <!-- 银行卡卡号 -->
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.bankCardNumber')"
+                      prop="payRollBankNumber"
+                    >
+                      <el-input
+                        v-model="personForm.payRollBankNumber"
+                        :disabled="titleType == 'detail'"
+                        :placeholder="
+                          personForm.payRollBankNumber == '' &&
+                          titleType == 'detail'
+                            ? ''
+                            : $t('message.laborMange.placeholder2')
+                        "
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item label="人员定位标签号" prop="locationCardno">
+                      <el-input
+                        v-model="personForm.locationCardno"
+                        placeholder="请输入标签号"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+              </el-col>
+              <el-col :span="8">
+                <el-row :gutter="24">
+                  <el-button
+                    type="primary"
+                    size="medium"
+                    style="
+                        margin-left: 30px;
+                        width: 120px;
+                        text-align: center;
+                        padding: 9px 12px;
+                      "
+                    @click="turnOnTheCamera(1)"
+                    v-if="titleType != 'detail'"
+                    >{{ $t("message.laborMange.idCardInformation") }}</el-button
+                  >
+                  <el-button
+                    size="medium"
+                    type="primary"
+                    style="
+                        margin-left: 17px;
+                        width: 109px;
+                        text-align: center;
+                        padding: 9px 18px;
+                      "
+                    @click="turnOnTheCamera(2)"
+                    v-if="titleType != 'detail'"
+                    >{{ $t("message.laborMange.turnCamera") }}</el-button
+                  >
+                  <el-button
+                    size="medium"
+                    type="primary"
+                    style="
+                        width: 82%;
+                        margin: 15px 0 18px 30px;
+                        background: #09c2aa;
+                        border-color: #09c2aa;
+                      "
+                    @click="downloadPlugIn"
+                    v-if="titleType != 'detail'"
+                    >{{ $t("message.laborMange.highBeatDownload") }}</el-button
+                  >
+                  <el-row :gutter="24">
+                    <el-col :span="10" :offset="2">
+                      <div
+                        style="position: relative; width: 100px; height: 119px"
+                      >
+                        <img
+                          v-if="personForm.idCardBigPhotoUrl"
+                          :src="fileUrl + personForm.idCardBigPhotoUrl"
+                          @click="
+                            handlePreview(
+                              fileUrl + personForm.idCardBigPhotoUrl,
+                              0
+                            )
+                          "
+                          width="100%"
+                          height="100%"
+                        />
+                        <img
+                          v-else
+                          src="@/assets/images/profile_photo.png"
+                          width="100%"
+                          height="100%"
+                        />
+                        <img
+                          v-if="
+                            personForm.idCardBigPhotoUrl &&
+                              titleType != 'detail'
+                          "
+                          src="@/assets/images/shut_icon.png"
+                          width="15px"
+                          height="15px"
+                          class="shut_icon"
+                          @click="shutIconBtn(0)"
+                        />
+                      </div>
+                      <div style="margin: 4px 0">
+                        <!-- <span style="color: #f76c6c">*</span> -->
+                        <div style="width: 100px;text-align: center;">
+                          {{ $t("message.laborMange.IdCardHead") }}
+                        </div>
+                      </div>
+                      <el-upload
+                        action="uploadUrl"
+                        :on-remove="(file) => handleRemove(file, 3)"
+                        :on-preview="(file) => handlePreview(file, 3)"
+                        :beforeUpload="(file) => handleBeforeUpload(file, 3)"
+                        :show-file-list="false"
+                        :file-list="idCardBigPhotoUrlFile"
+                        list-type="picture"
+                        :http-request="
+                          (val) => handleUpload(val, 'idCardAvatar')
+                        "
+                      >
+                        <el-button
+                          size="medium"
+                          style="padding: 9px 20px"
+                          type="primary"
+                          v-if="titleType != 'detail'"
+                          >{{
+                            $t("message.laborMange.clickOnTheUpload")
+                          }}</el-button
+                        >
+                      </el-upload>
+                    </el-col>
+                    <el-col :span="11" :offset="1">
+                      <div
+                        style="position: relative; width: 100px; height: 119px"
+                      >
+                        <img
+                          v-if="personForm.fieldAcquisitionUrl"
+                          :src="fileUrl + personForm.fieldAcquisitionUrl"
+                          @click="
+                            handlePreview(
+                              fileUrl + personForm.fieldAcquisitionUrl,
+                              0
+                            )
+                          "
+                          width="100%"
+                          height="100%"
+                        />
+                        <img
+                          v-else
+                          src="@/assets/images/profile_photo.png"
+                          width="100%"
+                          height="100%"
+                        />
+                        <img
+                          v-if="
+                            personForm.fieldAcquisitionUrl &&
+                              titleType != 'detail'
+                          "
+                          src="@/assets/images/shut_icon.png"
+                          width="15px"
+                          height="15px"
+                          class="shut_icon"
+                          @click="shutIconBtn(1)"
+                        />
+                      </div>
+                      <div style="margin: 4px 0">
+                        <span style="color: #f76c6c">*</span>
+                        <!-- <div style="width: 100px;text-align: center;"> -->
+                        {{ $t("message.laborMange.spotFaceCollection") }}
+                        <!-- </div> -->
+                      </div>
+                      <el-upload
+                        action="uploadUrl"
+                        :on-remove="(file) => handleRemove(file, 4)"
+                        :on-preview="(file) => handlePreview(file, 4)"
+                        :beforeUpload="(file) => handleBeforeUpload(file, 4)"
+                        list-type="picture"
+                        :show-file-list="false"
+                        :file-list="fieldAcquisitionUrlFile"
+                        :http-request="(val) => handleUpload(val, 'livesFace')"
+                      >
+                        <el-button
+                          size="medium"
+                          style="padding: 9px 20px"
+                          type="primary"
+                          v-if="titleType != 'detail'"
+                          >{{
+                            $t("message.laborMange.clickOnTheUpload")
+                          }}</el-button
+                        >
+                      </el-upload>
+                    </el-col>
+                  </el-row>
+                </el-row>
+                <el-col :span="22" :offset="2" class="hint">{{
+                  $t("message.laborMange.imgHint")
+                }}</el-col>
+              </el-col>
+            </el-row>
+            <div class="fixed_title" style="margin-top: 10px">
+              {{ $t("message.laborMange.jobInfo") }}
+            </div>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item
+                  :label="$t('message.laborMange.companies')"
+                  :disabled="true"
+                >
+                  {{ showEnterpriseName }}
+                  <!-- <el-select
+                      v-model="personForm.enterpriseId"
+                      :placeholder="$t('message.laborMange.pleaseChoose')"
+                      style="width: 100%"
+                      :disabled="titleType == 'detail'"
+                    >
+                      <el-option
+                        v-if="enterpriseListData.length > 0"
+                        v-for="item in enterpriseListData"
+                        :key="item.id"
+                        :label="item.enterpriseName"
+                        :value="item.id"
+                      ></el-option>
+                    </el-select> -->
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item
+                  :label="$t('message.laborMange.positionType')"
+                  prop="jobType"
+                >
+                  <el-select
+                    v-model="personForm.jobType"
+                    :disabled="titleType == 'detail'"
+                    :placeholder="$t('message.laborMange.pleaseChoose')"
+                    style="width: 100%"
+                  >
+                    <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>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item
+                  :label="$t('message.laborMange.position')"
+                  prop="jobName"
+                >
+                  <el-select
+                    v-model="personForm.jobName"
+                    :disabled="titleType == 'detail'"
+                    :placeholder="$t('message.laborMange.pleaseChoose')"
+                    style="width: 100%"
+                  >
+                    <el-option
+                      v-for="item in dutuies"
+                      :key="item.id"
+                      :label="item.dictionaryName"
+                      :value="item.id + ''"
+                    ></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="24">
+              <el-col :span="8">
+                <el-form-item
+                  :label="$t('message.laborMange.attendanceNumber')"
+                  prop="attendanceNumber"
+                >
+                  <el-input
+                    :disabled="titleType == 'detail'"
+                    v-model="personForm.attendanceNumber"
+                    :placeholder="$t('message.laborMange.placeholder2')"
+                  ></el-input> </el-form-item
+              ></el-col>
+              <el-col :span="8">
+                <el-form-item
+                  :label="$t('message.laborMange.attendanceRules')"
+                  prop="ruleId"
+                >
+                  <el-select
+                    v-model="personForm.ruleId"
+                    :placeholder="$t('message.laborMange.pleaseChoose')"
+                    style="width: 100%"
+                    :disabled="titleType == 'detail'"
+                  >
+                    <el-option
+                      v-for="(item, index) in attendRulesList"
+                      :key="index"
+                      :label="item.ruleName"
+                      :value="item.id"
+                    ></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <div class="type-change">
+              <el-radio-group v-model="typeRadio">
+                <el-radio :label="1">设备</el-radio>
+                <el-radio :label="2">分组</el-radio>
+              </el-radio-group>
+            </div>
+            <el-row v-if="typeRadio == 1">
+              <el-form-item
+                :label="$t('message.laborMange.faceDevice')"
+                prop="ufaceDevList"
+              >
+                <el-checkbox
+                  :indeterminate="isIndeterminate2"
+                  v-model="checkAllFaceDev"
+                  @change="handleCheckAllChangeFace"
+                  >{{ $t("message.laborMange.checkAll") }}</el-checkbox
+                >
+                <el-checkbox-group
+                  v-model="personForm.ufaceDevId"
+                  @change="handleUfaceDevChange"
+                >
+                  <el-checkbox
+                    v-for="(item, index) in ufaceDevAllList"
+                    :key="index"
+                    :label="item.id"
+                    :disabled="item.disabled"
+                  >
+                    {{ item.devName }}
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-form-item>
+            </el-row>
+            <el-row v-if="typeRadio == 2">
+              <el-form-item label="人脸分组" prop="ufaceDevList">
+                <el-checkbox
+                  :indeterminate="isIndeterminate3"
+                  v-model="checkAllGroupDev"
+                  @change="handleCheckAllChangeGroup"
+                  >{{ $t("message.laborMange.checkAll") }}</el-checkbox
+                >
+                <el-checkbox-group
+                  key="group2"
+                  v-model="personForm.uGroupId"
+                  @change="handleUGroupChange"
+                >
+                  <el-checkbox
+                    v-for="(item, index) in uGroupAllList"
+                    :key="index"
+                    :label="item.id"
+                    :disabled="item.disabled"
+                  >
+                    {{ item.name }}
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-form-item>
+            </el-row>
+          </el-form>
+          <div class="dialog-footer">
+            <el-button
+              class="cancleBtn"
+              @click="temporaryDialog2 = false"
+              icon="el-icon-circle-close"
+              size="medium"
+            >
+              {{ $t("message.laborMange.cancel") }}
+              <!-- 取消 -->
+            </el-button>
+            <el-button
+              type="primary"
+              icon="el-icon-circle-check"
+              @click="savePersonFn('personForm', 'adminSubmit')"
+              size="medium"
+              :disabled="titleType == 'detail'"
+            >
+              {{ $t("message.laborMange.confirm") }}
+              <!-- 确定 -->
+            </el-button>
+          </div>
+        </div>
+      </vue-scroll>
+    </el-dialog>
+    <!-- 图片裁剪弹框 -->
+    <el-dialog
+      :modal-append-to-body="false"
+      :title="
+        $t('message.personnelPosition.mapManage.dialog_KJNova_Clipper.title')
+      "
+      :visible.sync="cropperDialog"
+      width="767px"
+    >
+      <div class="dialog_content" style="height: 400px">
+        <!-- <vue-scroll> -->
+        <vueCropper
+          ref="cropper"
+          :img="cropperOption.img"
+          :outputType="cropperOption.outputType"
+          :autoCropWidth="cropperOption.autoCropWidth"
+          :autoCropHeight="cropperOption.autoCropHeight"
+          :autoCrop="true"
+          :fixedBox="true"
+        ></vueCropper>
+        <!-- </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>
+        <el-button
+          type="primary"
+          icon="el-icon-circle-check"
+          @click="saveMapUrlFn"
+          size="medium"
+          >{{ $t("message.personnelPosition.determine") }}
+        </el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  getEnterpriseInfoList,
+  getEnterpriseTypeList,
+  setEnterpriseInfo,
+  editEnterpriseInfo,
+  deleteEnterprise,
+  getTeamInfoList,
+  getProjectTeamList,
+  addTeamInfo,
+  editTeamInfo,
+  getWorkerInfoList,
+  addWorkerInfo,
+  editWorkerInfo,
+  updateWorkerExit,
+  updateWorkerTeam,
+  deleteWorkerInfo,
+  getProjectUfaceConfigInfo,
+  getIdCardInfoApi,
+  checkFaceApi,
+  workerAttendanceRuleList,
+  sendWorkerInfoByIdApi,
+  batchSendWorkerInfoApi,
+  selectHierarchyEnterpriseListApi,
+  ufaceDevList,
+  getGroupListApi,
+  checkImgLibraryApi,
+  updateByIdWorkerInfo,
+  sendBatchWokerApi,
+  importImgDataApi,
+  getDepartmentInfoList,
+} from "@/assets/js/api/laborPerson";
+import {
+  selectUserDevAuthorityByUserIdApi,
+  exporExcelWorkerTemplateApi,
+} from "@/assets/js/api/configManage";
+import {
+  checkPhone,
+  CheckSocialCreditCode,
+  IdentityCodeValid,
+} from "@/assets/js/util.js";
+import { getProjectConfigListApi } from "@/assets/js/api/project.js";
+import { VueCropper } from "vue-cropper";
+
+import { apiUploadImage } from "@/assets/js/api/common";
+import lrz from "lrz";
+export default {
+  components: {
+    VueCropper,
+  },
+  props: ["adminDialogVisible"],
+  data() {
+    return {
+      visible: false,
+      defaultImg: require("../../../../../../assets/images/profile_photo.png"),
+      idCardBigPhotoUrlFile: [],
+      temporaryDialog1: false,
+      temporaryDialog2: false,
+      temporaryDialog3: false,
+      temporaryTitle: this.$t("message.laborMange.personnelEntry"),
+      typeRadio: 1,
+      refreshPage: true, //静默刷新
+      radio: "",
+      key: false, //判断是否显示一件下发按钮
+      COMPANY: COMPANY,
+      isCheckeedData: true, //判断一键下发是否有数据选中
+      ufaceDevAllList: [], //所有人脸设备
+      uGroupAllList: [], //所有分组
+      projectSn: null, //projectSn 项目sn
+      uploadUrl: "", //文件上传地址
+      fileUrl: "", //文件上传地址
+      showImgList: false,
+      // ------------------------------------------------------------------
+
+      enterpriseName: "", //劳务公司名称 || 企业名称
+      enterpriseListData: [], //企业列表 || 劳务公司列表
+      checkedId: 0, //选中的企业
+      //新增企业表单
+      enterpriseForm: {
+        name: "",
+        bankcardnumber: "", //银行卡号
+        bankname: "", // 开户行
+        businessLicenseEndDate: "", // 营业执照截止日期
+        businessNumber: "", //营业执照注册号
+        enterpriseAddress: "", //企业地址
+        enterpriseEmail: "", //企业邮箱
+        enterpriseLegalPerson: "", //法定代表人
+        enterpriseName: "", //企业名称
+        enterpriseProperty: "", //单位性质 1.国有企业 2三资企业 3集体企业 4私营企业
+        enterpriseQualificationUrl: "", //企业资质图片地址
+        enterpriseSafeAllow: "", //企业安全生产许可证
+        enterpriseTypeId: "", //企业类型Id
+        legalPersonTel: "", //法人电话
+        logo: "", //logo
+        projectSn: "", //项目Sn
+        qualificationNumber: "", //资质证书号
+        registerPersonPhoneTel: "", //注册人电话
+        registeredCapital: "", //注册资金
+        socialCode: "", //社会统一信用代码
+      },
+      //校验新增企业表单
+      enterpriseFormRules: this.$t("message.laborMange.enterpriseFormRules"),
+      // 人员类型列表
+      memberTypeList: [
+        { name: "劳务人员", value: 1 },
+        { name: "管理人员", value: 2 },
+        { name: "临时人员", value: 3 },
+      ],
+      //民族
+      nationList: this.$t("message.laborMange.nationList"),
+      imgFileList: [], // 照片文件列表
+      aptitudeFileList: [], //资质照片列表
+      logoFileList: [], //logo 文件列表
+      enterpriseTypeList: [], //新增企业 企业类型下拉
+      bigImageDialog: false, //查看大图
+      bigImageUrl: "", //大图地址
+      enterpriseDialogTitle: this.$t("message.laborMange.theNewEnterprise"), // 用于判断  是新增 还是编辑  修改字段要谨慎啊
+      addEnterpriseDialog: false, //新增企业 弹窗
+
+      /*-------------------
+    -----------------------右边数据字段----------------
+    ---------------*/
+      teamDialogTitle: this.$t("message.laborMange.theNewTeam"),
+      //班组信息
+      teamForm: {
+        describeValue: "", //描述
+        leaderIdCard: "", //负责人身份证号
+        leaderName: "", //负责人姓名
+        leaderPhone: "", //负责人手机号
+        teamName: "", //班组名称
+        teamType: "", //班组类型
+        workerTypeId: "", //工种id
+        specialTeam: 0, //是否是特殊班组  0否，1是
+      },
+      specialTeam: 0,
+      //班组校验
+      teamFormRules: this.$t("message.laborMange.teamFormRules"),
+      workerTypeList: [], // 班组
+      departmentListData: [], // 部门
+      showEnterpriseName: "", //头部的企业名称
+      teamListData: {}, // 班组列表
+      checkedTeamId: 0, //选中的班组id
+      pageSize: 10,
+      page: 1,
+      total: 0,
+      //请求表格参数
+      tableParameter: {
+        idCard: "",
+        personType: 1,
+        projectSn: "",
+        teamId: "",
+        departmentId: "",
+        workerName: "",
+        inserviceType: "",
+        enterDate: "",
+        codeState: "",
+      },
+      tableListData: [], //表格数据
+      personDialogTitle: this.$t("message.laborMange.personnelEntry"),
+      titleType: "add",
+      imgImportDialog: false, //照片导入 弹窗
+      //人员表单字段
+      personForm: {
+        workerName: "",
+        enterpriseId: "",
+        teamId: "",
+        departmentId: "",
+        sex: "",
+        idCard: "",
+        birthday: "",
+        personType: 2,
+        enterDate: "",
+        nation: "",
+        nativePlace: "",
+        isUploadHousing: "",
+        issuingAuthorityForIdcard: "",
+        idCardEndDate: "",
+        longTerm: false,
+        phoneNumber: "",
+        emergentPerson: "",
+        emergentPhone: "",
+        inserviceType: "",
+        politicsStatus: "",
+        marry: "",
+        payRollBankName: "",
+        payRollBankNumber: "",
+        educational: "",
+        blood: "",
+        examinationImage: "",
+        contractImage: "",
+        employmentCard: "",
+        idCardBigPhotoUrl: "",
+        fieldAcquisitionUrl: "",
+        idCardUpPhotoUrl: "",
+        idCardDownPhotoUrl: "",
+        ruleId: "",
+        ufaceDevId: [],
+        uGroupId: [],
+        personSerial: "",
+        locationCardno: "", //人员定位标签号
+      },
+      //人员录入校验
+      personFormRules: this.$t("message.laborMange.personFormRules2"),
+
+      //显示的文件列表
+      examinationFile: [], //体检报告
+      contractFile: [], //合同附件
+      employmentFile: [], //从业资格证书
+      idCardUpPhotoFile: [], //身份证头像
+      fieldAcquisitionFile: [], //现场采集人脸
+      idCardUpPhotoUrlFile: [], // 身份证国徽面
+      idCardDownPhotoUrlFile: [], // 身份证人像面
+      //显示的文件列表
+      fieldAcquisitionUrlFile: [],
+      checkAll: false, //显示选中状态
+      isIndeterminate: false, //有选中的数据
+      checkedWorker: [], //批量选中的数据
+      batchMoveDialog: false, //批量移动弹窗
+      //批量移动表单
+      batchMoveForm: {
+        teamId: "",
+        departmentId: "",
+        enterpriseId: "",
+      },
+      moveTeamList: [], // 选择移动的班组的列表
+      showTeamList: false, //显示班组列表
+
+      // 表格 全选 状态 禁用启用
+      checkAllStatus: false,
+
+      webSocket: null,
+      instrUmentScreenDialog: false,
+      umentScreenUrl: "",
+      base64Type: "data:image/jpeg;base64,",
+      isUploadToHouse: false, //是否显示上传到住建局按钮
+      attendRulesList: [],
+      enterpriseTypeId: "",
+      cropperOption: {
+        outputType: "png",
+        img: "",
+        autoCropWidth: 300, // 默认生成截图框宽度
+        autoCropHeight: 360, // 默认生成截图框高度
+      },
+      cropperDialog: false,
+      enterpriseTreeData: [],
+      defaultId: "",
+      isIndeterminate2: false,
+      isIndeterminate3: false,
+      checkAllFaceDev: false,
+      checkAllGroupDev: false,
+      fileTemp: "",
+      imgRadiolist: [],
+      isSzProject: "",
+      //职务类型
+      dutuiesType: [],
+      dutuies: [],
+      rules2: {
+        enterpriseId: [
+          {
+            required: true,
+            message: "请选择",
+            trigger: "blur",
+          },
+        ],
+        departmentId: [
+          {
+            required: true,
+            message: "请选择",
+            trigger: "blur",
+          },
+        ],
+        personType: [
+          {
+            required: true,
+            message: this.$t("message.laborMange.pleaseInputYourName"),
+            trigger: "blur",
+          },
+        ],
+        workerName: [
+          {
+            required: true,
+            message: this.$t("message.laborMange.pleaseInputYourName"),
+            trigger: "blur",
+          },
+        ],
+        // sex: [
+        //   {
+        //     required: true,
+        //     message: "请选择性别",
+        //     trigger: "submit",
+        //   },
+        // ],
+        idCard: [
+          {
+            required: true,
+            message: this.$t("message.laborMange.pleaseInputYourIdNumber"),
+            trigger: "blur",
+          },
+        ],
+        // attendanceNumber: [
+        //   {
+        //     required: true,
+        //     message: this.$t(
+        //       "message.laborMange.pleaseInputYourAttendanceNumber"
+        //     ),
+        //     trigger: "blur",
+        //   },
+        // ],
+        // phoneNumber: [
+        //   { required: true, message: "请输入联系电话", trigger: "blur" },
+        // ],
+        // enterDate: [
+        //   { required: true, message: "请选择进场日期", trigger: "blur" },
+        // ],
+      },
+      rules3: {
+        enterpriseId: [
+          {
+            required: true,
+            message: "请选择",
+            trigger: "change",
+          },
+        ],
+        teamId: [
+          {
+            required: true,
+            message: "请选择",
+            trigger: "change",
+          },
+        ],
+        departmentId: [
+          {
+            required: true,
+            message: "请选择",
+            trigger: "change",
+          },
+        ],
+        personType: [
+          {
+            required: true,
+            message: this.$t("message.laborMange.pleaseInputYourName"),
+            trigger: "blur",
+          },
+        ],
+        workerName: [
+          {
+            required: true,
+            message: this.$t("message.laborMange.pleaseInputYourName"),
+            trigger: "blur",
+          },
+        ],
+        // sex: [
+        //   {
+        //     required: true,
+        //     message: "请选择性别",
+        //     trigger: "submit",
+        //   },
+        // ],
+        idCard: [
+          {
+            required: true,
+            message: this.$t("message.laborMange.pleaseInputYourIdNumber"),
+            trigger: "blur",
+          },
+        ],
+        // attendanceNumber: [
+        //   {
+        //     required: true,
+        //     message: this.$t(
+        //       "message.laborMange.pleaseInputYourAttendanceNumber"
+        //     ),
+        //     trigger: "blur",
+        //   },
+        // ],
+        // phoneNumber: [
+        //   { required: true, message: "请输入联系电话", trigger: "blur" },
+        // ],
+        // enterDate: [
+        //   { required: true, message: "请选择进场日期", trigger: "blur" },
+        // ],
+      },
+      rules: {
+        enterpriseId: [
+          {
+            required: true,
+            message: "请选择",
+            trigger: "blur",
+          },
+        ],
+        teamId: [
+          {
+            required: true,
+            message: "请选择",
+            trigger: "blur",
+          },
+        ],
+        personType: [
+          {
+            required: true,
+            message: this.$t("message.laborMange.pleaseInputYourName"),
+            trigger: "blur",
+          },
+        ],
+        workerName: [
+          {
+            required: true,
+            message: this.$t("message.laborMange.pleaseInputYourName"),
+            trigger: "blur",
+          },
+        ],
+        // sex: [
+        //   {
+        //     required: true,
+        //     message: "请选择性别",
+        //     trigger: "submit",
+        //   },
+        // ],
+        idCard: [
+          {
+            required: true,
+            message: this.$t("message.laborMange.pleaseInputYourIdNumber"),
+            trigger: "blur",
+          },
+        ],
+        // attendanceNumber: [
+        //   {
+        //     required: true,
+        //     message: this.$t(
+        //       "message.laborMange.pleaseInputYourAttendanceNumber"
+        //     ),
+        //     trigger: "blur",
+        //   },
+        // ],
+        // phoneNumber: [
+        //   { required: true, message: "请输入联系电话", trigger: "blur" },
+        // ],
+        // enterDate: [
+        //   { required: true, message: "请选择进场日期", trigger: "blur" },
+        // ],
+      },
+    };
+  },
+  created() {
+    this.visible = this.adminDialogVisible;
+    this.projectSn = this.$store.state.projectSn;
+    this.uploadUrl = this.$store.state.UPLOADURL;
+    this.fileUrl = this.$store.state.FILEURL;
+    let data = JSON.parse(sessionStorage.getItem("vuex"));
+    // console.log('vuex信息',data)
+    data.menuList.forEach((item) => {
+      if (item.actionList) {
+        item.actionList.find((item2) => {
+          if (item2.actionCode == "akey_issued") {
+            this.key = true;
+          }
+          // console.log('this.key', this.key)
+        });
+      }
+    });
+    if (sessionStorage.getItem("personPage")) {
+      this.page = JSON.parse(sessionStorage.getItem("personPage"));
+    }
+    if (sessionStorage.getItem("companyPage")) {
+      this.checkedId = JSON.parse(sessionStorage.getItem("companyPage"));
+    }
+    this.getConfig();
+
+    this.getProjectList();
+    this.getAttendRuleList();
+    this.getUfaceDevList();
+    this.getUGroupDevList();
+    this.getProjectConfig();
+  },
+
+  mounted() {
+    // this.webSocket = new WebSocket("ws://127.0.0.1:1818");
+    this.getEnterpriseType();
+  },
+  computed: {
+    headers() {
+      return {
+        Authorization: this.$store.state.userInfo.token,
+      };
+    },
+  },
+  methods: {
+    closeDialog() {
+      this.visible = false;
+      this.$emit("closeAdminDialog");
+    },
+    enterpriseChange() {
+      if (this.personForm.personType == 1) {
+        this.getWorkerTypeListData();
+      } else {
+        this.getDepartmentListData();
+      }
+    },
+    personTypeChange() {
+      console.log(this.personForm.personType, 7788);
+      if (this.personForm.personType != 2) {
+        this.visible = false;
+        this.$emit("closeAdminDialog", this.personForm.personType);
+      }
+      // this.enterpriseChange();
+    },
+    closeDialog() {
+      this.visible = false;
+      this.$emit("closeAdminDialog");
+    },
+    //人员录入   提交
+    //人员录入   提交
+    submitForm(formName) {
+      // if (this.addForm.idCardBigPhotoUrl == "") {
+      //   this.$message.error(
+      //     this.$t("message.laborMange.pleaseUploadYourIDPhoto")
+      //   );
+      //   return;
+      // }
+      //身份证校验
+      //   if (!IdentityCodeValid(this.addForm.idCard)) {
+      //     this.$message.error(this.$t('message.laborMange.correctCellIdCard'))
+      //     return
+      //   }
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          // 现场人脸采集校验
+          if (this.addForm.fieldAcquisitionUrl == "") {
+            this.$message.error(
+              this.$t("message.laborMange.pleaseUploadPhotosOfTheScene")
+            );
+            return;
+          }
+          this.addForm.projectSn = this.projectSn;
+
+          addWorkerInfo(this.addForm).then((res) => {
+            if (res.code == 200) {
+              this.resetForm(formName);
+              this.temporaryDialog3 = false;
+              this.addForm.idCardBigPhotoUrl = "";
+              this.closeDialog();
+            }
+          });
+          // if (this.operationType == "add") {
+          // } else {
+          //   delete this.addForm.addTime;
+          //   editWorkerInfo(this.addForm).then((res) => {
+          //     if (res.code == 200) {
+          //       this.resetForm(formName);
+          //       this.temporaryDialog3 = false;
+          //       this.addForm.idCardBigPhotoUrl = "";
+          //       this.closeDialog();
+          //     }
+          //   });
+          // }
+        } else {
+          return false;
+        }
+      });
+    },
+    //高拍仪获取身份证信息
+    getIdCardInfo() {
+      var ws = new WebSocket("ws://127.0.0.1:1818");
+      this.webSocket = ws;
+      ws.onopen = (event) => {
+        this.onopen(event);
+      };
+
+      ws.onmessage = (event) => {
+        this.onmessage(event);
+      };
+
+      ws.onerror = this.onerror;
+    },
+    //上传前
+    beforeUpload(file) {
+      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 {
+        return true;
+      }
+    },
+    handleImportSuccess(response, file, fileList) {
+      console.log(response, file, fileList);
+      this.imgFileList = fileList;
+      console.log(this.imgFileList);
+    },
+    handleImportExceed(files, fileList) {
+      /*this.$message.warning(
+                        `当前限制选择 1 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
+                            files.length + fileList.length
+                        } 个文件`
+                    );*/
+      this.$message.warning(
+        this.$t("message.docManage.dialog_upload_files.limitingChoice")
+      ); //当前限制选择 1 个文件
+    },
+    handleTemporaryUpload(fileData, type) {
+      console.log(fileData, 111222);
+      const file = fileData.file;
+      // 压缩图片
+      lrz(file, { quality: 1 }).then((result) => {
+        const formData = new FormData();
+        formData.append("files", result.file);
+        // 图片上传
+        apiUploadImage(formData).then((res) => {
+          if (res.code == 200 || res.status == "SUCCESS") {
+            const imgInfo = res.data[0];
+
+            switch (type) {
+              case "idCardAvatar": // 身份证头像
+                this.addForm.idCardBigPhotoUrl = imgInfo.imageUrl;
+                this.idCardUpPhotoFile = [
+                  { name: imgInfo.filename, url: imgInfo.imageUrl },
+                ];
+                break;
+              case "livesFace": // 现场采集人脸
+                this.cropperOption.img =
+                  this.$store.state.FILEURL + imgInfo.imageUrl;
+                this.cropperDialog = true;
+                // let imgStatus = result.file.size / 1024 < 500
+                // if (!imgStatus) {
+                //   this.cropperOption.img =
+                //     this.$store.state.FILEURL + imgInfo.imageUrl
+                //   this.cropperDialog = true
+                // } else {
+                //   if (this.isSzProject == 1) {
+                //     this.checkImgLibrary(imgInfo.imageUrl)
+                //   } else {
+                //     this.checkFace(imgInfo.imageUrl)
+                //   }
+                // }
+                break;
+            }
+          }
+        });
+      });
+    },
+    handleUpload(fileData, type) {
+      console.log(fileData, 111222);
+      const file = fileData.file;
+      // 压缩图片
+      lrz(file, { quality: 1 }).then((result) => {
+        const formData = new FormData();
+        formData.append("files", result.file);
+        // 图片上传
+        apiUploadImage(formData).then((res) => {
+          if (res.code == 200 || res.status == "SUCCESS") {
+            const imgInfo = res.data[0];
+
+            switch (type) {
+              case "idCardAvatar": // 身份证头像
+                this.personForm.idCardBigPhotoUrl = imgInfo.imageUrl;
+                this.idCardUpPhotoFile = [
+                  { name: imgInfo.filename, url: imgInfo.imageUrl },
+                ];
+                break;
+              case "livesFace": // 现场采集人脸
+                this.cropperOption.img =
+                  this.$store.state.FILEURL + imgInfo.imageUrl;
+                this.cropperDialog = true;
+                // let imgStatus = result.file.size / 1024 < 500
+                // if (!imgStatus) {
+                //   this.cropperOption.img =
+                //     this.$store.state.FILEURL + imgInfo.imageUrl
+                //   this.cropperDialog = true
+                // } else {
+                //   if (this.isSzProject == 1) {
+                //     this.checkImgLibrary(imgInfo.imageUrl)
+                //   } else {
+                //     this.checkFace(imgInfo.imageUrl)
+                //   }
+                // }
+                break;
+            }
+          }
+        });
+      });
+    },
+    checkImg() {
+      console.log(this.radio);
+      this.imgRadiolist.forEach((item) => {
+        if (this.radio == item.personSerial) {
+          this.personForm.personSerial = this.radio;
+          this.personForm.fieldAcquisitionUrl = item.imageUrl;
+          this.fieldAcquisitionFile = [{ name: "", url: item.imageUrl }];
+        }
+      });
+      this.showImgList = false;
+    },
+    // 判断是否为深圳项目
+    getProjectConfig() {
+      getProjectConfigListApi({ projectSn: this.projectSn }).then((res) => {
+        this.isSzProject = res.result[0].isSzProject; //1是 0否
+      });
+    },
+    exportM() {
+      window.location.href =
+        this.$http.defaults.baseURL +
+        "xmgl/download/exporExcelWorkerTemplate?projectSn=" +
+        this.projectSn;
+    },
+    // 导入照片弹窗
+    importImgOpen() {
+      this.imgImportDialog = true;
+    },
+    // 下发通行设备
+    passEquipment() {
+      sendBatchWokerApi({
+        projectSn: this.projectSn,
+        personType: "1",
+        userId: this.$store.state.userInfo.userId,
+        enterpriseId: this.checkedId,
+      }).then((res) => {
+        if (res.code == 200) {
+          this.$message({
+            message: "操作成功，已在后台下发，请稍后查看！",
+            type: "success",
+          });
+        }
+      });
+    },
+    handleChangeE(file, fileList) {
+      this.fileTemp = file.raw;
+      console.log(file);
+      if (this.fileTemp) {
+        if (
+          this.fileTemp.type ==
+            "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" ||
+          this.fileTemp.type == "application/vnd.ms-excel"
+        ) {
+        } else {
+          this.$message.error(this.$t("message.laborMange.hint5"));
+        }
+      }
+    },
+    handleSuccessE(file) {
+      this.refreshPage = false;
+      console.log("==========", file);
+      if (file.code == 200) {
+        this.$message.success(file.message); //导入成功
+        this.refreshBtn();
+        this.getTeamList();
+      } else {
+        this.$message.error(file.message);
+      }
+      this.$nextTick(() => {
+        this.refreshPage = true;
+      });
+    },
+    handleErrorE() {
+      this.$message.error(this.$t("message.laborMange.hint7"));
+      this.refreshBtn();
+    },
+    handleUfaceDevChange(val) {
+      let checkedCount = val.length;
+      let allCheckList = [];
+      for (let i = 0; i < this.ufaceDevAllList.length; i++) {
+        if (!this.ufaceDevAllList[i].disabled) {
+          allCheckList.push(this.ufaceDevAllList[i]);
+        }
+      }
+      this.checkAllFaceDev = checkedCount === allCheckList.length;
+      this.isIndeterminate2 =
+        checkedCount > 0 && checkedCount < allCheckList.length;
+    },
+    handleUGroupChange(val) {
+      let checkedCount = val.length;
+      let allCheckList = [];
+      for (let i = 0; i < this.uGroupAllList.length; i++) {
+        if (!this.uGroupAllList[i].disabled) {
+          allCheckList.push(this.uGroupAllList[i]);
+        }
+      }
+      this.checkAllGroupDev = checkedCount === allCheckList.length;
+      this.isIndeterminate3 =
+        checkedCount > 0 && checkedCount < allCheckList.length;
+    },
+    handleCheckAllChangeFace(val) {
+      if (val) {
+        this.personForm.ufaceDevId = [];
+        this.ufaceDevAllList.forEach((item) => {
+          this.personForm.ufaceDevId.push(item.id);
+        });
+      } else {
+        // this.ufaceDevAllList = []
+        this.personForm.ufaceDevId = [];
+      }
+      this.isIndeterminate2 = false;
+    },
+    handleCheckAllChangeGroup(val) {
+      if (val) {
+        this.personForm.uGroupId = [];
+        this.uGroupAllList.forEach((item) => {
+          this.personForm.uGroupId.push(item.id);
+        });
+      } else {
+        this.personForm.uGroupId = [];
+      }
+      this.isIndeterminate2 = false;
+    },
+    // 获取所有分组
+    getUGroupDevList() {
+      getGroupListApi({ projectSn: this.projectSn }).then((res) => {
+        console.log(res);
+        if (res.code == 200) {
+          this.uGroupAllList = res.result;
+          console.log(this.uGroupAllList, 777888999);
+          this.personForm.uGroupId = [...this.personForm.uGroupId];
+          if (this.$store.state.userInfo.accountType == 6) {
+            this.uGroupAllList.forEach((item) => {
+              item.disabled = true;
+            });
+            // selectUserDevAuthorityByUserIdApi({
+            //   userId: this.$store.state.userInfo.userId,
+            //   devType: "1",
+            // }).then((res) => {
+            //   if (res.code == 200) {
+            //     let arr = res.result.devId.split(",");
+            //     let id = "";
+            //     this.personForm.ufaceDevId = [];
+            //     for (let i = 0; i < arr.length; i++) {
+            //       console.log(parseInt(arr[i]));
+            //       this.personForm.ufaceDevId.push(parseInt(arr[i]));
+            //       id = parseInt(arr[i]);
+            //       for (let j = 0; j < this.ufaceDevAllList.length; j++) {
+            //         if (this.ufaceDevAllList[j].id == id) {
+            //           this.ufaceDevAllList[j].disabled = false;
+            //         }
+            //       }
+            //     }
+            //   }
+            // });
+          }
+        }
+      });
+    },
+    // 获取所有人脸设备
+    getUfaceDevList() {
+      ufaceDevList({ projectSn: this.projectSn }).then((res) => {
+        console.log(res);
+        if (res.code == 200) {
+          this.ufaceDevAllList = res.result;
+          this.personForm.ufaceDevId = [...this.personForm.ufaceDevId];
+          if (this.$store.state.userInfo.accountType == 6) {
+            this.ufaceDevAllList.forEach((item) => {
+              item.disabled = true;
+            });
+            selectUserDevAuthorityByUserIdApi({
+              userId: this.$store.state.userInfo.userId,
+              devType: "1",
+            }).then((res) => {
+              if (res.code == 200) {
+                let arr = res.result.devId.split(",");
+                let id = "";
+                this.personForm.ufaceDevId = [];
+                for (let i = 0; i < arr.length; i++) {
+                  console.log(parseInt(arr[i]));
+                  this.personForm.ufaceDevId.push(parseInt(arr[i]));
+                  id = parseInt(arr[i]);
+                  for (let j = 0; j < this.ufaceDevAllList.length; j++) {
+                    if (this.ufaceDevAllList[j].id == id) {
+                      this.ufaceDevAllList[j].disabled = false;
+                    }
+                  }
+                }
+              }
+            });
+          }
+        }
+      });
+    },
+    //一键下发
+    issuePersonFn() {
+      batchSendWorkerInfoApi({
+        projectSn: this.$store.state.projectSn,
+        personType: 1,
+      }).then((res) => {
+        this.$message.success("已执行人员下发命令");
+        this.getTableData();
+      });
+    },
+    //单个人员下发
+    issuePersonOneFn(workerId) {
+      sendWorkerInfoByIdApi({ workerId: workerId }).then((res) => {
+        this.$message.success(this.$t("message.laborMange.hint4"));
+      });
+    },
+    changRuleId(val) {
+      console.log(val);
+    },
+    //获取考勤规则列表
+    getAttendRuleList() {
+      workerAttendanceRuleList({ projectSn: this.$store.state.projectSn }).then(
+        (result) => {
+          this.attendRulesList = result.result;
+          console.log(result.result);
+        }
+      );
+    },
+    exportFn() {
+      window.location.href =
+        this.$http.defaults.baseURL +
+        "xmgl/download/exporZipWorkerInfo?idCard=" +
+        this.tableParameter.idCard +
+        "&projectSn=" +
+        this.tableParameter.projectSn +
+        "&teamId=" +
+        this.tableParameter.teamId +
+        "&workerName=" +
+        this.tableParameter.workerName +
+        "&personType=" +
+        this.tableParameter.personType +
+        "&enterDate=" +
+        this.tableParameter.enterDate +
+        "&codeState=" +
+        this.tableParameter.codeState +
+        "&enterpriseId=" +
+        this.checkedId;
+    },
+    getConfig() {
+      getProjectUfaceConfigInfo({
+        projectSn: this.$store.state.projectSn,
+      }).then((result) => {
+        if (result.success) {
+          if (result.result) {
+            this.isUploadToHouse = result.result.housing ? true : false;
+          }
+        }
+      });
+    },
+    //获取企业 || 劳务公司 列表
+    getProjectList(type) {
+      let data = {
+        projectSn: this.projectSn,
+        enterpriseName: this.enterpriseName,
+        userEnterpriseId: this.$store.state.userInfo.userEnterpriseId,
+        enterpriseTypeId: this.enterpriseTypeId,
+      };
+      getEnterpriseInfoList(data).then((res) => {
+        console.log(res, "执行");
+        if (res.code == 200) {
+          this.enterpriseListData = res.result;
+          // this.$set(this, 'enterpriseListData', res.result)
+          console.log(this.enterpriseListData);
+          this.checkedId = this.checkedId
+            ? this.checkedId
+            : res.result.length > 0
+            ? res.result[0].id
+            : "";
+          this.showEnterpriseName =
+            res.result.length > 0 ? res.result[0].enterpriseName : "";
+
+          this.getTeamList();
+        } else {
+          this.$message.error(this.$t("message.laborMange.queryFails"));
+        }
+      });
+    },
+    //编辑企业 || 劳务公司  信息
+    editEnterpriseInfo(value) {
+      this.addEnterpriseDialog = true;
+      this.enterpriseDialogTitle = this.$t("message.laborMange.editEnterprise");
+      this.enterpriseForm = JSON.parse(JSON.stringify(value));
+      this.getEnterpriseType();
+      //资质file
+      this.aptitudeFileList =
+        value.enterpriseQualificationUrl != ""
+          ? [JSON.parse(this.enterpriseForm.enterpriseQualificationUrl)]
+          : [];
+      //logo
+      this.logoFileList =
+        value.logo != "" ? [JSON.parse(this.enterpriseForm.logo)] : [];
+      setTimeout(() => {
+        this.$refs.enterpriseDialog.scrollTop = 0;
+        this.$refs["enterpriseForm"].clearValidate();
+      }, 120);
+    },
+    //新增企业 按钮
+    addEnterpriseBtn() {
+      window._paq.push(["trackEvent", "点击", "新增企业", "添加企业信息"]);
+      this.enterpriseForm = {
+        name: "",
+        bankcardnumber: "", //银行卡号
+        bankname: "", // 开户行
+        businessLicenseEndDate: "", // 营业执照截止日期
+        businessNumber: "", //营业执照注册号
+        enterpriseAddress: "", //企业地址
+        enterpriseEmail: "", //企业邮箱
+        enterpriseLegalPerson: "", //法定代表人
+        enterpriseName: "", //企业名称
+        enterpriseProperty: "", //单位性质 1.国有企业 2三资企业 3集体企业 4私营企业
+        enterpriseQualificationUrl: "", //企业资质图片地址
+        enterpriseSafeAllow: "", //企业安全生产许可证
+        enterpriseTypeId: "", //企业类型Id
+        legalPersonTel: "", //法人电话
+        logo: "", //logo
+        projectSn: "", //项目Sn
+        qualificationNumber: "", //资质证书号
+        registerPersonPhoneTel: "", //注册人电话
+        registeredCapital: "", //注册资金
+        socialCode: "", //社会统一信用代码
+      };
+      this.aptitudeFileList = []; //资质照片列表
+      this.logoFileList = []; //logo 文件列表
+      this.addEnterpriseDialog = true;
+      this.enterpriseDialogTitle = this.$t(
+        "message.laborMange.theNewEnterprise"
+      );
+      setTimeout(() => {
+        this.$refs["enterpriseForm"].clearValidate();
+        this.$refs.enterpriseDialog.scrollTop = 0;
+      }, 120);
+    },
+    //新增企业 -- 企业类型下拉
+    getEnterpriseType() {
+      let data = {};
+      getEnterpriseTypeList(data).then((res) => {
+        if (res.code == 200) {
+          this.enterpriseTypeList = res.result;
+        }
+      });
+    },
+    // 导入照片数据
+    saveImportFn() {
+      if (this.imgFileList.length == 0) {
+        this.$message.success("请先导入文件");
+        return;
+      }
+      let data = new FormData(); //new出来的对象
+      data.append("file", this.imgFileList[0].raw);
+      data.append("projectSn", this.$store.state.projectSn);
+      importImgDataApi(data).then((res) => {
+        if (res.success) {
+          this.$message.success("操作成功");
+          this.imgImportDialog = false;
+          this.getTableData();
+        }
+      });
+    },
+    //新增企业 保存
+    saveEnterpriseFn(formName) {
+      // if (!checkPhone(this.enterpriseForm.legalPersonTel)) {
+      //   this.$message.error("请输入正确的法人电话");
+      //   return;
+      // }
+      // if (!checkPhone(this.enterpriseForm.registerPersonPhoneTel)) {
+      //   this.$message.error("请输入正确的注册人电话");
+      //   return;
+      // }
+      if (!CheckSocialCreditCode(this.enterpriseForm.socialCode)) {
+        this.$message.error(this.$t("message.laborMange.creditCode"));
+        return;
+      }
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          this.enterpriseForm.projectSn = this.projectSn;
+          if (
+            this.enterpriseDialogTitle ==
+            this.$t("message.laborMange.theNewEnterprise")
+          ) {
+            //新增  请求
+            setEnterpriseInfo(this.enterpriseForm).then((res) => {
+              if (res.code == 200) {
+                this.$message.success(res.message);
+                this.addEnterpriseDialog = false;
+                this.getProjectList();
+                this.resetForm(formName);
+              }
+            });
+          } else {
+            //编辑 请求
+            editEnterpriseInfo(this.enterpriseForm).then((res) => {
+              if (res.code == 200) {
+                this.$message.success(
+                  this.$t("message.laborMange.modifySuccess")
+                );
+                this.resetForm(formName);
+                this.addEnterpriseDialog = false;
+                this.getProjectList();
+              }
+            });
+          }
+        } else {
+          return false;
+        }
+      });
+    },
+    //删除 企业
+    deleteEnterpriseInfo(value) {
+      this.$confirm(
+        this.$t("message.laborMange.deleteHint"),
+        this.$t("message.laborMange.hint"),
+        {
+          confirmButtonText: this.$t("message.laborMange.confirm"),
+          cancelButtonText: this.$t("message.laborMange.cancel"),
+          type: "warning",
+        }
+      )
+        .then(() => {
+          let data = {
+            projectSn: this.projectSn,
+            enterpriseId: value.id,
+          };
+          deleteEnterprise(data).then((res) => {
+            if (res.code == 200) {
+              this.$message({
+                type: "success",
+                message: this.$t("message.laborMange.deleteSuccess"),
+              });
+              this.getProjectList();
+              this.checkedId = "";
+            }
+          });
+        })
+        .catch(console.log);
+    },
+
+    /**--------------------------------------------右侧函数------------------------------------------------------------------ */
+    //获取企业的 - 班组列表
+    getTeamList(type) {
+      let data = {
+        enterpriseId: this.checkedId,
+        projectSn: this.projectSn,
+      };
+      getTeamInfoList(data).then((res) => {
+        if (res.code == 200) {
+          this.checkedTeamId = type !== 1 ? 0 : this.checkedTeamId;
+          this.teamListData = res.result;
+          console.log("==============", res.result);
+          this.tableParameter.projectSn = this.projectSn;
+          this.getTableData();
+        }
+      });
+    },
+    //获取部门
+    getDepartmentListData() {
+      let data = {
+        personType: 2,
+        enterpriseId: this.personForm.enterpriseId,
+        projectSn: this.projectSn,
+      };
+      getDepartmentInfoList(data).then((res) => {
+        this.departmentListData = res.result.list;
+      });
+    },
+    //获取班组
+    getWorkerTypeListData() {
+      let data = {
+        enterpriseId: this.personForm.enterpriseId,
+        projectSn: this.projectSn,
+      };
+      getTeamInfoList(data).then((res) => {
+        console.log(res, 666777888);
+        this.workerTypeList = res.result.list;
+      });
+    },
+
+    //获取 班组的表格数据 -- 班组详情
+    getTableData() {
+      let data = this.tableParameter;
+      data.pageNo = this.page;
+      data.pageSize = this.pageSize;
+      data.enterpriseId = this.checkedId;
+      getWorkerInfoList(data).then((res) => {
+        if (res.code == 200) {
+          this.tableListData = res.result.records;
+          console.log("------------", res.result.records);
+          let boole = true;
+          for (let i in res.result.records) {
+            if (res.result.records[i].inserviceType == 1) {
+              boole = false;
+            }
+          }
+          this.checkAllStatus =
+            this.tableListData.length == 0 ? true : boole ? true : false;
+          this.total = res.result.total;
+        }
+      });
+    },
+
+    //人员录入 按钮
+    personnelEntry() {
+      this.personDialogTitle = this.$t("message.laborMange.personnelEntry");
+      this.titleType = "add";
+      this.personForm = {
+        enterpriseId: "",
+        workerName: "",
+        sex: "",
+        idCard: "",
+        birthday: "",
+        enterDate: "",
+        personType: 2,
+        nation: "",
+        nativePlace: "",
+        issuingAuthorityForIdcard: "",
+        idCardEndDate: "",
+        longTerm: false,
+        phoneNumber: "",
+        emergentPerson: "",
+        emergentPhone: "",
+        inserviceType: 1,
+        politicsStatus: "",
+        marry: "",
+        payRollBankName: "",
+        payRollBankNumber: "",
+        educational: "",
+        blood: "",
+        examinationImage: "",
+        contractImage: "",
+        employmentCard: "",
+        idCardBigPhotoUrl: "",
+        fieldAcquisitionUrl: "",
+        idCardUpPhotoUrl: "",
+        idCardDownPhotoUrl: "",
+        ufaceDevId: [],
+        uGroupId: [],
+        personSerial: "",
+      };
+      if (this.attendRulesList.length > 0) {
+        this.personForm.ruleId = this.attendRulesList[0].id;
+      } else {
+        this.personForm.ruleId = "";
+      }
+      this.getUfaceDevList();
+      setTimeout(() => {
+        this.$refs["personForm"].clearValidate();
+        this.$refs.personDialog.scrollTop = 0;
+      }, 120);
+      this.examinationFile = []; //体检报告
+      this.contractFile = []; //合同附件
+      this.employmentFile = []; //从业资格证书
+      this.idCardUpPhotoFile = []; //身份证头像
+      this.fieldAcquisitionFile = [];
+      this.idCardUpPhotoUrlFile = []; // 身份证国徽面
+      this.idCardDownPhotoUrlFile = []; // 身份证人像面
+      // 默认全选设备
+      this.checkAllFaceDev = true;
+      this.ufaceDevAllList.map((item) => {
+        this.personForm.ufaceDevId.push(item.id);
+      });
+    },
+
+    // 有效日期 长期 按钮
+    checkboxLongTerm(value) {
+      if (this.personForm.longTerm) {
+        this.$refs["personForm"].clearValidate("idCardEndDate");
+      }
+      this.personForm.idCardEndDate = this.personForm.longTerm
+        ? ""
+        : this.personForm.idCardEndDate;
+    },
+
+    // 新增 || 编辑  人员录入 保存按钮
+    savePersonFn(formName, type) {
+      this.personForm.isUploadHousing = this.personForm.isUploadHousing ? 1 : 0;
+      console.log("进场确定参数", this.personForm);
+      //   // 身份证校验
+      //   if (!IdentityCodeValid(this.personForm.idCard)) {
+      //     this.$message.error(this.$t("message.laborMange.correctCellIdCard"));
+      //     return;
+      //   }
+      // 电话校验
+      // if (!checkPhone(this.personForm.phoneNumber)) {
+      //   this.$message.error(
+      //     this.$t('message.laborMange.correctCellPhoneNumber')
+      //   )
+      //   return
+      // }
+      // 紧急电话校验
+      // if (!checkPhone(this.personForm.emergentPhone)) {
+      //   this.$message.error(
+      //     this.$t(
+      //       'message.laborMange.pleaseEnterTheCorrectEmergencyContactNumber'
+      //     )
+      //   )
+      //   return
+      // }
+      // if (this.personForm.idCardUpPhotoUrl == '') {
+      //   this.$message.error(
+      //     this.$t('message.laborMange.pleaseUploadTheNationalEmblemOfIdCard')
+      //   )
+      //   return
+      // }
+      // if (this.personForm.idCardDownPhotoUrl == '') {
+      //   this.$message.error(
+      //     this.$t('message.laborMange.pleaseUploadYourIDCardPortrait')
+      //   )
+      //   return
+      // }
+
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          // 身份证头像和现场人脸采集校验
+          // if (this.personForm.idCardBigPhotoUrl == '') {
+          //   this.$message.error(
+          //     this.$t('message.laborMange.pleaseUploadYourIDPhoto')
+          //   )
+          //   return
+          // } else if (this.personForm.fieldAcquisitionUrl == '') {
+          //   this.$message.error(
+          //     this.$t('message.laborMange.pleaseUploadPhotosOfTheScene')
+          //   )
+          //   return
+          // }
+          // 现场人脸采集校验
+          if (this.personForm.fieldAcquisitionUrl == "") {
+            this.$message.error(
+              this.$t("message.laborMange.pleaseUploadPhotosOfTheScene")
+            );
+            return;
+          }
+
+          if (this.personForm.ruleId == "") {
+            this.personForm.ruleId = 0;
+          }
+          //新增
+          if (!this.personForm.id) {
+            let data = {...this.personForm};
+            data.projectSn = this.projectSn;
+            data.longTerm = this.personForm.longTerm ? 1 : 0;
+            data.registerType = 1;
+            data.devType = this.typeRadio;
+            data.userId = this.$store.state.userInfo.userId;
+            if (this.$store.state.userInfo.accountType == 6) {
+              data.accountType = 2;
+            } else {
+              data.accountType = 1;
+            }
+            if (this.personForm.ufaceDevId.length > 0) {
+              data.ufaceDevId = this.personForm.ufaceDevId.join(",");
+            } else {
+              data.ufaceDevId = "";
+            }
+            if (this.personForm.uGroupId.length > 0) {
+              data.ufaceDevGroupId = this.personForm.uGroupId.join(",");
+            } else {
+              data.ufaceDevGroupId = "";
+            }
+            addWorkerInfo(data).then((res) => {
+              console.log(res);
+              if (res.code == 200) {
+                this.$message.success(
+                  this.$t("message.laborMange.saveSuccess")
+                );
+                this.getTeamList(1);
+                if (type == "laborSubmit") {
+                  this.temporaryDialog1 = false;
+                } else if (type == "adminSubmit") {
+                  this.temporaryDialog2 = false;
+                }
+                this.resetForm(formName);
+                this.examinationFile = []; //体检报告
+                this.contractFile = []; //合同附件
+                this.employmentFile = []; //从业资格证书
+                this.idCardUpPhotoFile = []; //身份证头像
+                this.fieldAcquisitionFile = []; //现场采集人脸
+                this.closeDialog();
+              }
+            });
+            //编辑
+          } else {
+            let data = this.personForm;
+            data.longTerm = this.personForm.longTerm ? 1 : 0;
+            data.registerType = 1;
+            data.devType = this.typeRadio;
+            // 跟杨珊对接需要再再次进场时多传入一个新的字段
+            data.reEntry = 1;
+            data.userId = this.$store.state.userInfo.userId;
+            if (this.personForm.ufaceDevId.length > 0) {
+              console.log(
+                "this.personForm.ufaceDevId",
+                this.personForm.ufaceDevId
+              );
+              data.ufaceDevId = this.personForm.ufaceDevId.join(",");
+            } else {
+              data.ufaceDevId = "";
+            }
+            if (this.personForm.uGroupId.length > 0) {
+              console.log("this.personForm.uGroupId", this.personForm.uGroupId);
+              data.ufaceDevGroupId = this.personForm.uGroupId.join(",");
+            } else {
+              data.ufaceDevGroupId = "";
+            }
+            if (this.$store.state.userInfo.accountType == 6) {
+              data.accountType = 2;
+            } else {
+              data.accountType = 1;
+            }
+            delete data.addTime;
+            editWorkerInfo(data).then((res) => {
+              if (res.code == 200) {
+                this.$message.success(
+                  this.$t("message.laborMange.modifySuccess")
+                );
+                this.getTeamList(1);
+                if (type == "laborSubmit") {
+                  this.temporaryDialog1 = false;
+                } else if (type == "adminSubmit") {
+                  this.temporaryDialog2 = false;
+                }
+                this.resetForm(formName);
+                this.examinationFile = []; //体检报告
+                this.contractFile = []; //合同附件
+                this.employmentFile = []; //从业资格证书
+                this.idCardUpPhotoFile = []; //身份证头像
+                this.fieldAcquisitionFile = []; //现场采集人脸
+                this.closeDialog();
+              }
+            });
+          }
+        } else {
+          this.$message.error(
+            this.$t("message.laborMange.ThereAreRequiredFieldsLeftUnfilled")
+          );
+          return false;
+        }
+      });
+    },
+    uploadToHouseFn(value, id) {
+      console.log("value", value);
+      var json = {
+        isUploadHousing: value ? 1 : 0,
+        id: id,
+      };
+      console.log("isUploadHousing", json);
+      updateByIdWorkerInfo(json).then(console.log);
+    },
+    // 删除 人员信息
+    removeWorkerInfo(value) {
+      this.$confirm(
+        this.$t("message.laborMange.deleteHint"),
+        this.$t("message.laborMange.hint"),
+        {
+          confirmButtonText: this.$t("message.laborMange.confirm"),
+          cancelButtonText: this.$t("message.laborMange.cancel"),
+          type: "warning",
+        }
+      )
+        .then(() => {
+          let data = {
+            id: value.id,
+          };
+          deleteWorkerInfo(data).then((res) => {
+            if (res.code == 200) {
+              this.$message({
+                type: "success",
+                message: this.$t("message.laborMange.deleteSuccess"),
+              });
+              this.page =
+                this.page > 1 && this.tableListData.length == 1
+                  ? this.page - 1
+                  : this.page;
+              this.getTeamList(1);
+            }
+          });
+        })
+        .catch(console.log);
+    },
+
+    //查看 人员信息 详情
+    viewDetails(value) {
+      this.$router.push({
+        path: "/project/labor/personDetails",
+        query: {
+          id: value.id,
+        },
+      });
+      localStorage.setItem("showPersonModule", 1);
+    },
+
+    //列表数据 退场按钮
+    workerExitBtn(value, type) {
+      // type == 1 单条数据操作  2 批量操作
+      let arr = [];
+      if (type == 2 && this.checkedWorker.length > 0) {
+        for (let i in this.checkedWorker) {
+          arr.push(this.checkedWorker[i].id);
+        }
+      }
+      let data = {
+        workerIdStr: type == 1 ? value.id : arr.join(","),
+      };
+      this.$confirm(
+        this.$t("message.laborMange.bowOutWithHint"),
+        this.$t("message.laborMange.hint"),
+        {
+          confirmButtonText: this.$t("message.laborMange.confirm"),
+          cancelButtonText: this.$t("message.laborMange.cancel"),
+          type: "warning",
+        }
+      ).then(() => {
+        updateWorkerExit(data).then((res) => {
+          if (res.code == 200) {
+            this.getTeamList();
+            this.$message({
+              type: "success",
+              message: this.$t("message.laborMange.bowOutWitSuccess"),
+            });
+          }
+        });
+      });
+    },
+
+    //切换每页显示数量
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.getTableData();
+    },
+    //换页
+    handleCurrentChange(val) {
+      this.page = val;
+      sessionStorage.setItem("personPage", val);
+      this.getTableData();
+      this.$refs.multipleTable.bodyWrapper.scrollTop = 0;
+    },
+
+    //功能开发中
+    inDevelopment() {
+      this.$message.warning(
+        this.$t("message.laborMange.functionalDevelopment")
+      );
+    },
+
+    //查询按钮
+    inquireBtn() {
+      window._paq.push(["trackEvent", "点击", "查询", "查询人员信息"]);
+      this.page = 1;
+      this.getTableData();
+    },
+
+    //刷新按钮
+    refreshBtn() {
+      window._paq.push(["trackEvent", "点击", "刷新", "刷新人员信息"]);
+      this.page = 1;
+      this.tableParameter.idCard = "";
+      this.tableParameter.workerName = "";
+      this.tableParameter.inserviceType = "";
+      this.tableParameter.enterDate = "";
+      this.tableParameter.codeState = "";
+      this.getTableData();
+    },
+
+    //清空表单
+    resetForm(formName) {
+      this.aptitudeFileList = [];
+      this.logoFileList = [];
+      this.$refs[formName].resetFields();
+    },
+
+    // 文件上传 之前
+    handleBeforeUpload(file, type) {
+      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) {
+        if (
+          file.type != "image/jpeg" &&
+          file.type != "image/jpg"
+          // file.type != "image/png"
+        ) {
+          this.$message.error(this.$t("message.laborMange.hint8")); //"请上传jpg、jpeg格式图片"
+          return false;
+        }
+      }
+      return true;
+    },
+
+    //删除 身份证头像  或 现场采集照片
+    shutIconBtn(type) {
+      if (type == 0) {
+        this.personForm.idCardBigPhotoUrl = "";
+        this.idCardUpPhotoFile = [];
+      } else if (type == 1) {
+        this.personForm.fieldAcquisitionUrl = "";
+        this.fieldAcquisitionFile = [];
+        this.personForm.personSerial = "";
+        this.radio = "";
+      } else if (type == 2) {
+        this.personForm.idCardUpPhotoUrl = "";
+        this.idCardUpPhotoFile = [];
+      } else if (type == 3) {
+        this.personForm.idCardDownPhotoUrl = "";
+        this.idCardDownPhotoUrlFile = [];
+      }
+    },
+    // 临时人员
+    handleTemporaryRemove() {
+      if (file.status == "ready") {
+      } else {
+        this.$message.success(this.$t("message.laborMange.deleteSuccess"));
+        if (type == 1) {
+          this.addForm.fieldAcquisitionUrl = "";
+        }
+      }
+    },
+    //删除上传文件
+    handleRemove(file, type) {
+      if (file.status == "ready") {
+      } else {
+        this.$message.success(this.$t("message.laborMange.deleteSuccess"));
+        if (type == 1) {
+          this.enterpriseForm.enterpriseQualificationUrl = "";
+        } else if (type == 2) {
+          this.enterpriseForm.logo = "";
+        } else if (type == 3) {
+          let newArr = [];
+          let arrJoin = [];
+          for (let i = 0; i < this.examinationFile.length; i++) {
+            if (file.uid == this.examinationFile[i].uid) {
+              this.examinationFile.splice(i, 1);
+              newArr = this.examinationFile;
+            }
+          }
+          if (newArr.length > 0) {
+            for (let j = 0; j < newArr.length; j++) {
+              let data =
+                this.examinationFile[j].name +
+                "*" +
+                this.examinationFile[j].url;
+              arrJoin.push(data);
+            }
+          } else {
+            arrJoin = newArr;
+          }
+          this.personForm.examinationImage = arrJoin.join(",");
+        } else if (type == 4) {
+          let newArr = [];
+          let arrJoin = [];
+          for (let i = 0; i < this.contractFile.length; i++) {
+            if (file.uid == this.contractFile[i].uid) {
+              this.contractFile.splice(i, 1);
+              newArr = this.contractFile;
+            }
+          }
+          if (newArr.length > 0) {
+            for (let j = 0; j < newArr.length; j++) {
+              let data =
+                this.contractFile[j].name + "*" + this.contractFile[j].url;
+              arrJoin.push(data);
+            }
+          } else {
+            arrJoin = newArr;
+          }
+          this.personForm.contractImage = arrJoin.join(",");
+        } else if (type == 5) {
+          let newArr = [];
+          let arrJoin = [];
+          for (let i = 0; i < this.employmentFile.length; i++) {
+            if (file.uid == this.employmentFile[i].uid) {
+              this.employmentFile.splice(i, 1);
+              newArr = this.employmentFile;
+            }
+          }
+          if (newArr.length > 0) {
+            for (let j = 0; j < newArr.length; j++) {
+              let data =
+                this.employmentFile[j].name + "*" + this.employmentFile[j].url;
+              arrJoin.push(data);
+            }
+          } else {
+            arrJoin = newArr;
+          }
+          this.personForm.employmentCard = arrJoin.join(",");
+        } else if (type == 6) {
+          this.personForm.idCardBigPhotoUrl = "";
+        } else if (type == 7) {
+          this.personForm.fieldAcquisitionUrl = "";
+        } else if (type == 8) {
+          this.personForm.idCardUpPhotoUrl = "";
+        } else if (type == 9) {
+          this.personForm.idCardDownPhotoUrl = "";
+        }
+      }
+    },
+    //上传成功
+    handleSuccess(file, type, file2) {
+      console.log(file, type, file2);
+      // 新增企业  type ==  1 资质照片; 2 logo;
+      // 人员录入  type ==  3 体检报告; 4 合同附件; 5 从业资格证书; 6 身份证头像; 7 现场采集人脸; 8 身份证国徽面; 9 身份证人像面
+      if (file.code == 200 || file.status == "SUCCESS") {
+        // this.$message.success(this.$t("message.laborMange.uploadSuccessful"));
+        let obj = {};
+        for (let i in file.data) {
+          obj = { name: file.data[i].filename, url: file.data[i].imageUrl };
+        }
+
+        if (type == 1) {
+          this.enterpriseForm.enterpriseQualificationUrl = JSON.stringify(obj);
+          this.aptitudeFileList = [obj];
+        } else if (type == 2) {
+          this.enterpriseForm.logo = JSON.stringify(obj);
+          this.logoFileList = [obj];
+        } else if (type == 3) {
+          this.examinationFile.push(obj);
+          let arrJoin = [];
+          for (let i in this.examinationFile) {
+            let data =
+              this.examinationFile[i].name + "*" + this.examinationFile[i].url;
+            arrJoin.push(data);
+          }
+          this.personForm.examinationImage = arrJoin.join(",");
+        } else if (type == 4) {
+          this.contractFile.push(obj);
+          let arrJoin = [];
+          for (let i in this.contractFile) {
+            let data =
+              this.contractFile[i].name + "*" + this.contractFile[i].url;
+            arrJoin.push(data);
+          }
+          this.personForm.contractImage = arrJoin.join(",");
+        } else if (type == 5) {
+          this.employmentFile.push(obj);
+          let arrJoin = [];
+          for (let i in this.employmentFile) {
+            let data =
+              this.employmentFile[i].name + "*" + this.employmentFile[i].url;
+            arrJoin.push(data);
+          }
+          this.personForm.employmentCard = arrJoin.join(",");
+        } else if (type == 8) {
+          console.log("身份证正面上传", file);
+          let data = {
+            name: file.data[0].filename,
+            url: file.data[0].imageUrl,
+          };
+          this.discernId(file.data[0].imageUrl, 2);
+          this.personForm.idCardUpPhotoUrl = data.url;
+          this.idCardUpPhotoUrlFile = [data];
+          if (this.personForm.idCardDownPhotoUrl) {
+            this.$refs["personForm"].clearValidate("idCardUpPhotoUrl");
+          }
+        } else if (type == 9) {
+          let data = {
+            name: file.data[0].filename,
+            url: file.data[0].imageUrl,
+          };
+          this.discernId(file.data[0].imageUrl, 1);
+          this.personForm.idCardDownPhotoUrl = data.url;
+          this.idCardDownPhotoUrlFile = [data];
+          if (this.personForm.idCardUpPhotoUrl) {
+            this.$refs["personForm"].clearValidate("idCardUpPhotoUrl");
+          }
+        }
+      } else {
+        //清空
+        this.$message.error(file.message);
+        if (type == 1) {
+          this.aptitudeFileList = [];
+        } else if (type == 2) {
+          this.logoFileList = [];
+        } else if (type == 3) {
+          this.examinationFile = [];
+        } else if (type == 4) {
+          this.contractFile = [];
+        } else if (type == 5) {
+          this.employmentFile = [];
+        } else if (type == 6) {
+          this.idCardUpPhotoFile = [];
+        } else if (type == 7) {
+          this.fieldAcquisitionFile = [];
+        } else if (type == 8) {
+          this.idCardUpPhotoUrlFile = [];
+        } else if (type == 9) {
+          this.idCardDownPhotoUrlFile = [];
+        }
+      }
+    },
+    // 人员照片库比对
+    checkImgLibrary(url) {
+      console.log(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 {
+            if (this.temporaryDialog1 || this.temporaryDialog2) {
+              this.personForm.personSerial = "";
+              this.personForm.fieldAcquisitionUrl = url;
+              this.fieldAcquisitionFile = [{ name: "", url: url }];
+              this.cropperDialog = false;
+            } else {
+              this.personForm.personSerial = "";
+              this.personForm.fieldAcquisitionUrl = url;
+              this.fieldAcquisitionFile = [{ name: "", url: url }];
+              this.cropperDialog = false;
+            }
+          }
+          console.log(res, "-----人员库照片查询");
+        }
+      );
+    },
+    //人脸监测、
+    checkFace(url) {
+      checkFaceApi({ fileUrl: url }).then((res) => {
+        if (res.result.checkType == 1) {
+          if (this.temporaryDialog1 || this.temporaryDialog2) {
+            this.personForm.fieldAcquisitionUrl = url;
+            this.fieldAcquisitionFile = [{ name: "", url: url }];
+            this.cropperDialog = false;
+          } else {
+            this.personForm.fieldAcquisitionUrl = url;
+            this.fieldAcquisitionFile = [{ name: "", url: url }];
+            this.cropperDialog = false;
+          }
+        } else {
+          this.$message.error(res.result.message);
+        }
+      });
+    },
+    //保存截图
+    saveMapUrlFn() {
+      this.$refs.cropper.startCrop();
+      var _this = this;
+      this.$refs.cropper.getCropBlob((data) => {
+        const isLt2M = data.size / 1024 < 500;
+        if (!isLt2M) {
+          this.$message.error(this.$t("message.laborMange.hint9"));
+          return;
+        }
+        var param = new FormData();
+        param.append("files", data, "image.png");
+        _this.$http
+          .post("/upload/image", param, {
+            headers: {
+              "Content-Type": "multipart/form-data",
+            },
+          })
+          .then((res) => {
+            console.log("aaaaa", res);
+            if (res.data.status == "SUCCESS") {
+              if (this.isSzProject == 1) {
+                this.checkImgLibrary(res.data.data[0].imageUrl);
+              } else {
+                this.checkFace(res.data.data[0].imageUrl);
+              }
+            }
+          });
+      });
+    },
+    // 超出 上传文件 数量
+    handleExceed(file, type) {
+      this.$message.error(
+        this.$t("message.laborMange.uploadLimitHasBeenReached")
+      );
+    },
+    //查看图片
+    handleTemporaryPreview(file, type) {
+      if (type === 0) {
+        this.bigImageDialog = true;
+        this.bigImageUrl = file;
+      } else {
+        // 新增企业  type ==  1 资质照片; 2 logo;
+        // 人员录入  type ==  3 体检报告; 4 合同附件; 5 从业资格证书; 6 身份证头像; 7 现场采集人脸;
+        let fileType = null;
+        if (file.response) {
+          let url = file.response.data[0];
+          fileType = url.imageUrl.split(".")[1];
+        } else {
+          fileType = file.url.split(".")[1];
+        }
+        if (
+          fileType != "jpg" &&
+          fileType != "jpeg" &&
+          fileType != "png" &&
+          fileType != "bmp" &&
+          fileType != "gif"
+        ) {
+          window.open(this.fileUrl + file.url);
+          //type== 0 直接查看列表中的图片
+        } else {
+          this.bigImageDialog = true;
+          this.bigImageUrl = file.response
+            ? this.fileUrl + file.response.data[0].imageUrl
+            : this.fileUrl + file.url;
+        }
+      }
+    },
+    //查看图片
+    handlePreview(file, type) {
+      if (type === 0) {
+        this.bigImageDialog = true;
+        this.bigImageUrl = file;
+      } else {
+        // 新增企业  type ==  1 资质照片; 2 logo;
+        // 人员录入  type ==  3 体检报告; 4 合同附件; 5 从业资格证书; 6 身份证头像; 7 现场采集人脸;
+        let fileType = null;
+        if (file.response) {
+          let url = file.response.data[0];
+          fileType = url.imageUrl.split(".")[1];
+        } else {
+          fileType = file.url.split(".")[1];
+        }
+        if (
+          fileType != "jpg" &&
+          fileType != "jpeg" &&
+          fileType != "png" &&
+          fileType != "bmp" &&
+          fileType != "gif"
+        ) {
+          window.open(this.fileUrl + file.url);
+          //type== 0 直接查看列表中的图片
+        } else {
+          this.bigImageDialog = true;
+          this.bigImageUrl = file.response
+            ? this.fileUrl + file.response.data[0].imageUrl
+            : this.fileUrl + file.url;
+        }
+      }
+    },
+
+    //上传失败
+    handleError(file, type) {
+      this.$message.error(this.$t("message.laborMange.pleaseReupload"));
+    },
+    //点击全选时
+    handleCheckAllChange(val) {
+      let checkedLst = val ? this.tableListData : [];
+      this.isIndeterminate = false;
+      for (let i in this.tableListData) {
+        if (checkedLst.length > 0 && this.tableListData[i].inserviceType == 1) {
+          this.$refs.multipleTable.toggleRowSelection(
+            this.tableListData[i],
+            true
+          );
+        } else {
+          this.$refs.multipleTable.toggleRowSelection(
+            this.tableListData[i],
+            false
+          );
+        }
+      }
+    },
+    // 获取 多选  选中的  数据
+    handleCheckedCitiesChange(value) {
+      if (value.length == 0) {
+        this.$nextTick(() => {
+          this.$refs.multipleTable.toggleRowSelection([], false);
+        });
+        this.checkAll = false;
+        this.isIndeterminate = false;
+        this.checkedWorker = [];
+      } else {
+        this.checkedWorker = value;
+        let checkedCount = value.length;
+        this.checkAll = checkedCount === this.tableListData.length;
+        this.isIndeterminate =
+          checkedCount > 0 && checkedCount < this.tableListData.length;
+      }
+    },
+
+    // 离职状态 不能多选
+    selectEnable(row, rowIndex) {
+      if (row.inserviceType == 1) {
+        return true;
+      } else {
+        return false;
+      }
+    },
+    //批量移动按钮
+    batchMove() {
+      this.batchMoveDialog = true;
+      this.batchMoveForm = {
+        teamId: "",
+        departmentId: "",
+        enterpriseId: "",
+      };
+      setTimeout(() => {
+        this.$refs["batchMoveForm"].clearValidate();
+      }, 120);
+      this.changeMoveCompany(this.checkedId);
+    },
+    //选择批量移动的 公司时
+    changeMoveCompany(value) {
+      this.batchMoveForm.teamId = "";
+      let data = {
+        enterpriseId: value,
+        projectSn: this.projectSn,
+      };
+      getTeamInfoList(data).then((res) => {
+        if (res.code == 200) {
+          this.moveTeamList = res.result;
+        }
+      });
+    },
+
+    //批量移动 保存按钮
+    saveBatchMove(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          let data = this.batchMoveForm;
+          let arr = [];
+          if (this.checkedWorker.length > 0) {
+            for (let i in this.checkedWorker) {
+              arr.push(this.checkedWorker[i].id);
+            }
+          }
+          data.workerIdStr = arr.join(",");
+          updateWorkerTeam(data).then((res) => {
+            if (res.code == 200) {
+              this.batchMoveDialog = false;
+              this.$message.success(
+                this.$t("message.laborMange.mobileSuccess")
+              );
+              this.getTeamList();
+              this.resetForm(formName);
+            }
+          });
+        } else {
+          return false;
+        }
+      });
+    },
+
+    //新增 人员  输入身份证 自动获取 出身日期  性别
+    changeIdCard(value) {
+      if (value.length < 18) {
+        this.$message.error(
+          this.$t("message.laborMange.PleaseEnterYourFullIDNumber")
+        );
+        return;
+      } else {
+        let birth = this.getBirth(value);
+        let sex = this.getSex(value);
+        this.personForm.sex = Number(sex);
+        this.personForm.birthday = birth;
+      }
+    },
+    // 获取 出生日期
+    getBirth(idCard) {
+      var birthday = "";
+      if (idCard != null && idCard != "") {
+        if (idCard.length == 15) {
+          birthday = "19" + idCard.slice(6, 12);
+        } else if (idCard.length == 18) {
+          birthday = idCard.slice(6, 14);
+        }
+        birthday = birthday.replace(/(.{4})(.{2})/, "$1-$2-");
+        //通过正则表达式来指定输出格式为:1990-01-01
+      }
+      return birthday;
+    },
+    //获取 性别 男女
+    getSex(idCard) {
+      var sexStr = "";
+      if (parseInt(idCard.slice(-2, -1)) % 2 == 1) {
+        sexStr = 1;
+      } else {
+        sexStr = 2;
+      }
+      return sexStr;
+    },
+
+    //下载插件
+    downloadPlugIn() {
+      window.open("http://139.159.226.224:9000/itbgp/file/IDCamera1.0.rar");
+    },
+
+    //打开摄像头
+    turnOnTheCamera(type) {
+      var ws = new WebSocket("ws://127.0.0.1:1818");
+      this.webSocket = ws;
+      ws.onopen = (event) => {
+        this.onopen(event, type);
+      };
+
+      ws.onmessage = (event) => {
+        this.onmessage(event, type);
+      };
+
+      ws.onerror = this.onerror;
+    },
+    //发送链接设备请求
+    onopen(event, type) {
+      if (type == 1) {
+        // 识别身份证
+        this.webSocket.send("ReadCard(1001,C:\\Doccamera\\)");
+      } else if (type == 2) {
+        //打开人脸 摄像头
+        this.webSocket.send("OpenFaceFrame(1)");
+        this.webSocket.send("vSetResolutionEx(2,3)");
+        this.webSocket.send("bStartPlay2");
+      } else {
+        //文件 打开识别摄像头
+        this.webSocket.send("OpenFaceFrame(0)");
+        this.webSocket.send("vSetResolutionEx(2,3)");
+        this.webSocket.send("bStartPlay");
+      }
+    },
+    //接收服务器返回的信息
+    onmessage(event, type) {
+      //结束通讯
+      if (
+        event.data.indexOf("BeginbStopPlaytrueEndbStopPlay") >= 0 ||
+        event.data.indexOf("BeginbStopPlayfalseEndbStopPlay") >= 0 ||
+        event.data.indexOf("BeginbStartPlayfalseEndbStartPlay") >= 0 ||
+        event.data.indexOf("BeginbStartPlay2falseEndbStartPlay2") >= 0 ||
+        event.data.indexOf("BeginOpenFaceFrametrueEndOpenFaceFrame") >= 0
+      ) {
+        this.instrUmentScreenDialog = false;
+        return;
+      } else if (
+        event.data.indexOf("BeginbStopPlaytrueEndbStopPlay") == -1 &&
+        event.data.indexOf("BeginReadCard") == -1
+      ) {
+        this.instrUmentScreenDialog = true;
+      }
+      if (event.data.indexOf("BeginReadCard") >= 0) {
+        //获取身份证信息
+        if (event.data == "BeginReadCardEndReadCard") {
+          this.$message.error(
+            this.$t("message.laborMange.failedToObtainIdentityInformation")
+          );
+          return;
+        } else {
+          // 截取掉 多余的字符
+          let data = JSON.parse(
+            event.data.replace("BeginReadCard", "").replace("EndReadCard", "")
+          );
+          //身份证 人脸照片
+          this.uploadFile(data.PhotoB64, 1);
+          //身份证 国徽面
+          this.uploadFile(data.BackB64, 2);
+          //身份证 人像面
+          this.uploadFile(data.FrontB64, 3);
+          this.$refs["personForm"].clearValidate();
+          this.personForm.nativePlace = data.Address;
+          this.personForm.issuingAuthorityForIdcard = data.Agency;
+          this.personForm.nation =
+            data.Folk + this.$t("message.laborMange.clan");
+          this.personForm.workerName = data.Name;
+          this.personForm.idCard = data.IdNo;
+          //截取身份证有效日期
+          let date = data.Valid.split("-");
+          this.personForm.idCardEndDate = date[1] == "长期" ? "" : date[1];
+          this.personForm.longTerm = date[1] == "长期" ? true : false;
+          this.changeIdCard(data.IdNo);
+        }
+      } else if (event.data.indexOf("BeginBase64") >= 0) {
+        if (type == 2) {
+          this.$message.success(
+            this.$t("message.laborMange.takePhotosSuccess")
+          );
+          // 上传的是现场采集照片
+          let url = JSON.parse(JSON.stringify(event.data.substring(11)));
+          this.uploadFile(url, 4);
+        } else if (type == 5) {
+          //合同附件
+          if (this.contractFile.length >= 3) {
+            this.$message.error(
+              this.$t("message.laborMange.uploadLimitHasBeenReached")
+            );
+            return;
+          } else {
+            this.$message.success(
+              this.$t("message.laborMange.takePhotosSuccess")
+            );
+            let url = JSON.parse(JSON.stringify(event.data.substring(11)));
+            this.uploadFile(url, 5);
+          }
+        } else if (type == 6) {
+          //从业资格证书
+          if (this.employmentFile.length >= 3) {
+            this.$message.error(
+              this.$t("message.laborMange.uploadLimitHasBeenReached")
+            );
+            return;
+          } else {
+            this.$message.success(
+              this.$t("message.laborMange.takePhotosSuccess")
+            );
+            let url = JSON.parse(JSON.stringify(event.data.substring(11)));
+            this.uploadFile(url, 6);
+          }
+        } else if (type == 7) {
+          //体检报告
+          if (this.examinationFile.length >= 3) {
+            this.$message.error(
+              this.$t("message.laborMange.uploadLimitHasBeenReached")
+            );
+            return;
+          } else {
+            this.$message.success(
+              this.$t("message.laborMange.takePhotosSuccess")
+            );
+            let url = JSON.parse(JSON.stringify(event.data.substring(11)));
+            this.uploadFile(url, 7);
+          }
+        }
+      } else {
+        //显示的图像
+        this.umentScreenUrl = this.base64Type + event.data;
+      }
+    },
+    onerror() {
+      this.$message.error(this.$t("message.laborMange.failedToConnectDevice"));
+    },
+
+    //保存 并 关闭
+    onclose(type) {
+      if (type == 1) {
+        this.webSocket.send("sGetBase64");
+      } else if (type == 2) {
+        this.webSocket.send("bStopPlay");
+      }
+    },
+
+    //上传现场采集照片发到服务器
+    uploadFile(url, type) {
+      let param = new FormData(); //创建form对象
+      // if(url.endsWidth('EndBase64')){
+      url = url.replace("EndBase64", "");
+      // }
+      param.append("base64Image", this.base64Type + url); //通过append向form对象添加数据
+      this.$http({
+        url: "/upload/uploadBase64",
+        method: "post",
+        data: param,
+        headers: {
+          "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8",
+        },
+      }).then((res) => {
+        if ((res.status = "SUCCESS")) {
+          if (type == 1) {
+            this.personForm.idCardBigPhotoUrl = res.data.data.imageUrl;
+          } else if (type == 2) {
+            this.personForm.idCardUpPhotoUrl = res.data.data.imageUrl;
+          } else if (type == 3) {
+            this.personForm.idCardDownPhotoUrl = res.data.data.imageUrl;
+          } else if (type == 4) {
+            this.personForm.fieldAcquisitionUrl = res.data.data.imageUrl;
+          } else if (type == 5) {
+            let arr =
+              this.personForm.contractImage != ""
+                ? this.personForm.contractImage.split(",")
+                : [];
+            let newUrl =
+              this.$t("message.laborMange.contract") +
+              (arr.length + 1) +
+              "*" +
+              res.data.data.imageUrl;
+            let data = {
+              name: this.$t("message.laborMange.contract") + (arr.length + 1),
+              url: res.data.data.imageUrl,
+            };
+            arr.push(newUrl);
+            this.personForm.contractImage = arr.join(",");
+            this.contractFile.push(data);
+          } else if (type == 6) {
+            let arr =
+              this.personForm.employmentCard != ""
+                ? this.personForm.employmentCard.split(",")
+                : [];
+            let newUrl =
+              this.$t("message.laborMange.certificate") +
+              (arr.length + 1) +
+              "*" +
+              res.data.data.imageUrl;
+            let data = {
+              name:
+                this.$t("message.laborMange.certificate") + (arr.length + 1),
+              url: res.data.data.imageUrl,
+            };
+            arr.push(newUrl);
+            this.personForm.employmentCard = arr.join(",");
+            this.employmentFile.push(data);
+          } else if (type == 7) {
+            let arr =
+              this.personForm.examinationImage != ""
+                ? this.personForm.examinationImage.split(",")
+                : [];
+            let newUrl =
+              this.$t("message.laborMange.physical") +
+              (arr.length + 1) +
+              "*" +
+              res.data.data.imageUrl;
+            let data = {
+              name: this.$t("message.laborMange.physical") + (arr.length + 1),
+              url: res.data.data.imageUrl,
+            };
+            arr.push(newUrl);
+            this.personForm.examinationImage = arr.join(",");
+            this.examinationFile.push(data);
+          }
+        } else {
+          this.$message.error(
+            this.$t("message.laborMange.PhotoUploadingToServerFailed")
+          );
+        }
+      });
+    },
+
+    //身份证识别
+    discernId(url, type) {
+      let data = {
+        imageUrl: this.fileUrl + url,
+        side: type,
+      };
+      getIdCardInfoApi(data).then((res) => {
+        console.log("返回值", res);
+        if (res.code == 200) {
+          console.log("成了吗", res);
+          let val = res.result;
+          if (type == 1) {
+            this.personForm.nation =
+              val.ethnicity + this.$t("message.laborMange.clan");
+            this.personForm.sex = val.sex == "男" ? 1 : 2;
+            this.personForm.workerName = val.name;
+            this.personForm.birthday = val.birth;
+            this.personForm.nativePlace = val.address;
+            this.personForm.idCard = val.number;
+          } else {
+            this.personForm.issuingAuthorityForIdcard = val.issue;
+            this.personForm.idCardEndDate =
+              val.valid_to != "长期" ? val.valid_to : "";
+            this.personForm.longTerm = val.valid_to == "长期" ? true : false;
+          }
+        } else {
+          this.$message.error(this.$t("message.laborMange.hint10"));
+        }
+      });
+    },
+  },
+  watch: {
+    adminDialogVisible: function(newValue, oldValue) {
+      console.log(newValue, '我是管理人员');
+      this.visible = newValue;
+      this.personForm.enterpriseId = "";
+      this.personForm.teamId = "";
+      this.workerTypeList = [];
+      this.getProjectList();
+      this.typeRadio = 1;
+      this.personnelEntry();
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+@import "../laborPersonCommon.less";
+::v-deep .el-button--medium {
+  padding: 9px 16px;
+}
+.laborComponent {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+.left2 {
+  width: 370px;
+  // background: #fbfbfb;
+  height: 100%;
+  position: relative;
+  .placeholder {
+    width: 339px;
+    height: 42px;
+  }
+  .left_list {
+    width: 100%;
+    text-align: center;
+    height: calc(100% - 61px);
+    .list_content {
+      height: calc(100% - 114px);
+      overflow-y: hidden;
+      margin-bottom: 60px;
+    }
+    .list_content:hover {
+      overflow-y: auto;
+    }
+    .list_content::-webkit-scrollbar {
+      /*滚动条整体样式*/
+      width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
+      height: 1px;
+    }
+    .list_content::-webkit-scrollbar-thumb {
+      /*滚动条里面小方块*/
+      border-radius: 5px;
+      // box-shadow: inset 0 0 5px #C1C1C1;
+      background: #c1c1c1;
+    }
+    .list_content::-webkit-scrollbar-track {
+      /*滚动条里面轨道*/
+      // box-shadow: inset 0 0 5px #C1C1C1;
+      border-radius: 5px;
+      background: #f1f1f1;
+    }
+  }
+  .el-menu-vertical-demo {
+    text-align: left;
+  }
+  .addFirm {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 45px;
+    line-height: 45px;
+    color: rgba(81, 129, 246, 1);
+    font-size: 15px;
+    text-align: center;
+    background: #fff;
+    border-top: 1px solid #e6e6e6;
+    font-family: PingFangSC-Regular;
+    cursor: pointer;
+  }
+  .content_data {
+    padding: 0 20px;
+    box-sizing: border-box;
+    height: 43px;
+    line-height: 43px;
+    cursor: pointer;
+    .enterpriseName {
+      width: 80%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      text-align: left;
+    }
+    .enterpriseName2 {
+      text-align: left;
+      width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+  .checkedName {
+    background-color: rgba(81, 129, 246, 0.1);
+    border-left: 3px solid #5181f6;
+    padding-left: 17px;
+  }
+}
+/deep/ .el-form--label-top .el-form-item__label {
+  padding: 0;
+}
+// 照片导入
+.importImgDialog {
+  /deep/.el-dialog__body {
+    padding: 15px 20px;
+  }
+}
+.import-content {
+  .alarm-content {
+    display: flex;
+    align-items: center;
+    margin-left: 104px;
+    .el-icon-warning-outline {
+      color: #ea3941;
+      font-size: 23px;
+    }
+    div {
+      width: 405px;
+      line-height: 18px;
+      font-family: Source Han Sans CN, Source Han Sans CN;
+      font-weight: 400;
+      font-size: 12px;
+      color: #ea3941;
+      margin: 5px;
+    }
+  }
+  .import-operation {
+    display: flex;
+    margin-top: 5px;
+    margin-left: 136px;
+    span {
+      font-family: Source Han Sans CN, Source Han Sans CN;
+      font-weight: 400;
+      font-size: 14px;
+      color: #272d45;
+      margin-right: 10px;
+    }
+    > div {
+      .upload-demo {
+        width: 321px;
+        height: 45px;
+        /deep/.el-upload {
+          width: 100%;
+          height: 100%;
+          .el-upload-dragger {
+            width: 100%;
+            height: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            .el-icon-upload {
+              color: #a2a4af;
+              font-size: 20px;
+              margin: 0px;
+              margin-right: 5px;
+            }
+            .el-upload__text {
+              font-family: Source Han Sans CN, Source Han Sans CN;
+              font-weight: 400;
+              font-size: 14px;
+              color: #a2a4af;
+            }
+          }
+        }
+      }
+    }
+  }
+  .upload-tip {
+    width: 321px;
+    margin-left: 215px;
+    margin-top: 5px;
+    font-family: Source Han Sans CN, Source Han Sans CN;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 18px;
+    color: #a2a4af;
+  }
+  .upload-tip-sub {
+    width: 321px;
+    margin-left: 215px;
+    margin-top: 5px;
+    font-family: Source Han Sans CN, Source Han Sans CN;
+    font-weight: 400;
+    font-size: 14px;
+    color: #5181f6;
+    line-height: 16px;
+  }
+}
+.dialog_content {
+  padding: 0 100px;
+  .el-form-item--small.el-form-item {
+    margin-bottom: 10px;
+  }
+}
+.addPerson_content {
+  padding: 0 25px;
+  .el-form-item--small.el-form-item {
+    margin-bottom: 10px;
+  }
+  .type-change {
+    margin: 5px 0px;
+  }
+}
+
+.shut_icon {
+  position: absolute;
+  right: -11px;
+  top: -11px;
+  z-index: 1000;
+  margin: 5px;
+  cursor: pointer;
+}
+.dialog_content {
+  height: 617px;
+  padding: 0 20px;
+}
+.examination {
+  margin-top: -30px;
+}
+.custom-tree-node {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 90%;
+  padding-right: 10px;
+  box-sizing: border-box;
+}
+/deep/ .el-tree-node__content {
+  height: 36px;
+}
+
+/deep/ .el-tree-node.is-current > .el-tree-node__content {
+  background-color: rgba(168, 191, 230, 0.69) !important;
+}
+
+/deep/ .el-tree-node__content:hover {
+  background: transparent;
+}
+
+/deep/ .el-tree-node__expand-icon {
+  font-size: 20px;
+}
+.img-list {
+  .form-label {
+    margin-bottom: 20px;
+    span {
+      color: #f56c6c;
+    }
+  }
+  .radio-box {
+    padding: 0 30px;
+  }
+  /deep/.el-radio {
+    display: inline-flex;
+    align-items: center;
+    margin-right: 30px;
+    margin-bottom: 20px;
+  }
+  .btn-box {
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-around;
+  }
+}
+.administration {
+  //   width: 100%;
+  //   height: 100%;
+  .left2 {
+    width: 370px;
+    height: 100%;
+    position: relative;
+    .placeholder {
+      width: 339px;
+      height: 42px;
+    }
+    .left_list {
+      width: 370px;
+      text-align: center;
+      height: calc(100% - 61px);
+      .list_content {
+        height: calc(100% - 114px);
+        overflow-y: hidden;
+        margin-bottom: 60px;
+      }
+      .list_content:hover {
+        overflow-y: auto;
+      }
+      .list_content::-webkit-scrollbar {
+        /*滚动条整体样式*/
+        width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
+        height: 1px;
+      }
+      .list_content::-webkit-scrollbar-thumb {
+        /*滚动条里面小方块*/
+        border-radius: 5px;
+        background: #c1c1c1;
+      }
+      .list_content::-webkit-scrollbar-track {
+        /*滚动条里面轨道*/
+        border-radius: 5px;
+        background: #f1f1f1;
+      }
+    }
+    .el-menu-vertical-demo {
+      text-align: left;
+    }
+    .addFirm {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      height: 45px;
+      line-height: 45px;
+      color: rgba(81, 129, 246, 1);
+      font-size: 15px;
+      text-align: center;
+      background: #fff;
+      border-top: 1px solid #e6e6e6;
+      font-family: PingFangSC-Regular;
+      cursor: pointer;
+    }
+    .content_data {
+      padding: 0 20px;
+      box-sizing: border-box;
+      height: 43px;
+      line-height: 43px;
+      cursor: pointer;
+      .enterpriseName {
+        width: 80%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        text-align: left;
+      }
+      .enterpriseName2 {
+        text-align: left;
+        width: 100%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+    .checkedName {
+      background-color: rgba(81, 129, 246, 0.1);
+      border-left: 3px solid #5181f6;
+      padding-left: 17px;
+    }
+  }
+  .right2 {
+    margin-left: 11px !important;
+  }
+  .fixed_title {
+    height: 38px;
+    line-height: 38px;
+    font-weight: 600;
+    background: #ededed;
+    padding-left: 15px;
+    // margin-top: -15px;
+    margin-bottom: 10px;
+    margin-left: -15px;
+  }
+}
+.temporary {
+  //   width: 100%;
+  //   height: 100%;
+  height: auto !important;
+  .placeholder {
+    width: 100%;
+    height: 41px;
+    border-bottom: 1px solid #e6e6e6;
+  }
+  .content {
+    padding: 15px 0;
+    box-sizing: border-box;
+    width: 100%;
+    height: calc(100% - 42px);
+  }
+  .title_wrap {
+    width: 100%;
+    box-sizing: border-box;
+    padding: 0 20px;
+    border-bottom: 2px solid @borderColor;
+  }
+  .titleStyle {
+    width: 100%;
+    font-size: 14px;
+    font-weight: 600;
+    margin: -15px 0 15px;
+    background: #ededed;
+    padding: 10px 15px;
+    box-sizing: border-box;
+  }
+  .uploadImage_wrap {
+    margin: 10px 0 0 0;
+    .position {
+      position: relative;
+    }
+    .shut_icon {
+      position: absolute;
+      top: -11px;
+      right: -11px;
+      z-index: 100;
+      margin: 5px;
+      cursor: pointer;
+    }
+  }
+  .required {
+    color: #f56c6c;
+  }
+  .workerName {
+    color: #5181f6;
+    font-size: 18px;
+    margin-bottom: 10px;
+    cursor: pointer;
+  }
+  .bigImageDialog {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, 0.5);
+    text-align: center;
+    z-index: 1000000;
+    overflow-y: auto;
+    // padding-bottom: 50px;
+    height: 100%;
+    .bigImageContent {
+      height: 100%;
+      margin: 0 auto;
+      text-align: center;
+    }
+    img {
+      // margin-top: 10%;
+      position: relative;
+      top: 10%;
+      max-height: 80%;
+      max-width: 80%;
+    }
+  }
+}
+</style>
diff --git a/src/views/projectFront/laborManage/components/comboForm/dialogPage/laborDialog.vue b/src/views/projectFront/laborManage/components/comboForm/dialogPage/laborDialog.vue
new file mode 100644
index 00000000..417942aa
--- /dev/null
+++ b/src/views/projectFront/laborManage/components/comboForm/dialogPage/laborDialog.vue
@@ -0,0 +1,3655 @@
+<template>
+  <div class="comboComponent">
+    <!-- 劳务人员录入弹窗 -->
+    <el-dialog
+      @close="closeDialog"
+      :modal-append-to-body="false"
+      :title="personDialogTitle"
+      :close-on-click-modal="false"
+      :visible.sync="visible"
+      width="969px"
+    >
+      <vue-scroll style="height: 618px">
+        <div class="dialog_content addPerson_content" ref="personDialog">
+          <!-- 劳务人员表单 -->
+          <el-form
+            size="small"
+            ref="personForm"
+            label-position="top"
+            :model="personForm"
+            label-width="80px"
+            :rules="rules"
+          >
+            <el-row :gutter="24">
+              <el-col :span="16">
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item label="所属企业" prop="enterpriseId">
+                      <el-select
+                        v-model="personForm.enterpriseId"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        @change="enterpriseChange"
+                      >
+                        <el-option
+                          v-for="item in enterpriseListData"
+                          :key="item.id"
+                          :label="item.enterpriseName"
+                          :value="item.id"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item label="所属人员类型" prop="personType">
+                      <el-select
+                        v-model="personForm.personType"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        @change="personTypeChange"
+                      >
+                        <el-option
+                          v-for="(item, index) in memberTypeList"
+                          :key="index"
+                          :label="item.name"
+                          :value="item.value"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item label="所属班组/部门" prop="teamId">
+                      <el-select
+                        v-model="personForm.teamId"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        :disabled="titleType == 'detail'"
+                      >
+                        <el-option
+                          v-for="item in workerTypeList"
+                          :key="item.id"
+                          :label="item.teamName"
+                          :value="item.id"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.compellation')"
+                      prop="workerName"
+                    >
+                      <el-input
+                        v-model="personForm.workerName"
+                        :disabled="titleType == 'detail'"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.frontAndBackOfIdCard')"
+                      prop="idCardUpPhotoUrl"
+                    >
+                      <div class="flex3" style="width: 160px;">
+                        <div>
+                          <div
+                            v-if="personForm.idCardUpPhotoUrl"
+                            style="
+                                  position: relative;
+                                  width: 60px;
+                                  height: 38px;
+                                "
+                          >
+                            <img
+                              :src="fileUrl + personForm.idCardUpPhotoUrl"
+                              style="width: 60px; height: 38px"
+                              @click="
+                                handlePreview(
+                                  fileUrl + personForm.idCardUpPhotoUrl,
+                                  0
+                                )
+                              "
+                            />
+                            <img
+                              v-if="
+                                personForm.idCardUpPhotoUrl &&
+                                  titleType != 'detail'
+                              "
+                              src="@/assets/images/shut_icon.png"
+                              width="15px"
+                              height="15px"
+                              class="shut_icon"
+                              @click="shutIconBtn(2)"
+                            />
+                          </div>
+                          <el-upload
+                            v-else
+                            class="upload-demo identity_card"
+                            :action="uploadUrl"
+                            :on-remove="(file) => handleRemove(file, 8)"
+                            :on-success="(file) => handleSuccess(file, 8)"
+                            :on-error="(file) => handleError(file, 8)"
+                            :on-preview="(file) => handlePreview(file, 8)"
+                            :beforeUpload="
+                              (file) => handleBeforeUpload(file, 8)
+                            "
+                            name="files"
+                            :class="titleType == 'detail' ? 'margin_top35' : ''"
+                            :file-list="idCardUpPhotoUrlFile"
+                            :disabled="titleType == 'detail'"
+                            :show-file-list="false"
+                          >
+                            <img src="@/assets/images/cockade.png" />
+                            <!-- <el-button type="primary" v-if="personDialogTitle!='人员信息详情'">上传国徽面</el-button> -->
+                          </el-upload>
+                        </div>
+                        <div>
+                          <div
+                            v-if="personForm.idCardDownPhotoUrl"
+                            style="
+                                  position: relative;
+                                  width: 60px;
+                                  height: 38px;
+                                "
+                          >
+                            <img
+                              :src="fileUrl + personForm.idCardDownPhotoUrl"
+                              style="width: 60px; height: 38px"
+                              @click="
+                                handlePreview(
+                                  fileUrl + personForm.idCardDownPhotoUrl,
+                                  0
+                                )
+                              "
+                            />
+                            <img
+                              v-if="
+                                personForm.idCardDownPhotoUrl &&
+                                  titleType != 'detail'
+                              "
+                              src="@/assets/images/shut_icon.png"
+                              width="15px"
+                              height="15px"
+                              class="shut_icon"
+                              @click="shutIconBtn(3)"
+                            />
+                          </div>
+                          <el-upload
+                            v-else
+                            class="upload-demo identity_card"
+                            :action="uploadUrl"
+                            :on-remove="(file) => handleRemove(file, 9)"
+                            :on-success="(file) => handleSuccess(file, 9)"
+                            :on-error="(file) => handleError(file, 9)"
+                            :on-preview="(file) => handlePreview(file, 9)"
+                            :beforeUpload="
+                              (file) => handleBeforeUpload(file, 9)
+                            "
+                            name="files"
+                            :class="titleType == 'detail' ? 'margin_top35' : ''"
+                            :file-list="idCardDownPhotoUrlFile"
+                            :disabled="titleType == 'detail'"
+                            :show-file-list="false"
+                          >
+                            <img src="@/assets/images/portrait.png" />
+                            <!-- <el-button type="primary" v-if="personDialogTitle!='人员信息详情'">上传人像面</el-button> -->
+                          </el-upload>
+                        </div>
+                      </div>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.sex')"
+                      prop="sex"
+                    >
+                      <el-radio-group
+                        v-model="personForm.sex"
+                        :disabled="titleType == 'detail'"
+                      >
+                        <el-radio :label="1">{{
+                          $t("message.laborMange.man")
+                        }}</el-radio>
+                        <el-radio :label="2">{{
+                          $t("message.laborMange.female")
+                        }}</el-radio>
+                      </el-radio-group>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.IdNumber2')"
+                      prop="idCard"
+                    >
+                      <el-input
+                        v-model="personForm.idCard"
+                        :disabled="titleType == 'detail'"
+                        maxlength="18"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                        @change="changeIdCard"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.dateOfBirth')"
+                      prop="birthday"
+                    >
+                      <el-date-picker
+                        v-model="personForm.birthday"
+                        type="date"
+                        :placeholder="
+                          $t('message.laborMange.pleaseSelectADate')
+                        "
+                        value-format="yyyy-MM-dd"
+                        style="width: 100%"
+                        :disabled="titleType == 'detail'"
+                      ></el-date-picker>
+                    </el-form-item>
+                  </el-col>
+
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.nation')"
+                      prop="nation"
+                    >
+                      <el-select
+                        v-model="personForm.nation"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        :disabled="titleType == 'detail'"
+                      >
+                        <el-option
+                          v-for="(item, index) in nationList"
+                          :key="index"
+                          :label="item.name"
+                          :value="item.name"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.nativePlace')"
+                      prop="nativePlace"
+                    >
+                      <el-input
+                        v-model="personForm.nativePlace"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                        :disabled="titleType == 'detail'"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.issuingAuthority')"
+                      prop="issuingAuthorityForIdcard"
+                    >
+                      <el-input
+                        v-model="personForm.issuingAuthorityForIdcard"
+                        :disabled="titleType == 'detail'"
+                        :placeholder="$t('message.laborMange.pleaseAuthority')"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.effectiveDate')"
+                      :prop="
+                        personForm.longTerm || personForm.longTerm == 1
+                          ? ''
+                          : 'idCardEndDate'
+                      "
+                    >
+                      <el-date-picker
+                        v-model="personForm.idCardEndDate"
+                        v-if="personForm.longTerm != 1 || !personForm.longTerm"
+                        :placeholder="
+                          personForm.longTerm
+                            ? ''
+                            : $t('message.laborMange.pleaseSelectADate')
+                        "
+                        value-format="yyyy-MM-dd"
+                        style="width: 75%"
+                        :disabled="personForm.longTerm || titleType == 'detail'"
+                      ></el-date-picker>
+                      <el-input
+                        v-else
+                        v-model="personForm.idCardEndDate"
+                        style="width: 75%"
+                        :disabled="true"
+                      ></el-input>
+
+                      <el-checkbox
+                        v-model="personForm.longTerm"
+                        :disabled="titleType == 'detail'"
+                        @change="checkboxLongTerm"
+                        style="margin-left: 10px"
+                        >{{ $t("message.laborMange.longTime") }}</el-checkbox
+                      >
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.phone')"
+                      prop="phoneNumber"
+                    >
+                      <el-input
+                        v-model="personForm.phoneNumber"
+                        :disabled="titleType == 'detail'"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                        oninput="if(value.length>11)value=value.slice(0,11)"
+                        type="number"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.emergencyContact')"
+                      prop="emergentPerson"
+                    >
+                      <el-input
+                        v-model="personForm.emergentPerson"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                        :disabled="titleType == 'detail'"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.emergencyContactPhone')"
+                      prop="emergentPhone"
+                    >
+                      <el-input
+                        v-model="personForm.emergentPhone"
+                        :disabled="titleType == 'detail'"
+                        oninput="if(value.length>11)value=value.slice(0,11)"
+                        type="number"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.dateOfEntry')"
+                      prop="enterDate"
+                    >
+                      <el-date-picker
+                        v-model="personForm.enterDate"
+                        :disabled="titleType == 'detail'"
+                        type="date"
+                        :placeholder="
+                          $t('message.laborMange.pleaseSelectADate')
+                        "
+                        value-format="yyyy-MM-dd"
+                        style="width: 100%"
+                      ></el-date-picker>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.workingState')"
+                      prop="inserviceType"
+                    >
+                      <el-select
+                        v-model="personForm.inserviceType"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        :disabled="true"
+                      >
+                        <el-option
+                          :label="$t('message.laborMange.onJob')"
+                          :value="1"
+                        ></el-option>
+                        <el-option
+                          :label="$t('message.laborMange.dimission')"
+                          :value="2"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.maritalStatus')"
+                      prop="marry"
+                    >
+                      <el-select
+                        v-model="personForm.marry"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        v-if="
+                          titleType != 'detail' ||
+                            (personForm.marry && titleType == 'detail')
+                        "
+                        :disabled="titleType == 'detail'"
+                      >
+                        <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>
+                      <el-input
+                        v-else
+                        :disabled="titleType == 'detail'"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.cardBank')"
+                      prop="payRollBankName"
+                    >
+                      <el-input
+                        v-model="personForm.payRollBankName"
+                        :placeholder="
+                          personForm.payRollBankName == '' &&
+                          titleType == 'detail'
+                            ? ''
+                            : $t('message.laborMange.placeholder2')
+                        "
+                        :disabled="titleType == 'detail'"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.bankCardNumber')"
+                      prop="payRollBankNumber"
+                    >
+                      <el-input
+                        v-model="personForm.payRollBankNumber"
+                        :disabled="titleType == 'detail'"
+                        :placeholder="
+                          personForm.payRollBankNumber == '' &&
+                          titleType == 'detail'
+                            ? ''
+                            : $t('message.laborMange.placeholder2')
+                        "
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.educationBackground')"
+                      prop="educational"
+                    >
+                      <el-select
+                        v-model="personForm.educational"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        :disabled="titleType == 'detail'"
+                        v-if="
+                          titleType != 'detail' ||
+                            (personForm.educational && titleType == 'detail')
+                        "
+                      >
+                        <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>
+                      <el-input
+                        v-else
+                        :disabled="titleType == 'detail'"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.bloodType')"
+                      prop="blood"
+                    >
+                      <el-select
+                        v-model="personForm.blood"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        :disabled="titleType == 'detail'"
+                        v-if="
+                          titleType != 'detail' ||
+                            (personForm.blood && titleType == 'detail')
+                        "
+                        style="width: 100%"
+                      >
+                        <el-option label="A" value="A"></el-option>
+                        <el-option label="B" value="B"></el-option>
+                        <el-option label="AB" value="AB"></el-option>
+                        <el-option label="O" value="O"></el-option>
+                      </el-select>
+                      <el-input
+                        v-else
+                        :disabled="titleType == 'detail'"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.politicsStatus')"
+                      prop="politicsStatus"
+                    >
+                      <el-select
+                        v-model="personForm.politicsStatus"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        v-if="
+                          titleType != 'detail' ||
+                            (personForm.politicsStatus && titleType == 'detail')
+                        "
+                        :disabled="titleType == 'detail'"
+                      >
+                        <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>
+                      <el-input
+                        v-else
+                        :disabled="titleType == 'detail'"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.attendanceNumber')"
+                      prop="attendanceNumber"
+                    >
+                      <el-input
+                        :disabled="titleType == 'detail'"
+                        v-model="personForm.attendanceNumber"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                      ></el-input> </el-form-item
+                  ></el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.attendanceRules')"
+                      prop="ruleId"
+                    >
+                      <el-select
+                        v-model="personForm.ruleId"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        v-if="
+                          titleType != 'detail' ||
+                            (personForm.ruleId && titleType == 'detail')
+                        "
+                        @change="changRuleId"
+                        :disabled="titleType == 'detail'"
+                      >
+                        <el-option
+                          v-for="(item, index) in attendRulesList"
+                          :key="index"
+                          :label="item.ruleName"
+                          :value="item.id"
+                        ></el-option>
+                      </el-select>
+                      <el-input
+                        v-else
+                        :disabled="titleType == 'detail'"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item label="人员定位标签号" prop="locationCardno">
+                      <el-input
+                        v-model="personForm.locationCardno"
+                        placeholder="请输入标签号"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <div class="type-change">
+                  <el-radio-group v-model="typeRadio">
+                    <el-radio :label="1">设备</el-radio>
+                    <el-radio :label="2">分组</el-radio>
+                  </el-radio-group>
+                </div>
+                <el-row v-if="typeRadio == 1">
+                  <el-form-item
+                    :label="$t('message.laborMange.faceDevice')"
+                    prop="ufaceDevList"
+                  >
+                    <el-checkbox
+                      :indeterminate="isIndeterminate2"
+                      v-model="checkAllFaceDev"
+                      @change="handleCheckAllChangeFace"
+                      >{{ $t("message.laborMange.checkAll") }}</el-checkbox
+                    >
+                    <el-checkbox-group
+                      v-model="personForm.ufaceDevId"
+                      @change="handleUfaceDevChange"
+                    >
+                      <el-checkbox
+                        v-for="(item, index) in ufaceDevAllList"
+                        :key="index"
+                        :label="item.id"
+                        :disabled="item.disabled"
+                      >
+                        {{ item.devName }}
+                      </el-checkbox>
+                    </el-checkbox-group>
+                  </el-form-item>
+                </el-row>
+                <el-row v-if="typeRadio == 2">
+                  <el-form-item label="人脸分组" prop="ufaceDevList">
+                    <el-checkbox
+                      :indeterminate="isIndeterminate3"
+                      v-model="checkAllGroupDev"
+                      @change="handleCheckAllChangeGroup"
+                      >{{ $t("message.laborMange.checkAll") }}</el-checkbox
+                    >
+                    <el-checkbox-group
+                      key="group2"
+                      v-model="personForm.uGroupId"
+                      @change="handleUGroupChange"
+                    >
+                      <el-checkbox
+                        v-for="(item, index) in uGroupAllList"
+                        :key="index"
+                        :label="item.id"
+                        :disabled="item.disabled"
+                      >
+                        {{ item.name }}
+                      </el-checkbox>
+                    </el-checkbox-group>
+                  </el-form-item>
+                </el-row>
+              </el-col>
+              <el-col :span="8">
+                <el-row :gutter="24">
+                  <el-button
+                    size="medium"
+                    type="primary"
+                    style="
+                          margin-left: 30px;
+                          width: 120px;
+                          text-align: center;
+                          padding: 9px 12px;
+                        "
+                    v-if="titleType != 'detail'"
+                    @click="turnOnTheCamera(1)"
+                    >{{ $t("message.laborMange.idCardInformation") }}</el-button
+                  >
+                  <el-button
+                    size="medium"
+                    type="primary"
+                    style="
+                          margin-left: 22px;
+                          width: 104px;
+                          text-align: center;
+                          padding: 9px 18px;
+                        "
+                    v-if="titleType != 'detail'"
+                    @click="turnOnTheCamera(2)"
+                    >{{ $t("message.laborMange.turnCamera") }}</el-button
+                  >
+                  <el-button
+                    size="medium"
+                    type="primary"
+                    style="
+                          width: 82%;
+                          margin: 15px 0 18px 30px;
+                          background: #09c2aa;
+                          border-color: #09c2aa;
+                        "
+                    @click="downloadPlugIn"
+                    v-if="titleType != 'detail'"
+                    >{{ $t("message.laborMange.highBeatDownload") }}</el-button
+                  >
+                  <el-row :gutter="24">
+                    <el-col :span="10" :offset="2">
+                      <div
+                        style="position: relative; width: 100px; height: 119px"
+                      >
+                        <img
+                          v-if="personForm.idCardBigPhotoUrl"
+                          :src="fileUrl + personForm.idCardBigPhotoUrl"
+                          @click="
+                            handlePreview(
+                              fileUrl + personForm.idCardBigPhotoUrl,
+                              0
+                            )
+                          "
+                          width="100%"
+                          height="100%"
+                        />
+                        <img
+                          v-else
+                          src="@/assets/images/profile_photo.png"
+                          width="100%"
+                          height="100%"
+                        />
+                        <img
+                          v-if="
+                            personForm.idCardBigPhotoUrl &&
+                              titleType != 'detail'
+                          "
+                          src="@/assets/images/shut_icon.png"
+                          width="15px"
+                          height="15px"
+                          class="shut_icon"
+                          @click="shutIconBtn(0)"
+                        />
+                      </div>
+                      <div style="margin: 4px 0">
+                        <!-- <span style="color: #f76c6c">*</span> -->
+                        <div style="width: 100px;text-align: center;">
+                          {{ $t("message.laborMange.IdCardHead") }}
+                        </div>
+                      </div>
+                      <!-- 身份证头像 -->
+                      <el-upload
+                        class="upload-demo"
+                        action="uploadUrl"
+                        :on-remove="(file) => handleRemove(file, 6)"
+                        :on-preview="(file) => handlePreview(file, 6)"
+                        :before-upload="(file) => handleBeforeUpload(file, 6)"
+                        :show-file-list="false"
+                        :file-list="idCardUpPhotoFile"
+                        :disabled="titleType == 'detail'"
+                        :http-request="
+                          (val) => handleUpload(val, 'idCardAvatar')
+                        "
+                      >
+                        <el-button
+                          size="medium"
+                          style="padding: 9px 20px"
+                          type="primary"
+                          v-if="titleType != 'detail'"
+                          >{{
+                            $t("message.laborMange.clickOnTheUpload")
+                          }}</el-button
+                        >
+                      </el-upload>
+                    </el-col>
+                    <el-col :span="11" :offset="1">
+                      <div
+                        style="position: relative; width: 100px; height: 119px"
+                      >
+                        <img
+                          v-if="personForm.fieldAcquisitionUrl"
+                          :src="fileUrl + personForm.fieldAcquisitionUrl"
+                          @click="
+                            handlePreview(
+                              fileUrl + personForm.fieldAcquisitionUrl,
+                              0
+                            )
+                          "
+                          width="100%"
+                          height="100%"
+                        />
+                        <img
+                          v-else
+                          src="@/assets/images/profile_photo.png"
+                          width="100%"
+                          height="100%"
+                        />
+                        <img
+                          v-if="
+                            personForm.fieldAcquisitionUrl &&
+                              titleType != 'detail'
+                          "
+                          src="@/assets/images/shut_icon.png"
+                          width="15px"
+                          height="15px"
+                          class="shut_icon"
+                          @click="shutIconBtn(1)"
+                        />
+                      </div>
+                      <div style="margin: 4px 0">
+                        <span style="color: #f76c6c">*</span>
+                        <!-- <div style="width: 100px;text-align: center;"> -->
+                        {{ $t("message.laborMange.spotFaceCollection") }}
+                        <!-- </div> -->
+                      </div>
+                      <el-upload
+                        class="upload-demo"
+                        action="uploadUrl"
+                        :on-remove="(file) => handleRemove(file, 7)"
+                        :on-preview="(file) => handlePreview(file, 7)"
+                        :before-upload="(file) => handleBeforeUpload(file, 7)"
+                        :file-list="fieldAcquisitionFile"
+                        :disabled="titleType == 'detail'"
+                        :show-file-list="false"
+                        :http-request="(val) => handleUpload(val, 'livesFace')"
+                      >
+                        <el-button
+                          size="medium"
+                          style="padding: 9px 20px"
+                          type="primary"
+                          v-if="titleType != 'detail'"
+                          >{{
+                            $t("message.laborMange.clickOnTheUpload")
+                          }}</el-button
+                        >
+                      </el-upload>
+                    </el-col>
+                  </el-row>
+                </el-row>
+                <el-col :span="22" :offset="2" class="hint">{{
+                  $t("message.laborMange.imgHint")
+                }}</el-col>
+              </el-col>
+            </el-row>
+          </el-form>
+          <div class="dialog-footer">
+            <el-button
+              class="cancleBtn"
+              @click="closeLaborDialog"
+              icon="el-icon-circle-close"
+              size="medium"
+              >{{ $t("message.laborMange.cancel") }}</el-button
+            >
+            <!-- 确定按钮 -->
+            <el-button
+              type="primary"
+              icon="el-icon-circle-check"
+              @click="savePersonFn('personForm', 'laborSubmit')"
+              :disabled="titleType == 'detail'"
+              size="medium"
+              >{{ $t("message.laborMange.confirm") }}</el-button
+            >
+          </div>
+        </div>
+      </vue-scroll>
+    </el-dialog>
+    <!-- 图片裁剪弹框 -->
+    <el-dialog
+      :modal-append-to-body="false"
+      :title="
+        $t('message.personnelPosition.mapManage.dialog_KJNova_Clipper.title')
+      "
+      :visible.sync="cropperDialog"
+      width="767px"
+    >
+      <div class="dialog_content" style="height: 400px">
+        <!-- <vue-scroll> -->
+        <vueCropper
+          ref="cropper"
+          :img="cropperOption.img"
+          :outputType="cropperOption.outputType"
+          :autoCropWidth="cropperOption.autoCropWidth"
+          :autoCropHeight="cropperOption.autoCropHeight"
+          :autoCrop="true"
+          :fixedBox="true"
+        ></vueCropper>
+        <!-- </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>
+        <el-button
+          type="primary"
+          icon="el-icon-circle-check"
+          @click="saveMapUrlFn"
+          size="medium"
+          >{{ $t("message.personnelPosition.determine") }}
+        </el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  getEnterpriseInfoList,
+  getEnterpriseTypeList,
+  setEnterpriseInfo,
+  editEnterpriseInfo,
+  deleteEnterprise,
+  getTeamInfoList,
+  getProjectTeamList,
+  addTeamInfo,
+  editTeamInfo,
+  getWorkerInfoList,
+  addWorkerInfo,
+  editWorkerInfo,
+  updateWorkerExit,
+  updateWorkerTeam,
+  deleteWorkerInfo,
+  getProjectUfaceConfigInfo,
+  getIdCardInfoApi,
+  checkFaceApi,
+  workerAttendanceRuleList,
+  sendWorkerInfoByIdApi,
+  batchSendWorkerInfoApi,
+  selectHierarchyEnterpriseListApi,
+  ufaceDevList,
+  getGroupListApi,
+  checkImgLibraryApi,
+  updateByIdWorkerInfo,
+  sendBatchWokerApi,
+  importImgDataApi,
+  getDepartmentInfoList,
+} from "@/assets/js/api/laborPerson";
+import {
+  selectUserDevAuthorityByUserIdApi,
+  exporExcelWorkerTemplateApi,
+} from "@/assets/js/api/configManage";
+import {
+  checkPhone,
+  CheckSocialCreditCode,
+  IdentityCodeValid,
+} from "@/assets/js/util.js";
+import { getProjectConfigListApi } from "@/assets/js/api/project.js";
+import { VueCropper } from "vue-cropper";
+
+import { apiUploadImage } from "@/assets/js/api/common";
+import lrz from "lrz";
+export default {
+  components: {
+    VueCropper,
+  },
+  props: ["laborDialogVisible"],
+  data() {
+    return {
+      visible: false,
+      defaultImg: require("../../../../../../assets/images/profile_photo.png"),
+      idCardBigPhotoUrlFile: [],
+      temporaryDialog1: true,
+      temporaryDialog2: false,
+      temporaryDialog3: false,
+      temporaryTitle: this.$t("message.laborMange.personnelEntry"),
+      typeRadio: 1,
+      refreshPage: true, //静默刷新
+      radio: "",
+      key: false, //判断是否显示一件下发按钮
+      COMPANY: COMPANY,
+      isCheckeedData: true, //判断一键下发是否有数据选中
+      ufaceDevAllList: [], //所有人脸设备
+      uGroupAllList: [], //所有分组
+      projectSn: null, //projectSn 项目sn
+      uploadUrl: "", //文件上传地址
+      fileUrl: "", //文件上传地址
+      showImgList: false,
+      // ------------------------------------------------------------------
+
+      enterpriseName: "", //劳务公司名称 || 企业名称
+      enterpriseListData: [], //企业列表 || 劳务公司列表
+      checkedId: 0, //选中的企业
+      //新增企业表单
+      enterpriseForm: {
+        name: "",
+        bankcardnumber: "", //银行卡号
+        bankname: "", // 开户行
+        businessLicenseEndDate: "", // 营业执照截止日期
+        businessNumber: "", //营业执照注册号
+        enterpriseAddress: "", //企业地址
+        enterpriseEmail: "", //企业邮箱
+        enterpriseLegalPerson: "", //法定代表人
+        enterpriseName: "", //企业名称
+        enterpriseProperty: "", //单位性质 1.国有企业 2三资企业 3集体企业 4私营企业
+        enterpriseQualificationUrl: "", //企业资质图片地址
+        enterpriseSafeAllow: "", //企业安全生产许可证
+        enterpriseTypeId: "", //企业类型Id
+        legalPersonTel: "", //法人电话
+        logo: "", //logo
+        projectSn: "", //项目Sn
+        qualificationNumber: "", //资质证书号
+        registerPersonPhoneTel: "", //注册人电话
+        registeredCapital: "", //注册资金
+        socialCode: "", //社会统一信用代码
+      },
+      //校验新增企业表单
+      enterpriseFormRules: this.$t("message.laborMange.enterpriseFormRules"),
+      // 人员类型列表
+      memberTypeList: [
+        { name: "劳务人员", value: 1 },
+        { name: "管理人员", value: 2 },
+        { name: "临时人员", value: 3 },
+      ],
+      //民族
+      nationList: this.$t("message.laborMange.nationList"),
+      imgFileList: [], // 照片文件列表
+      aptitudeFileList: [], //资质照片列表
+      logoFileList: [], //logo 文件列表
+      enterpriseTypeList: [], //新增企业 企业类型下拉
+      bigImageDialog: false, //查看大图
+      bigImageUrl: "", //大图地址
+      enterpriseDialogTitle: this.$t("message.laborMange.theNewEnterprise"), // 用于判断  是新增 还是编辑  修改字段要谨慎啊
+      addEnterpriseDialog: false, //新增企业 弹窗
+
+      /*-------------------
+    -----------------------右边数据字段----------------
+    ---------------*/
+      teamDialogTitle: this.$t("message.laborMange.theNewTeam"),
+      //班组信息
+      teamForm: {
+        describeValue: "", //描述
+        leaderIdCard: "", //负责人身份证号
+        leaderName: "", //负责人姓名
+        leaderPhone: "", //负责人手机号
+        teamName: "", //班组名称
+        teamType: "", //班组类型
+        workerTypeId: "", //工种id
+        specialTeam: 0, //是否是特殊班组  0否，1是
+      },
+      specialTeam: 0,
+      //班组校验
+      teamFormRules: this.$t("message.laborMange.teamFormRules"),
+      workerTypeList: [], // 班组
+      departmentListData: [], // 部门
+      showEnterpriseName: "", //头部的企业名称
+      teamListData: {}, // 班组列表
+      checkedTeamId: 0, //选中的班组id
+      pageSize: 10,
+      page: 1,
+      total: 0,
+      //请求表格参数
+      tableParameter: {
+        idCard: "",
+        personType: 1,
+        projectSn: "",
+        teamId: "",
+        departmentId: "",
+        workerName: "",
+        inserviceType: "",
+        enterDate: "",
+        codeState: "",
+      },
+      tableListData: [], //表格数据
+      personDialogTitle: this.$t("message.laborMange.personnelEntry"),
+      titleType: "add",
+      imgImportDialog: false, //照片导入 弹窗
+      //人员表单字段
+      personForm: {
+        workerName: "",
+        enterpriseId: "",
+        teamId: "",
+        departmentId: "",
+        sex: "",
+        idCard: "",
+        birthday: "",
+        enterDate: "",
+        personType: 1,
+        nation: "",
+        nativePlace: "",
+        isUploadHousing: "",
+        issuingAuthorityForIdcard: "",
+        idCardEndDate: "",
+        longTerm: false,
+        phoneNumber: "",
+        emergentPerson: "",
+        emergentPhone: "",
+        inserviceType: "",
+        politicsStatus: "",
+        marry: "",
+        payRollBankName: "",
+        payRollBankNumber: "",
+        educational: "",
+        blood: "",
+        examinationImage: "",
+        contractImage: "",
+        employmentCard: "",
+        idCardBigPhotoUrl: "",
+        fieldAcquisitionUrl: "",
+        personType: 1,
+        idCardUpPhotoUrl: "",
+        idCardDownPhotoUrl: "",
+        ruleId: "",
+        ufaceDevId: [],
+        uGroupId: [],
+        personSerial: "",
+        locationCardno: "", //人员定位标签号
+      },
+      //人员录入校验
+      personFormRules: this.$t("message.laborMange.personFormRules2"),
+
+      //显示的文件列表
+      examinationFile: [], //体检报告
+      contractFile: [], //合同附件
+      employmentFile: [], //从业资格证书
+      idCardUpPhotoFile: [], //身份证头像
+      fieldAcquisitionFile: [], //现场采集人脸
+      idCardUpPhotoUrlFile: [], // 身份证国徽面
+      idCardDownPhotoUrlFile: [], // 身份证人像面
+      //显示的文件列表
+      fieldAcquisitionUrlFile: [],
+      checkAll: false, //显示选中状态
+      isIndeterminate: false, //有选中的数据
+      checkedWorker: [], //批量选中的数据
+      batchMoveDialog: false, //批量移动弹窗
+      //批量移动表单
+      batchMoveForm: {
+        teamId: "",
+        departmentId: "",
+        enterpriseId: "",
+      },
+      moveTeamList: [], // 选择移动的班组的列表
+      showTeamList: false, //显示班组列表
+
+      // 表格 全选 状态 禁用启用
+      checkAllStatus: false,
+
+      webSocket: null,
+      instrUmentScreenDialog: false,
+      umentScreenUrl: "",
+      base64Type: "data:image/jpeg;base64,",
+      isUploadToHouse: false, //是否显示上传到住建局按钮
+      attendRulesList: [],
+      enterpriseTypeId: "",
+      cropperOption: {
+        outputType: "png",
+        img: "",
+        autoCropWidth: 300, // 默认生成截图框宽度
+        autoCropHeight: 360, // 默认生成截图框高度
+      },
+      cropperDialog: false,
+      enterpriseTreeData: [],
+      defaultId: "",
+      isIndeterminate2: false,
+      isIndeterminate3: false,
+      checkAllFaceDev: false,
+      checkAllGroupDev: false,
+      fileTemp: "",
+      imgRadiolist: [],
+      isSzProject: "",
+      //职务类型
+      dutuiesType: [],
+      dutuies: [],
+      rules2: {
+        enterpriseId: [
+          {
+            required: true,
+            message: "请选择",
+            trigger: "blur",
+          },
+        ],
+        departmentId: [
+          {
+            required: true,
+            message: "请选择",
+            trigger: "blur",
+          },
+        ],
+        personType: [
+          {
+            required: true,
+            message: this.$t("message.laborMange.pleaseInputYourName"),
+            trigger: "blur",
+          },
+        ],
+        workerName: [
+          {
+            required: true,
+            message: this.$t("message.laborMange.pleaseInputYourName"),
+            trigger: "blur",
+          },
+        ],
+        // sex: [
+        //   {
+        //     required: true,
+        //     message: "请选择性别",
+        //     trigger: "submit",
+        //   },
+        // ],
+        idCard: [
+          {
+            required: true,
+            message: this.$t("message.laborMange.pleaseInputYourIdNumber"),
+            trigger: "blur",
+          },
+        ],
+        // attendanceNumber: [
+        //   {
+        //     required: true,
+        //     message: this.$t(
+        //       "message.laborMange.pleaseInputYourAttendanceNumber"
+        //     ),
+        //     trigger: "blur",
+        //   },
+        // ],
+        // phoneNumber: [
+        //   { required: true, message: "请输入联系电话", trigger: "blur" },
+        // ],
+        // enterDate: [
+        //   { required: true, message: "请选择进场日期", trigger: "blur" },
+        // ],
+      },
+      rules3: {
+        enterpriseId: [
+          {
+            required: true,
+            message: "请选择",
+            trigger: "change",
+          },
+        ],
+        teamId: [
+          {
+            required: true,
+            message: "请选择",
+            trigger: "change",
+          },
+        ],
+        departmentId: [
+          {
+            required: true,
+            message: "请选择",
+            trigger: "change",
+          },
+        ],
+        personType: [
+          {
+            required: true,
+            message: this.$t("message.laborMange.pleaseInputYourName"),
+            trigger: "blur",
+          },
+        ],
+        workerName: [
+          {
+            required: true,
+            message: this.$t("message.laborMange.pleaseInputYourName"),
+            trigger: "blur",
+          },
+        ],
+        // sex: [
+        //   {
+        //     required: true,
+        //     message: "请选择性别",
+        //     trigger: "submit",
+        //   },
+        // ],
+        idCard: [
+          {
+            required: true,
+            message: this.$t("message.laborMange.pleaseInputYourIdNumber"),
+            trigger: "blur",
+          },
+        ],
+        // attendanceNumber: [
+        //   {
+        //     required: true,
+        //     message: this.$t(
+        //       "message.laborMange.pleaseInputYourAttendanceNumber"
+        //     ),
+        //     trigger: "blur",
+        //   },
+        // ],
+        // phoneNumber: [
+        //   { required: true, message: "请输入联系电话", trigger: "blur" },
+        // ],
+        // enterDate: [
+        //   { required: true, message: "请选择进场日期", trigger: "blur" },
+        // ],
+      },
+      rules: {
+        enterpriseId: [
+          {
+            required: true,
+            message: "请选择",
+            trigger: "blur",
+          },
+        ],
+        teamId: [
+          {
+            required: true,
+            message: "请选择",
+            trigger: "blur",
+          },
+        ],
+        personType: [
+          {
+            required: true,
+            message: this.$t("message.laborMange.pleaseInputYourName"),
+            trigger: "blur",
+          },
+        ],
+        workerName: [
+          {
+            required: true,
+            message: this.$t("message.laborMange.pleaseInputYourName"),
+            trigger: "blur",
+          },
+        ],
+        // sex: [
+        //   {
+        //     required: true,
+        //     message: "请选择性别",
+        //     trigger: "submit",
+        //   },
+        // ],
+        idCard: [
+          {
+            required: true,
+            message: this.$t("message.laborMange.pleaseInputYourIdNumber"),
+            trigger: "blur",
+          },
+        ],
+        // attendanceNumber: [
+        //   {
+        //     required: true,
+        //     message: this.$t(
+        //       "message.laborMange.pleaseInputYourAttendanceNumber"
+        //     ),
+        //     trigger: "blur",
+        //   },
+        // ],
+        // phoneNumber: [
+        //   { required: true, message: "请输入联系电话", trigger: "blur" },
+        // ],
+        // enterDate: [
+        //   { required: true, message: "请选择进场日期", trigger: "blur" },
+        // ],
+      },
+    };
+  },
+  created() {
+    this.visible = this.laborDialogVisible;
+    this.projectSn = this.$store.state.projectSn;
+    this.uploadUrl = this.$store.state.UPLOADURL;
+    this.fileUrl = this.$store.state.FILEURL;
+    let data = JSON.parse(sessionStorage.getItem("vuex"));
+    // console.log('vuex信息',data)
+    data.menuList.forEach((item) => {
+      if (item.actionList) {
+        item.actionList.find((item2) => {
+          if (item2.actionCode == "akey_issued") {
+            this.key = true;
+          }
+          // console.log('this.key', this.key)
+        });
+      }
+    });
+    if (sessionStorage.getItem("personPage")) {
+      this.page = JSON.parse(sessionStorage.getItem("personPage"));
+    }
+    if (sessionStorage.getItem("companyPage")) {
+      this.checkedId = JSON.parse(sessionStorage.getItem("companyPage"));
+    }
+    this.getConfig();
+
+    this.getProjectList();
+    this.getAttendRuleList();
+    this.getUfaceDevList();
+    this.getUGroupDevList();
+    this.getProjectConfig();
+  },
+
+  mounted() {
+    // this.webSocket = new WebSocket("ws://127.0.0.1:1818");
+    this.getEnterpriseType();
+  },
+  computed: {
+    headers() {
+      return {
+        Authorization: this.$store.state.userInfo.token,
+      };
+    },
+  },
+  methods: {
+    closeLaborDialog() {
+      this.$emit("closeLaborDialog");
+    },
+    enterpriseChange() {
+      if (this.personForm.personType == 1) {
+        this.getWorkerTypeListData();
+      } else {
+        this.getDepartmentListData();
+      }
+    },
+    personTypeChange() {
+      console.log(this.personForm.personType, 7788);
+      if (this.personForm.personType != 1) {
+        this.visible = false;
+        this.$emit("closeLaborDialog", this.personForm.personType);
+      }
+      // this.enterpriseChange();
+    },
+    closeDialog() {
+      this.visible = false;
+      this.$emit("closeLaborDialog");
+    },
+    //高拍仪获取身份证信息
+    getIdCardInfo() {
+      var ws = new WebSocket("ws://127.0.0.1:1818");
+      this.webSocket = ws;
+      ws.onopen = (event) => {
+        this.onopen(event);
+      };
+
+      ws.onmessage = (event) => {
+        this.onmessage(event);
+      };
+
+      ws.onerror = this.onerror;
+    },
+    //上传前
+    beforeUpload(file) {
+      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 {
+        return true;
+      }
+    },
+    handleImportSuccess(response, file, fileList) {
+      console.log(response, file, fileList);
+      this.imgFileList = fileList;
+      console.log(this.imgFileList);
+    },
+    handleImportExceed(files, fileList) {
+      /*this.$message.warning(
+                        `当前限制选择 1 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
+                            files.length + fileList.length
+                        } 个文件`
+                    );*/
+      this.$message.warning(
+        this.$t("message.docManage.dialog_upload_files.limitingChoice")
+      ); //当前限制选择 1 个文件
+    },
+    handleTemporaryUpload(fileData, type) {
+      console.log(fileData, 111222);
+      const file = fileData.file;
+      // 压缩图片
+      lrz(file, { quality: 1 }).then((result) => {
+        const formData = new FormData();
+        formData.append("files", result.file);
+        // 图片上传
+        apiUploadImage(formData).then((res) => {
+          if (res.code == 200 || res.status == "SUCCESS") {
+            const imgInfo = res.data[0];
+
+            switch (type) {
+              case "idCardAvatar": // 身份证头像
+                this.idCardUpPhotoFile = [
+                  { name: imgInfo.filename, url: imgInfo.imageUrl },
+                ];
+                break;
+              case "livesFace": // 现场采集人脸
+                this.cropperOption.img =
+                  this.$store.state.FILEURL + imgInfo.imageUrl;
+                this.cropperDialog = true;
+                // let imgStatus = result.file.size / 1024 < 500
+                // if (!imgStatus) {
+                //   this.cropperOption.img =
+                //     this.$store.state.FILEURL + imgInfo.imageUrl
+                //   this.cropperDialog = true
+                // } else {
+                //   if (this.isSzProject == 1) {
+                //     this.checkImgLibrary(imgInfo.imageUrl)
+                //   } else {
+                //     this.checkFace(imgInfo.imageUrl)
+                //   }
+                // }
+                break;
+            }
+          }
+        });
+      });
+    },
+    handleUpload(fileData, type) {
+      console.log(fileData, 111222);
+      const file = fileData.file;
+      // 压缩图片
+      lrz(file, { quality: 1 }).then((result) => {
+        const formData = new FormData();
+        formData.append("files", result.file);
+        // 图片上传
+        apiUploadImage(formData).then((res) => {
+          if (res.code == 200 || res.status == "SUCCESS") {
+            const imgInfo = res.data[0];
+
+            switch (type) {
+              case "idCardAvatar": // 身份证头像
+                this.personForm.idCardBigPhotoUrl = imgInfo.imageUrl;
+                this.idCardUpPhotoFile = [
+                  { name: imgInfo.filename, url: imgInfo.imageUrl },
+                ];
+                break;
+              case "livesFace": // 现场采集人脸
+                this.cropperOption.img =
+                  this.$store.state.FILEURL + imgInfo.imageUrl;
+                this.cropperDialog = true;
+                // let imgStatus = result.file.size / 1024 < 500
+                // if (!imgStatus) {
+                //   this.cropperOption.img =
+                //     this.$store.state.FILEURL + imgInfo.imageUrl
+                //   this.cropperDialog = true
+                // } else {
+                //   if (this.isSzProject == 1) {
+                //     this.checkImgLibrary(imgInfo.imageUrl)
+                //   } else {
+                //     this.checkFace(imgInfo.imageUrl)
+                //   }
+                // }
+                break;
+            }
+          }
+        });
+      });
+    },
+    checkImg() {
+      console.log(this.radio);
+      this.imgRadiolist.forEach((item) => {
+        if (this.radio == item.personSerial) {
+          this.personForm.personSerial = this.radio;
+          this.personForm.fieldAcquisitionUrl = item.imageUrl;
+          this.fieldAcquisitionFile = [{ name: "", url: item.imageUrl }];
+        }
+      });
+      this.showImgList = false;
+    },
+    // 判断是否为深圳项目
+    getProjectConfig() {
+      getProjectConfigListApi({ projectSn: this.projectSn }).then((res) => {
+        this.isSzProject = res.result[0].isSzProject; //1是 0否
+      });
+    },
+    exportM() {
+      window.location.href =
+        this.$http.defaults.baseURL +
+        "xmgl/download/exporExcelWorkerTemplate?projectSn=" +
+        this.projectSn;
+    },
+    // 导入照片弹窗
+    importImgOpen() {
+      this.imgImportDialog = true;
+    },
+    // 下发通行设备
+    passEquipment() {
+      sendBatchWokerApi({
+        projectSn: this.projectSn,
+        personType: "1",
+        userId: this.$store.state.userInfo.userId,
+        enterpriseId: this.checkedId,
+      }).then((res) => {
+        if (res.code == 200) {
+          this.$message({
+            message: "操作成功，已在后台下发，请稍后查看！",
+            type: "success",
+          });
+        }
+      });
+    },
+    handleChangeE(file, fileList) {
+      this.fileTemp = file.raw;
+      console.log(file);
+      if (this.fileTemp) {
+        if (
+          this.fileTemp.type ==
+            "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" ||
+          this.fileTemp.type == "application/vnd.ms-excel"
+        ) {
+        } else {
+          this.$message.error(this.$t("message.laborMange.hint5"));
+        }
+      }
+    },
+    handleSuccessE(file) {
+      this.refreshPage = false;
+      console.log("==========", file);
+      if (file.code == 200) {
+        this.$message.success(file.message); //导入成功
+        this.refreshBtn();
+        this.getTeamList();
+      } else {
+        this.$message.error(file.message);
+      }
+      this.$nextTick(() => {
+        this.refreshPage = true;
+      });
+    },
+    handleErrorE() {
+      this.$message.error(this.$t("message.laborMange.hint7"));
+      this.refreshBtn();
+    },
+    handleUfaceDevChange(val) {
+      let checkedCount = val.length;
+      let allCheckList = [];
+      for (let i = 0; i < this.ufaceDevAllList.length; i++) {
+        if (!this.ufaceDevAllList[i].disabled) {
+          allCheckList.push(this.ufaceDevAllList[i]);
+        }
+      }
+      this.checkAllFaceDev = checkedCount === allCheckList.length;
+      this.isIndeterminate2 =
+        checkedCount > 0 && checkedCount < allCheckList.length;
+    },
+    handleUGroupChange(val) {
+      let checkedCount = val.length;
+      let allCheckList = [];
+      for (let i = 0; i < this.uGroupAllList.length; i++) {
+        if (!this.uGroupAllList[i].disabled) {
+          allCheckList.push(this.uGroupAllList[i]);
+        }
+      }
+      this.checkAllGroupDev = checkedCount === allCheckList.length;
+      this.isIndeterminate3 =
+        checkedCount > 0 && checkedCount < allCheckList.length;
+    },
+    handleCheckAllChangeFace(val) {
+      if (val) {
+        this.personForm.ufaceDevId = [];
+        this.ufaceDevAllList.forEach((item) => {
+          this.personForm.ufaceDevId.push(item.id);
+        });
+      } else {
+        // this.ufaceDevAllList = []
+        this.personForm.ufaceDevId = [];
+      }
+      this.isIndeterminate2 = false;
+    },
+    handleCheckAllChangeGroup(val) {
+      if (val) {
+        this.personForm.uGroupId = [];
+        this.uGroupAllList.forEach((item) => {
+          this.personForm.uGroupId.push(item.id);
+        });
+      } else {
+        this.personForm.uGroupId = [];
+      }
+      this.isIndeterminate2 = false;
+    },
+    // 获取所有分组
+    getUGroupDevList() {
+      getGroupListApi({ projectSn: this.projectSn }).then((res) => {
+        console.log(res);
+        if (res.code == 200) {
+          this.uGroupAllList = res.result;
+          console.log(this.uGroupAllList, 777888999);
+          this.personForm.uGroupId = [...this.personForm.uGroupId];
+          if (this.$store.state.userInfo.accountType == 6) {
+            this.uGroupAllList.forEach((item) => {
+              item.disabled = true;
+            });
+            // selectUserDevAuthorityByUserIdApi({
+            //   userId: this.$store.state.userInfo.userId,
+            //   devType: "1",
+            // }).then((res) => {
+            //   if (res.code == 200) {
+            //     let arr = res.result.devId.split(",");
+            //     let id = "";
+            //     this.personForm.ufaceDevId = [];
+            //     for (let i = 0; i < arr.length; i++) {
+            //       console.log(parseInt(arr[i]));
+            //       this.personForm.ufaceDevId.push(parseInt(arr[i]));
+            //       id = parseInt(arr[i]);
+            //       for (let j = 0; j < this.ufaceDevAllList.length; j++) {
+            //         if (this.ufaceDevAllList[j].id == id) {
+            //           this.ufaceDevAllList[j].disabled = false;
+            //         }
+            //       }
+            //     }
+            //   }
+            // });
+          }
+        }
+      });
+    },
+    // 获取所有人脸设备
+    getUfaceDevList() {
+      ufaceDevList({ projectSn: this.projectSn }).then((res) => {
+        console.log(res);
+        if (res.code == 200) {
+          this.ufaceDevAllList = res.result;
+          this.personForm.ufaceDevId = [...this.personForm.ufaceDevId];
+          if (this.$store.state.userInfo.accountType == 6) {
+            this.ufaceDevAllList.forEach((item) => {
+              item.disabled = true;
+            });
+            selectUserDevAuthorityByUserIdApi({
+              userId: this.$store.state.userInfo.userId,
+              devType: "1",
+            }).then((res) => {
+              if (res.code == 200) {
+                let arr = res.result.devId.split(",");
+                let id = "";
+                this.personForm.ufaceDevId = [];
+                for (let i = 0; i < arr.length; i++) {
+                  console.log(parseInt(arr[i]));
+                  this.personForm.ufaceDevId.push(parseInt(arr[i]));
+                  id = parseInt(arr[i]);
+                  for (let j = 0; j < this.ufaceDevAllList.length; j++) {
+                    if (this.ufaceDevAllList[j].id == id) {
+                      this.ufaceDevAllList[j].disabled = false;
+                    }
+                  }
+                }
+              }
+            });
+          }
+        }
+      });
+    },
+    //一键下发
+    issuePersonFn() {
+      batchSendWorkerInfoApi({
+        projectSn: this.$store.state.projectSn,
+        personType: 1,
+      }).then((res) => {
+        this.$message.success("已执行人员下发命令");
+        this.getTableData();
+      });
+    },
+    //单个人员下发
+    issuePersonOneFn(workerId) {
+      sendWorkerInfoByIdApi({ workerId: workerId }).then((res) => {
+        this.$message.success(this.$t("message.laborMange.hint4"));
+      });
+    },
+    changRuleId(val) {
+      console.log(val);
+    },
+    //获取考勤规则列表
+    getAttendRuleList() {
+      workerAttendanceRuleList({ projectSn: this.$store.state.projectSn }).then(
+        (result) => {
+          this.attendRulesList = result.result;
+          console.log(result.result);
+        }
+      );
+    },
+    exportFn() {
+      window.location.href =
+        this.$http.defaults.baseURL +
+        "xmgl/download/exporZipWorkerInfo?idCard=" +
+        this.tableParameter.idCard +
+        "&projectSn=" +
+        this.tableParameter.projectSn +
+        "&teamId=" +
+        this.tableParameter.teamId +
+        "&workerName=" +
+        this.tableParameter.workerName +
+        "&personType=" +
+        this.tableParameter.personType +
+        "&enterDate=" +
+        this.tableParameter.enterDate +
+        "&codeState=" +
+        this.tableParameter.codeState +
+        "&enterpriseId=" +
+        this.checkedId;
+    },
+    getConfig() {
+      getProjectUfaceConfigInfo({
+        projectSn: this.$store.state.projectSn,
+      }).then((result) => {
+        if (result.success) {
+          if (result.result) {
+            this.isUploadToHouse = result.result.housing ? true : false;
+          }
+        }
+      });
+    },
+    //获取企业 || 劳务公司 列表
+    getProjectList(type) {
+      let data = {
+        projectSn: this.projectSn,
+        enterpriseName: this.enterpriseName,
+        userEnterpriseId: this.$store.state.userInfo.userEnterpriseId,
+        enterpriseTypeId: this.enterpriseTypeId,
+      };
+      getEnterpriseInfoList(data).then((res) => {
+        console.log(res, "执行");
+        if (res.code == 200) {
+          this.enterpriseListData = res.result;
+          // this.$set(this, 'enterpriseListData', res.result)
+          console.log(this.enterpriseListData);
+          this.checkedId = this.checkedId
+            ? this.checkedId
+            : res.result.length > 0
+            ? res.result[0].id
+            : "";
+          this.showEnterpriseName =
+            res.result.length > 0 ? res.result[0].enterpriseName : "";
+
+          this.getTeamList();
+        } else {
+          this.$message.error(this.$t("message.laborMange.queryFails"));
+        }
+      });
+    },
+    //编辑企业 || 劳务公司  信息
+    editEnterpriseInfo(value) {
+      this.addEnterpriseDialog = true;
+      this.enterpriseDialogTitle = this.$t("message.laborMange.editEnterprise");
+      this.enterpriseForm = JSON.parse(JSON.stringify(value));
+      this.getEnterpriseType();
+      //资质file
+      this.aptitudeFileList =
+        value.enterpriseQualificationUrl != ""
+          ? [JSON.parse(this.enterpriseForm.enterpriseQualificationUrl)]
+          : [];
+      //logo
+      this.logoFileList =
+        value.logo != "" ? [JSON.parse(this.enterpriseForm.logo)] : [];
+      setTimeout(() => {
+        this.$refs.enterpriseDialog.scrollTop = 0;
+        this.$refs["enterpriseForm"].clearValidate();
+      }, 120);
+    },
+    //新增企业 按钮
+    addEnterpriseBtn() {
+      window._paq.push(["trackEvent", "点击", "新增企业", "添加企业信息"]);
+      this.enterpriseForm = {
+        name: "",
+        bankcardnumber: "", //银行卡号
+        bankname: "", // 开户行
+        businessLicenseEndDate: "", // 营业执照截止日期
+        businessNumber: "", //营业执照注册号
+        enterpriseAddress: "", //企业地址
+        enterpriseEmail: "", //企业邮箱
+        enterpriseLegalPerson: "", //法定代表人
+        enterpriseName: "", //企业名称
+        enterpriseProperty: "", //单位性质 1.国有企业 2三资企业 3集体企业 4私营企业
+        enterpriseQualificationUrl: "", //企业资质图片地址
+        enterpriseSafeAllow: "", //企业安全生产许可证
+        enterpriseTypeId: "", //企业类型Id
+        legalPersonTel: "", //法人电话
+        logo: "", //logo
+        projectSn: "", //项目Sn
+        qualificationNumber: "", //资质证书号
+        registerPersonPhoneTel: "", //注册人电话
+        registeredCapital: "", //注册资金
+        socialCode: "", //社会统一信用代码
+      };
+      this.aptitudeFileList = []; //资质照片列表
+      this.logoFileList = []; //logo 文件列表
+      this.addEnterpriseDialog = true;
+      this.enterpriseDialogTitle = this.$t(
+        "message.laborMange.theNewEnterprise"
+      );
+      setTimeout(() => {
+        this.$refs["enterpriseForm"].clearValidate();
+        this.$refs.enterpriseDialog.scrollTop = 0;
+      }, 120);
+    },
+    //新增企业 -- 企业类型下拉
+    getEnterpriseType() {
+      let data = {};
+      getEnterpriseTypeList(data).then((res) => {
+        if (res.code == 200) {
+          this.enterpriseTypeList = res.result;
+        }
+      });
+    },
+    // 导入照片数据
+    saveImportFn() {
+      if (this.imgFileList.length == 0) {
+        this.$message.success("请先导入文件");
+        return;
+      }
+      let data = new FormData(); //new出来的对象
+      data.append("file", this.imgFileList[0].raw);
+      data.append("projectSn", this.$store.state.projectSn);
+      importImgDataApi(data).then((res) => {
+        if (res.success) {
+          this.$message.success("操作成功");
+          this.imgImportDialog = false;
+          this.getTableData();
+        }
+      });
+    },
+    //新增企业 保存
+    saveEnterpriseFn(formName) {
+      // if (!checkPhone(this.enterpriseForm.legalPersonTel)) {
+      //   this.$message.error("请输入正确的法人电话");
+      //   return;
+      // }
+      // if (!checkPhone(this.enterpriseForm.registerPersonPhoneTel)) {
+      //   this.$message.error("请输入正确的注册人电话");
+      //   return;
+      // }
+      if (!CheckSocialCreditCode(this.enterpriseForm.socialCode)) {
+        this.$message.error(this.$t("message.laborMange.creditCode"));
+        return;
+      }
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          this.enterpriseForm.projectSn = this.projectSn;
+          if (
+            this.enterpriseDialogTitle ==
+            this.$t("message.laborMange.theNewEnterprise")
+          ) {
+            //新增  请求
+            setEnterpriseInfo(this.enterpriseForm).then((res) => {
+              if (res.code == 200) {
+                this.$message.success(res.message);
+                this.addEnterpriseDialog = false;
+                this.getProjectList();
+                this.resetForm(formName);
+              }
+            });
+          } else {
+            //编辑 请求
+            editEnterpriseInfo(this.enterpriseForm).then((res) => {
+              if (res.code == 200) {
+                this.$message.success(
+                  this.$t("message.laborMange.modifySuccess")
+                );
+                this.resetForm(formName);
+                this.addEnterpriseDialog = false;
+                this.getProjectList();
+              }
+            });
+          }
+        } else {
+          return false;
+        }
+      });
+    },
+    //删除 企业
+    deleteEnterpriseInfo(value) {
+      this.$confirm(
+        this.$t("message.laborMange.deleteHint"),
+        this.$t("message.laborMange.hint"),
+        {
+          confirmButtonText: this.$t("message.laborMange.confirm"),
+          cancelButtonText: this.$t("message.laborMange.cancel"),
+          type: "warning",
+        }
+      )
+        .then(() => {
+          let data = {
+            projectSn: this.projectSn,
+            enterpriseId: value.id,
+          };
+          deleteEnterprise(data).then((res) => {
+            if (res.code == 200) {
+              this.$message({
+                type: "success",
+                message: this.$t("message.laborMange.deleteSuccess"),
+              });
+              this.getProjectList();
+              this.checkedId = "";
+            }
+          });
+        })
+        .catch(console.log);
+    },
+
+    /**--------------------------------------------右侧函数------------------------------------------------------------------ */
+    //获取企业的 - 班组列表
+    getTeamList(type) {
+      let data = {
+        enterpriseId: this.checkedId,
+        projectSn: this.projectSn,
+      };
+      getTeamInfoList(data).then((res) => {
+        if (res.code == 200) {
+          this.checkedTeamId = type !== 1 ? 0 : this.checkedTeamId;
+          this.teamListData = res.result;
+          console.log("==============", res.result);
+          this.tableParameter.projectSn = this.projectSn;
+          this.getTableData();
+        }
+      });
+    },
+    //获取部门
+    getDepartmentListData() {
+      let data = {
+        personType: 2,
+        enterpriseId: this.personForm.enterpriseId,
+        projectSn: this.projectSn,
+      };
+      getDepartmentInfoList(data).then((res) => {
+        this.departmentListData = res.result.list;
+      });
+    },
+    //获取班组
+    getWorkerTypeListData() {
+      let data = {
+        enterpriseId: this.personForm.enterpriseId,
+        projectSn: this.projectSn,
+      };
+      getTeamInfoList(data).then((res) => {
+        console.log(res, 666777888);
+        this.workerTypeList = res.result.list;
+      });
+    },
+
+    //获取 班组的表格数据 -- 班组详情
+    getTableData() {
+      let data = this.tableParameter;
+      data.pageNo = this.page;
+      data.pageSize = this.pageSize;
+      data.enterpriseId = this.checkedId;
+      getWorkerInfoList(data).then((res) => {
+        if (res.code == 200) {
+          this.tableListData = res.result.records;
+          console.log("------------", res.result.records);
+          let boole = true;
+          for (let i in res.result.records) {
+            if (res.result.records[i].inserviceType == 1) {
+              boole = false;
+            }
+          }
+          this.checkAllStatus =
+            this.tableListData.length == 0 ? true : boole ? true : false;
+          this.total = res.result.total;
+        }
+      });
+    },
+
+    //人员录入 按钮
+    personnelEntry() {
+      this.personDialogTitle = this.$t("message.laborMange.personnelEntry");
+      this.titleType = "add";
+      this.personForm = {
+        enterpriseId: "",
+        workerName: "",
+        sex: "",
+        idCard: "",
+        birthday: "",
+        enterDate: "",
+        personType: 1,
+        nation: "",
+        nativePlace: "",
+        issuingAuthorityForIdcard: "",
+        idCardEndDate: "",
+        longTerm: false,
+        phoneNumber: "",
+        emergentPerson: "",
+        emergentPhone: "",
+        inserviceType: 1,
+        politicsStatus: "",
+        marry: "",
+        payRollBankName: "",
+        payRollBankNumber: "",
+        educational: "",
+        blood: "",
+        examinationImage: "",
+        contractImage: "",
+        employmentCard: "",
+        idCardBigPhotoUrl: "",
+        fieldAcquisitionUrl: "",
+        personType: 1,
+        idCardUpPhotoUrl: "",
+        idCardDownPhotoUrl: "",
+        ufaceDevId: [],
+        uGroupId: [],
+        personSerial: "",
+      };
+      if (this.attendRulesList.length > 0) {
+        this.personForm.ruleId = this.attendRulesList[0].id;
+      } else {
+        this.personForm.ruleId = "";
+      }
+      this.getUfaceDevList();
+      setTimeout(() => {
+        this.$refs["personForm"].clearValidate();
+        this.$refs.personDialog.scrollTop = 0;
+      }, 120);
+      this.examinationFile = []; //体检报告
+      this.contractFile = []; //合同附件
+      this.employmentFile = []; //从业资格证书
+      this.idCardUpPhotoFile = []; //身份证头像
+      this.fieldAcquisitionFile = [];
+      this.idCardUpPhotoUrlFile = []; // 身份证国徽面
+      this.idCardDownPhotoUrlFile = []; // 身份证人像面
+      // 默认全选设备
+      this.checkAllFaceDev = true;
+      this.ufaceDevAllList.map((item) => {
+        this.personForm.ufaceDevId.push(item.id);
+      });
+    },
+
+    // 有效日期 长期 按钮
+    checkboxLongTerm(value) {
+      if (this.personForm.longTerm) {
+        this.$refs["personForm"].clearValidate("idCardEndDate");
+      }
+      this.personForm.idCardEndDate = this.personForm.longTerm
+        ? ""
+        : this.personForm.idCardEndDate;
+    },
+
+    // 新增 || 编辑  人员录入 保存按钮
+    savePersonFn(formName, type) {
+      this.personForm.isUploadHousing = this.personForm.isUploadHousing ? 1 : 0;
+      console.log("进场确定参数", this.personForm);
+      //   // 身份证校验
+      //   if (!IdentityCodeValid(this.personForm.idCard)) {
+      //     this.$message.error(this.$t("message.laborMange.correctCellIdCard"));
+      //     return;
+      //   }
+      // 电话校验
+      // if (!checkPhone(this.personForm.phoneNumber)) {
+      //   this.$message.error(
+      //     this.$t('message.laborMange.correctCellPhoneNumber')
+      //   )
+      //   return
+      // }
+      // 紧急电话校验
+      // if (!checkPhone(this.personForm.emergentPhone)) {
+      //   this.$message.error(
+      //     this.$t(
+      //       'message.laborMange.pleaseEnterTheCorrectEmergencyContactNumber'
+      //     )
+      //   )
+      //   return
+      // }
+      // if (this.personForm.idCardUpPhotoUrl == '') {
+      //   this.$message.error(
+      //     this.$t('message.laborMange.pleaseUploadTheNationalEmblemOfIdCard')
+      //   )
+      //   return
+      // }
+      // if (this.personForm.idCardDownPhotoUrl == '') {
+      //   this.$message.error(
+      //     this.$t('message.laborMange.pleaseUploadYourIDCardPortrait')
+      //   )
+      //   return
+      // }
+
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          // 身份证头像和现场人脸采集校验
+          // if (this.personForm.idCardBigPhotoUrl == '') {
+          //   this.$message.error(
+          //     this.$t('message.laborMange.pleaseUploadYourIDPhoto')
+          //   )
+          //   return
+          // } else if (this.personForm.fieldAcquisitionUrl == '') {
+          //   this.$message.error(
+          //     this.$t('message.laborMange.pleaseUploadPhotosOfTheScene')
+          //   )
+          //   return
+          // }
+          // 现场人脸采集校验
+          if (this.personForm.fieldAcquisitionUrl == "") {
+            this.$message.error(
+              this.$t("message.laborMange.pleaseUploadPhotosOfTheScene")
+            );
+            return;
+          }
+
+          if (this.personForm.ruleId == "") {
+            this.personForm.ruleId = 0;
+          }
+          //新增
+          if (!this.personForm.id) {
+            let data = {...this.personForm};
+            data.projectSn = this.projectSn;
+            data.longTerm = this.personForm.longTerm ? 1 : 0;
+            data.registerType = 1;
+            data.devType = this.typeRadio;
+            data.userId = this.$store.state.userInfo.userId;
+            if (this.$store.state.userInfo.accountType == 6) {
+              data.accountType = 2;
+            } else {
+              data.accountType = 1;
+            }
+            console.log(this.typeRadio);
+            if (this.personForm.ufaceDevId.length > 0 && this.typeRadio == 1) {
+              data.ufaceDevId = this.personForm.ufaceDevId.join(',');
+              data.ufaceDevGroupId = "";
+            }
+            if (this.personForm.uGroupId.length > 0 && this.typeRadio == 2) {
+              data.ufaceDevGroupId = this.personForm.uGroupId.join(',');;
+              data.ufaceDevId = "";
+            }
+            addWorkerInfo(data).then((res) => {
+              console.log(res);
+              if (res.code == 200) {
+                this.$message.success(
+                  this.$t("message.laborMange.saveSuccess")
+                );
+                this.getTeamList(1);
+                if (type == "laborSubmit") {
+                  this.temporaryDialog1 = false;
+                } else if (type == "adminSubmit") {
+                  this.temporaryDialog2 = false;
+                }
+                this.resetForm(formName);
+                this.examinationFile = []; //体检报告
+                this.contractFile = []; //合同附件
+                this.employmentFile = []; //从业资格证书
+                this.idCardUpPhotoFile = []; //身份证头像
+                this.fieldAcquisitionFile = []; //现场采集人脸
+                this.closeDialog();
+              }
+            });
+            //编辑
+          }
+        } else {
+          this.$message.error(
+            this.$t("message.laborMange.ThereAreRequiredFieldsLeftUnfilled")
+          );
+          return false;
+        }
+      });
+    },
+    uploadToHouseFn(value, id) {
+      console.log("value", value);
+      var json = {
+        isUploadHousing: value ? 1 : 0,
+        id: id,
+      };
+      console.log("isUploadHousing", json);
+      updateByIdWorkerInfo(json).then(console.log);
+    },
+    // 删除 人员信息
+    removeWorkerInfo(value) {
+      this.$confirm(
+        this.$t("message.laborMange.deleteHint"),
+        this.$t("message.laborMange.hint"),
+        {
+          confirmButtonText: this.$t("message.laborMange.confirm"),
+          cancelButtonText: this.$t("message.laborMange.cancel"),
+          type: "warning",
+        }
+      )
+        .then(() => {
+          let data = {
+            id: value.id,
+          };
+          deleteWorkerInfo(data).then((res) => {
+            if (res.code == 200) {
+              this.$message({
+                type: "success",
+                message: this.$t("message.laborMange.deleteSuccess"),
+              });
+              this.page =
+                this.page > 1 && this.tableListData.length == 1
+                  ? this.page - 1
+                  : this.page;
+              this.getTeamList(1);
+            }
+          });
+        })
+        .catch(console.log);
+    },
+
+    //查看 人员信息 详情
+    viewDetails(value) {
+      this.$router.push({
+        path: "/project/labor/personDetails",
+        query: {
+          id: value.id,
+        },
+      });
+      localStorage.setItem("showPersonModule", 1);
+    },
+
+    //列表数据 退场按钮
+    workerExitBtn(value, type) {
+      // type == 1 单条数据操作  2 批量操作
+      let arr = [];
+      if (type == 2 && this.checkedWorker.length > 0) {
+        for (let i in this.checkedWorker) {
+          arr.push(this.checkedWorker[i].id);
+        }
+      }
+      let data = {
+        workerIdStr: type == 1 ? value.id : arr.join(","),
+      };
+      this.$confirm(
+        this.$t("message.laborMange.bowOutWithHint"),
+        this.$t("message.laborMange.hint"),
+        {
+          confirmButtonText: this.$t("message.laborMange.confirm"),
+          cancelButtonText: this.$t("message.laborMange.cancel"),
+          type: "warning",
+        }
+      ).then(() => {
+        updateWorkerExit(data).then((res) => {
+          if (res.code == 200) {
+            this.getTeamList();
+            this.$message({
+              type: "success",
+              message: this.$t("message.laborMange.bowOutWitSuccess"),
+            });
+          }
+        });
+      });
+    },
+
+    //切换每页显示数量
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.getTableData();
+    },
+    //换页
+    handleCurrentChange(val) {
+      this.page = val;
+      sessionStorage.setItem("personPage", val);
+      this.getTableData();
+      this.$refs.multipleTable.bodyWrapper.scrollTop = 0;
+    },
+
+    //功能开发中
+    inDevelopment() {
+      this.$message.warning(
+        this.$t("message.laborMange.functionalDevelopment")
+      );
+    },
+
+    //查询按钮
+    inquireBtn() {
+      window._paq.push(["trackEvent", "点击", "查询", "查询人员信息"]);
+      this.page = 1;
+      this.getTableData();
+    },
+
+    //刷新按钮
+    refreshBtn() {
+      window._paq.push(["trackEvent", "点击", "刷新", "刷新人员信息"]);
+      this.page = 1;
+      this.tableParameter.idCard = "";
+      this.tableParameter.workerName = "";
+      this.tableParameter.inserviceType = "";
+      this.tableParameter.enterDate = "";
+      this.tableParameter.codeState = "";
+      this.getTableData();
+    },
+
+    //清空表单
+    resetForm(formName) {
+      this.aptitudeFileList = [];
+      this.logoFileList = [];
+      this.$refs[formName].resetFields();
+    },
+
+    // 文件上传 之前
+    handleBeforeUpload(file, type) {
+      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) {
+        if (
+          file.type != "image/jpeg" &&
+          file.type != "image/jpg"
+          // file.type != "image/png"
+        ) {
+          this.$message.error(this.$t("message.laborMange.hint8")); //"请上传jpg、jpeg格式图片"
+          return false;
+        }
+      }
+      return true;
+    },
+
+    //删除 身份证头像  或 现场采集照片
+    shutIconBtn(type) {
+      if (type == 0) {
+        this.personForm.idCardBigPhotoUrl = "";
+        this.idCardUpPhotoFile = [];
+      } else if (type == 1) {
+        this.personForm.fieldAcquisitionUrl = "";
+        this.fieldAcquisitionFile = [];
+        this.personForm.personSerial = "";
+        this.radio = "";
+      } else if (type == 2) {
+        this.personForm.idCardUpPhotoUrl = "";
+        this.idCardUpPhotoFile = [];
+      } else if (type == 3) {
+        this.personForm.idCardDownPhotoUrl = "";
+        this.idCardDownPhotoUrlFile = [];
+      }
+    },
+    //删除上传文件
+    handleRemove(file, type) {
+      if (file.status == "ready") {
+      } else {
+        this.$message.success(this.$t("message.laborMange.deleteSuccess"));
+        if (type == 1) {
+          this.enterpriseForm.enterpriseQualificationUrl = "";
+        } else if (type == 2) {
+          this.enterpriseForm.logo = "";
+        } else if (type == 3) {
+          let newArr = [];
+          let arrJoin = [];
+          for (let i = 0; i < this.examinationFile.length; i++) {
+            if (file.uid == this.examinationFile[i].uid) {
+              this.examinationFile.splice(i, 1);
+              newArr = this.examinationFile;
+            }
+          }
+          if (newArr.length > 0) {
+            for (let j = 0; j < newArr.length; j++) {
+              let data =
+                this.examinationFile[j].name +
+                "*" +
+                this.examinationFile[j].url;
+              arrJoin.push(data);
+            }
+          } else {
+            arrJoin = newArr;
+          }
+          this.personForm.examinationImage = arrJoin.join(",");
+        } else if (type == 4) {
+          let newArr = [];
+          let arrJoin = [];
+          for (let i = 0; i < this.contractFile.length; i++) {
+            if (file.uid == this.contractFile[i].uid) {
+              this.contractFile.splice(i, 1);
+              newArr = this.contractFile;
+            }
+          }
+          if (newArr.length > 0) {
+            for (let j = 0; j < newArr.length; j++) {
+              let data =
+                this.contractFile[j].name + "*" + this.contractFile[j].url;
+              arrJoin.push(data);
+            }
+          } else {
+            arrJoin = newArr;
+          }
+          this.personForm.contractImage = arrJoin.join(",");
+        } else if (type == 5) {
+          let newArr = [];
+          let arrJoin = [];
+          for (let i = 0; i < this.employmentFile.length; i++) {
+            if (file.uid == this.employmentFile[i].uid) {
+              this.employmentFile.splice(i, 1);
+              newArr = this.employmentFile;
+            }
+          }
+          if (newArr.length > 0) {
+            for (let j = 0; j < newArr.length; j++) {
+              let data =
+                this.employmentFile[j].name + "*" + this.employmentFile[j].url;
+              arrJoin.push(data);
+            }
+          } else {
+            arrJoin = newArr;
+          }
+          this.personForm.employmentCard = arrJoin.join(",");
+        } else if (type == 6) {
+          this.personForm.idCardBigPhotoUrl = "";
+        } else if (type == 7) {
+          this.personForm.fieldAcquisitionUrl = "";
+        } else if (type == 8) {
+          this.personForm.idCardUpPhotoUrl = "";
+        } else if (type == 9) {
+          this.personForm.idCardDownPhotoUrl = "";
+        }
+      }
+    },
+    //上传成功
+    handleSuccess(file, type, file2) {
+      console.log(file, type, file2);
+      // 新增企业  type ==  1 资质照片; 2 logo;
+      // 人员录入  type ==  3 体检报告; 4 合同附件; 5 从业资格证书; 6 身份证头像; 7 现场采集人脸; 8 身份证国徽面; 9 身份证人像面
+      if (file.code == 200 || file.status == "SUCCESS") {
+        // this.$message.success(this.$t("message.laborMange.uploadSuccessful"));
+        let obj = {};
+        for (let i in file.data) {
+          obj = { name: file.data[i].filename, url: file.data[i].imageUrl };
+        }
+
+        if (type == 1) {
+          this.enterpriseForm.enterpriseQualificationUrl = JSON.stringify(obj);
+          this.aptitudeFileList = [obj];
+        } else if (type == 2) {
+          this.enterpriseForm.logo = JSON.stringify(obj);
+          this.logoFileList = [obj];
+        } else if (type == 3) {
+          this.examinationFile.push(obj);
+          let arrJoin = [];
+          for (let i in this.examinationFile) {
+            let data =
+              this.examinationFile[i].name + "*" + this.examinationFile[i].url;
+            arrJoin.push(data);
+          }
+          this.personForm.examinationImage = arrJoin.join(",");
+        } else if (type == 4) {
+          this.contractFile.push(obj);
+          let arrJoin = [];
+          for (let i in this.contractFile) {
+            let data =
+              this.contractFile[i].name + "*" + this.contractFile[i].url;
+            arrJoin.push(data);
+          }
+          this.personForm.contractImage = arrJoin.join(",");
+        } else if (type == 5) {
+          this.employmentFile.push(obj);
+          let arrJoin = [];
+          for (let i in this.employmentFile) {
+            let data =
+              this.employmentFile[i].name + "*" + this.employmentFile[i].url;
+            arrJoin.push(data);
+          }
+          this.personForm.employmentCard = arrJoin.join(",");
+        } else if (type == 8) {
+          console.log("身份证正面上传", file);
+          let data = {
+            name: file.data[0].filename,
+            url: file.data[0].imageUrl,
+          };
+          this.discernId(file.data[0].imageUrl, 2);
+          this.personForm.idCardUpPhotoUrl = data.url;
+          this.idCardUpPhotoUrlFile = [data];
+          if (this.personForm.idCardDownPhotoUrl) {
+            this.$refs["personForm"].clearValidate("idCardUpPhotoUrl");
+          }
+        } else if (type == 9) {
+          let data = {
+            name: file.data[0].filename,
+            url: file.data[0].imageUrl,
+          };
+          this.discernId(file.data[0].imageUrl, 1);
+          this.personForm.idCardDownPhotoUrl = data.url;
+          this.idCardDownPhotoUrlFile = [data];
+          if (this.personForm.idCardUpPhotoUrl) {
+            this.$refs["personForm"].clearValidate("idCardUpPhotoUrl");
+          }
+        }
+      } else {
+        //清空
+        this.$message.error(file.message);
+        if (type == 1) {
+          this.aptitudeFileList = [];
+        } else if (type == 2) {
+          this.logoFileList = [];
+        } else if (type == 3) {
+          this.examinationFile = [];
+        } else if (type == 4) {
+          this.contractFile = [];
+        } else if (type == 5) {
+          this.employmentFile = [];
+        } else if (type == 6) {
+          this.idCardUpPhotoFile = [];
+        } else if (type == 7) {
+          this.fieldAcquisitionFile = [];
+        } else if (type == 8) {
+          this.idCardUpPhotoUrlFile = [];
+        } else if (type == 9) {
+          this.idCardDownPhotoUrlFile = [];
+        }
+      }
+    },
+    // 人员照片库比对
+    checkImgLibrary(url) {
+      console.log(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 {
+            if (this.temporaryDialog1 || this.temporaryDialog2) {
+              this.personForm.personSerial = "";
+              this.personForm.fieldAcquisitionUrl = url;
+              this.fieldAcquisitionFile = [{ name: "", url: url }];
+              this.cropperDialog = false;
+            } else {
+              this.fieldAcquisitionFile = [{ name: "", url: url }];
+              this.cropperDialog = false;
+            }
+          }
+          console.log(res, "-----人员库照片查询");
+        }
+      );
+    },
+    //人脸监测、
+    checkFace(url) {
+      checkFaceApi({ fileUrl: url }).then((res) => {
+        if (res.result.checkType == 1) {
+          if (this.temporaryDialog1 || this.temporaryDialog2) {
+            this.personForm.fieldAcquisitionUrl = url;
+            this.fieldAcquisitionFile = [{ name: "", url: url }];
+            this.cropperDialog = false;
+          } else {
+            this.fieldAcquisitionFile = [{ name: "", url: url }];
+            this.cropperDialog = false;
+          }
+        } else {
+          this.$message.error(res.result.message);
+        }
+      });
+    },
+    //保存截图
+    saveMapUrlFn() {
+      this.$refs.cropper.startCrop();
+      var _this = this;
+      this.$refs.cropper.getCropBlob((data) => {
+        const isLt2M = data.size / 1024 < 500;
+        if (!isLt2M) {
+          this.$message.error(this.$t("message.laborMange.hint9"));
+          return;
+        }
+        var param = new FormData();
+        param.append("files", data, "image.png");
+        _this.$http
+          .post("/upload/image", param, {
+            headers: {
+              "Content-Type": "multipart/form-data",
+            },
+          })
+          .then((res) => {
+            console.log("aaaaa", res);
+            if (res.data.status == "SUCCESS") {
+              if (this.isSzProject == 1) {
+                this.checkImgLibrary(res.data.data[0].imageUrl);
+              } else {
+                this.checkFace(res.data.data[0].imageUrl);
+              }
+            }
+          });
+      });
+    },
+    // 超出 上传文件 数量
+    handleExceed(file, type) {
+      this.$message.error(
+        this.$t("message.laborMange.uploadLimitHasBeenReached")
+      );
+    },
+    //查看图片
+    handleTemporaryPreview(file, type) {
+      if (type === 0) {
+        this.bigImageDialog = true;
+        this.bigImageUrl = file;
+      } else {
+        // 新增企业  type ==  1 资质照片; 2 logo;
+        // 人员录入  type ==  3 体检报告; 4 合同附件; 5 从业资格证书; 6 身份证头像; 7 现场采集人脸;
+        let fileType = null;
+        if (file.response) {
+          let url = file.response.data[0];
+          fileType = url.imageUrl.split(".")[1];
+        } else {
+          fileType = file.url.split(".")[1];
+        }
+        if (
+          fileType != "jpg" &&
+          fileType != "jpeg" &&
+          fileType != "png" &&
+          fileType != "bmp" &&
+          fileType != "gif"
+        ) {
+          window.open(this.fileUrl + file.url);
+          //type== 0 直接查看列表中的图片
+        } else {
+          this.bigImageDialog = true;
+          this.bigImageUrl = file.response
+            ? this.fileUrl + file.response.data[0].imageUrl
+            : this.fileUrl + file.url;
+        }
+      }
+    },
+    //查看图片
+    handlePreview(file, type) {
+      if (type === 0) {
+        this.bigImageDialog = true;
+        this.bigImageUrl = file;
+      } else {
+        // 新增企业  type ==  1 资质照片; 2 logo;
+        // 人员录入  type ==  3 体检报告; 4 合同附件; 5 从业资格证书; 6 身份证头像; 7 现场采集人脸;
+        let fileType = null;
+        if (file.response) {
+          let url = file.response.data[0];
+          fileType = url.imageUrl.split(".")[1];
+        } else {
+          fileType = file.url.split(".")[1];
+        }
+        if (
+          fileType != "jpg" &&
+          fileType != "jpeg" &&
+          fileType != "png" &&
+          fileType != "bmp" &&
+          fileType != "gif"
+        ) {
+          window.open(this.fileUrl + file.url);
+          //type== 0 直接查看列表中的图片
+        } else {
+          this.bigImageDialog = true;
+          this.bigImageUrl = file.response
+            ? this.fileUrl + file.response.data[0].imageUrl
+            : this.fileUrl + file.url;
+        }
+      }
+    },
+
+    //上传失败
+    handleError(file, type) {
+      this.$message.error(this.$t("message.laborMange.pleaseReupload"));
+    },
+    //点击全选时
+    handleCheckAllChange(val) {
+      let checkedLst = val ? this.tableListData : [];
+      this.isIndeterminate = false;
+      for (let i in this.tableListData) {
+        if (checkedLst.length > 0 && this.tableListData[i].inserviceType == 1) {
+          this.$refs.multipleTable.toggleRowSelection(
+            this.tableListData[i],
+            true
+          );
+        } else {
+          this.$refs.multipleTable.toggleRowSelection(
+            this.tableListData[i],
+            false
+          );
+        }
+      }
+    },
+    // 获取 多选  选中的  数据
+    handleCheckedCitiesChange(value) {
+      if (value.length == 0) {
+        this.$nextTick(() => {
+          this.$refs.multipleTable.toggleRowSelection([], false);
+        });
+        this.checkAll = false;
+        this.isIndeterminate = false;
+        this.checkedWorker = [];
+      } else {
+        this.checkedWorker = value;
+        let checkedCount = value.length;
+        this.checkAll = checkedCount === this.tableListData.length;
+        this.isIndeterminate =
+          checkedCount > 0 && checkedCount < this.tableListData.length;
+      }
+    },
+
+    // 离职状态 不能多选
+    selectEnable(row, rowIndex) {
+      if (row.inserviceType == 1) {
+        return true;
+      } else {
+        return false;
+      }
+    },
+    //批量移动按钮
+    batchMove() {
+      this.batchMoveDialog = true;
+      this.batchMoveForm = {
+        teamId: "",
+        departmentId: "",
+        enterpriseId: "",
+      };
+      setTimeout(() => {
+        this.$refs["batchMoveForm"].clearValidate();
+      }, 120);
+      this.changeMoveCompany(this.checkedId);
+    },
+    //选择批量移动的 公司时
+    changeMoveCompany(value) {
+      this.batchMoveForm.teamId = "";
+      let data = {
+        enterpriseId: value,
+        projectSn: this.projectSn,
+      };
+      getTeamInfoList(data).then((res) => {
+        if (res.code == 200) {
+          this.moveTeamList = res.result;
+        }
+      });
+    },
+
+    //批量移动 保存按钮
+    saveBatchMove(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          let data = this.batchMoveForm;
+          let arr = [];
+          if (this.checkedWorker.length > 0) {
+            for (let i in this.checkedWorker) {
+              arr.push(this.checkedWorker[i].id);
+            }
+          }
+          data.workerIdStr = arr.join(",");
+          updateWorkerTeam(data).then((res) => {
+            if (res.code == 200) {
+              this.batchMoveDialog = false;
+              this.$message.success(
+                this.$t("message.laborMange.mobileSuccess")
+              );
+              this.getTeamList();
+              this.resetForm(formName);
+            }
+          });
+        } else {
+          return false;
+        }
+      });
+    },
+
+    //新增 人员  输入身份证 自动获取 出身日期  性别
+    changeIdCard(value) {
+      if (value.length < 18) {
+        this.$message.error(
+          this.$t("message.laborMange.PleaseEnterYourFullIDNumber")
+        );
+        return;
+      } else {
+        let birth = this.getBirth(value);
+        let sex = this.getSex(value);
+        this.personForm.sex = Number(sex);
+        this.personForm.birthday = birth;
+      }
+    },
+    // 获取 出生日期
+    getBirth(idCard) {
+      var birthday = "";
+      if (idCard != null && idCard != "") {
+        if (idCard.length == 15) {
+          birthday = "19" + idCard.slice(6, 12);
+        } else if (idCard.length == 18) {
+          birthday = idCard.slice(6, 14);
+        }
+        birthday = birthday.replace(/(.{4})(.{2})/, "$1-$2-");
+        //通过正则表达式来指定输出格式为:1990-01-01
+      }
+      return birthday;
+    },
+    //获取 性别 男女
+    getSex(idCard) {
+      var sexStr = "";
+      if (parseInt(idCard.slice(-2, -1)) % 2 == 1) {
+        sexStr = 1;
+      } else {
+        sexStr = 2;
+      }
+      return sexStr;
+    },
+
+    //下载插件
+    downloadPlugIn() {
+      window.open("http://139.159.226.224:9000/itbgp/file/IDCamera1.0.rar");
+    },
+
+    //打开摄像头
+    turnOnTheCamera(type) {
+      var ws = new WebSocket("ws://127.0.0.1:1818");
+      this.webSocket = ws;
+      ws.onopen = (event) => {
+        this.onopen(event, type);
+      };
+
+      ws.onmessage = (event) => {
+        this.onmessage(event, type);
+      };
+
+      ws.onerror = this.onerror;
+    },
+    //发送链接设备请求
+    onopen(event, type) {
+      if (type == 1) {
+        // 识别身份证
+        this.webSocket.send("ReadCard(1001,C:\\Doccamera\\)");
+      } else if (type == 2) {
+        //打开人脸 摄像头
+        this.webSocket.send("OpenFaceFrame(1)");
+        this.webSocket.send("vSetResolutionEx(2,3)");
+        this.webSocket.send("bStartPlay2");
+      } else {
+        //文件 打开识别摄像头
+        this.webSocket.send("OpenFaceFrame(0)");
+        this.webSocket.send("vSetResolutionEx(2,3)");
+        this.webSocket.send("bStartPlay");
+      }
+    },
+    //接收服务器返回的信息
+    onmessage(event, type) {
+      //结束通讯
+      if (
+        event.data.indexOf("BeginbStopPlaytrueEndbStopPlay") >= 0 ||
+        event.data.indexOf("BeginbStopPlayfalseEndbStopPlay") >= 0 ||
+        event.data.indexOf("BeginbStartPlayfalseEndbStartPlay") >= 0 ||
+        event.data.indexOf("BeginbStartPlay2falseEndbStartPlay2") >= 0 ||
+        event.data.indexOf("BeginOpenFaceFrametrueEndOpenFaceFrame") >= 0
+      ) {
+        this.instrUmentScreenDialog = false;
+        return;
+      } else if (
+        event.data.indexOf("BeginbStopPlaytrueEndbStopPlay") == -1 &&
+        event.data.indexOf("BeginReadCard") == -1
+      ) {
+        this.instrUmentScreenDialog = true;
+      }
+      if (event.data.indexOf("BeginReadCard") >= 0) {
+        //获取身份证信息
+        if (event.data == "BeginReadCardEndReadCard") {
+          this.$message.error(
+            this.$t("message.laborMange.failedToObtainIdentityInformation")
+          );
+          return;
+        } else {
+          // 截取掉 多余的字符
+          let data = JSON.parse(
+            event.data.replace("BeginReadCard", "").replace("EndReadCard", "")
+          );
+          //身份证 人脸照片
+          this.uploadFile(data.PhotoB64, 1);
+          //身份证 国徽面
+          this.uploadFile(data.BackB64, 2);
+          //身份证 人像面
+          this.uploadFile(data.FrontB64, 3);
+          this.$refs["personForm"].clearValidate();
+          this.personForm.nativePlace = data.Address;
+          this.personForm.issuingAuthorityForIdcard = data.Agency;
+          this.personForm.nation =
+            data.Folk + this.$t("message.laborMange.clan");
+          this.personForm.workerName = data.Name;
+          this.personForm.idCard = data.IdNo;
+          //截取身份证有效日期
+          let date = data.Valid.split("-");
+          this.personForm.idCardEndDate = date[1] == "长期" ? "" : date[1];
+          this.personForm.longTerm = date[1] == "长期" ? true : false;
+          this.changeIdCard(data.IdNo);
+        }
+      } else if (event.data.indexOf("BeginBase64") >= 0) {
+        if (type == 2) {
+          this.$message.success(
+            this.$t("message.laborMange.takePhotosSuccess")
+          );
+          // 上传的是现场采集照片
+          let url = JSON.parse(JSON.stringify(event.data.substring(11)));
+          this.uploadFile(url, 4);
+        } else if (type == 5) {
+          //合同附件
+          if (this.contractFile.length >= 3) {
+            this.$message.error(
+              this.$t("message.laborMange.uploadLimitHasBeenReached")
+            );
+            return;
+          } else {
+            this.$message.success(
+              this.$t("message.laborMange.takePhotosSuccess")
+            );
+            let url = JSON.parse(JSON.stringify(event.data.substring(11)));
+            this.uploadFile(url, 5);
+          }
+        } else if (type == 6) {
+          //从业资格证书
+          if (this.employmentFile.length >= 3) {
+            this.$message.error(
+              this.$t("message.laborMange.uploadLimitHasBeenReached")
+            );
+            return;
+          } else {
+            this.$message.success(
+              this.$t("message.laborMange.takePhotosSuccess")
+            );
+            let url = JSON.parse(JSON.stringify(event.data.substring(11)));
+            this.uploadFile(url, 6);
+          }
+        } else if (type == 7) {
+          //体检报告
+          if (this.examinationFile.length >= 3) {
+            this.$message.error(
+              this.$t("message.laborMange.uploadLimitHasBeenReached")
+            );
+            return;
+          } else {
+            this.$message.success(
+              this.$t("message.laborMange.takePhotosSuccess")
+            );
+            let url = JSON.parse(JSON.stringify(event.data.substring(11)));
+            this.uploadFile(url, 7);
+          }
+        }
+      } else {
+        //显示的图像
+        this.umentScreenUrl = this.base64Type + event.data;
+      }
+    },
+    onerror() {
+      this.$message.error(this.$t("message.laborMange.failedToConnectDevice"));
+    },
+
+    //保存 并 关闭
+    onclose(type) {
+      if (type == 1) {
+        this.webSocket.send("sGetBase64");
+      } else if (type == 2) {
+        this.webSocket.send("bStopPlay");
+      }
+    },
+
+    //上传现场采集照片发到服务器
+    uploadFile(url, type) {
+      let param = new FormData(); //创建form对象
+      // if(url.endsWidth('EndBase64')){
+      url = url.replace("EndBase64", "");
+      // }
+      param.append("base64Image", this.base64Type + url); //通过append向form对象添加数据
+      this.$http({
+        url: "/upload/uploadBase64",
+        method: "post",
+        data: param,
+        headers: {
+          "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8",
+        },
+      }).then((res) => {
+        if ((res.status = "SUCCESS")) {
+          if (type == 1) {
+            this.personForm.idCardBigPhotoUrl = res.data.data.imageUrl;
+          } else if (type == 2) {
+            this.personForm.idCardUpPhotoUrl = res.data.data.imageUrl;
+          } else if (type == 3) {
+            this.personForm.idCardDownPhotoUrl = res.data.data.imageUrl;
+          } else if (type == 4) {
+            this.personForm.fieldAcquisitionUrl = res.data.data.imageUrl;
+          } else if (type == 5) {
+            let arr =
+              this.personForm.contractImage != ""
+                ? this.personForm.contractImage.split(",")
+                : [];
+            let newUrl =
+              this.$t("message.laborMange.contract") +
+              (arr.length + 1) +
+              "*" +
+              res.data.data.imageUrl;
+            let data = {
+              name: this.$t("message.laborMange.contract") + (arr.length + 1),
+              url: res.data.data.imageUrl,
+            };
+            arr.push(newUrl);
+            this.personForm.contractImage = arr.join(",");
+            this.contractFile.push(data);
+          } else if (type == 6) {
+            let arr =
+              this.personForm.employmentCard != ""
+                ? this.personForm.employmentCard.split(",")
+                : [];
+            let newUrl =
+              this.$t("message.laborMange.certificate") +
+              (arr.length + 1) +
+              "*" +
+              res.data.data.imageUrl;
+            let data = {
+              name:
+                this.$t("message.laborMange.certificate") + (arr.length + 1),
+              url: res.data.data.imageUrl,
+            };
+            arr.push(newUrl);
+            this.personForm.employmentCard = arr.join(",");
+            this.employmentFile.push(data);
+          } else if (type == 7) {
+            let arr =
+              this.personForm.examinationImage != ""
+                ? this.personForm.examinationImage.split(",")
+                : [];
+            let newUrl =
+              this.$t("message.laborMange.physical") +
+              (arr.length + 1) +
+              "*" +
+              res.data.data.imageUrl;
+            let data = {
+              name: this.$t("message.laborMange.physical") + (arr.length + 1),
+              url: res.data.data.imageUrl,
+            };
+            arr.push(newUrl);
+            this.personForm.examinationImage = arr.join(",");
+            this.examinationFile.push(data);
+          }
+        } else {
+          this.$message.error(
+            this.$t("message.laborMange.PhotoUploadingToServerFailed")
+          );
+        }
+      });
+    },
+
+    //身份证识别
+    discernId(url, type) {
+      let data = {
+        imageUrl: this.fileUrl + url,
+        side: type,
+      };
+      getIdCardInfoApi(data).then((res) => {
+        console.log("返回值", res);
+        if (res.code == 200) {
+          console.log("成了吗", res);
+          let val = res.result;
+          if (type == 1) {
+            this.personForm.nation =
+              val.ethnicity + this.$t("message.laborMange.clan");
+            this.personForm.sex = val.sex == "男" ? 1 : 2;
+            this.personForm.workerName = val.name;
+            this.personForm.birthday = val.birth;
+            this.personForm.nativePlace = val.address;
+            this.personForm.idCard = val.number;
+          } else {
+            this.personForm.issuingAuthorityForIdcard = val.issue;
+            this.personForm.idCardEndDate =
+              val.valid_to != "长期" ? val.valid_to : "";
+            this.personForm.longTerm = val.valid_to == "长期" ? true : false;
+          }
+        } else {
+          this.$message.error(this.$t("message.laborMange.hint10"));
+        }
+      });
+    },
+  },
+  watch: {
+    laborDialogVisible: function(newValue, oldValue) {
+      console.log(newValue, 666);
+      this.visible = newValue;
+      this.personForm.enterpriseId = "";
+      this.personForm.teamId = "";
+      this.personForm.personType = 1;
+      this.workerTypeList = [];
+      this.getProjectList();
+      this.personnelEntry();
+      this.typeRadio = 1;
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+@import "../laborPersonCommon.less";
+::v-deep .el-button--medium {
+  padding: 9px 16px;
+}
+.laborComponent {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+.left2 {
+  width: 370px;
+  // background: #fbfbfb;
+  height: 100%;
+  position: relative;
+  .placeholder {
+    width: 339px;
+    height: 42px;
+  }
+  .left_list {
+    width: 100%;
+    text-align: center;
+    height: calc(100% - 61px);
+    .list_content {
+      height: calc(100% - 114px);
+      overflow-y: hidden;
+      margin-bottom: 60px;
+    }
+    .list_content:hover {
+      overflow-y: auto;
+    }
+    .list_content::-webkit-scrollbar {
+      /*滚动条整体样式*/
+      width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
+      height: 1px;
+    }
+    .list_content::-webkit-scrollbar-thumb {
+      /*滚动条里面小方块*/
+      border-radius: 5px;
+      // box-shadow: inset 0 0 5px #C1C1C1;
+      background: #c1c1c1;
+    }
+    .list_content::-webkit-scrollbar-track {
+      /*滚动条里面轨道*/
+      // box-shadow: inset 0 0 5px #C1C1C1;
+      border-radius: 5px;
+      background: #f1f1f1;
+    }
+  }
+  .el-menu-vertical-demo {
+    text-align: left;
+  }
+  .addFirm {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 45px;
+    line-height: 45px;
+    color: rgba(81, 129, 246, 1);
+    font-size: 15px;
+    text-align: center;
+    background: #fff;
+    border-top: 1px solid #e6e6e6;
+    font-family: PingFangSC-Regular;
+    cursor: pointer;
+  }
+  .content_data {
+    padding: 0 20px;
+    box-sizing: border-box;
+    height: 43px;
+    line-height: 43px;
+    cursor: pointer;
+    .enterpriseName {
+      width: 80%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      text-align: left;
+    }
+    .enterpriseName2 {
+      text-align: left;
+      width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+  .checkedName {
+    background-color: rgba(81, 129, 246, 0.1);
+    border-left: 3px solid #5181f6;
+    padding-left: 17px;
+  }
+}
+/deep/ .el-form--label-top .el-form-item__label {
+  padding: 0;
+}
+// 照片导入
+.importImgDialog {
+  /deep/.el-dialog__body {
+    padding: 15px 20px;
+  }
+}
+.import-content {
+  .alarm-content {
+    display: flex;
+    align-items: center;
+    margin-left: 104px;
+    .el-icon-warning-outline {
+      color: #ea3941;
+      font-size: 23px;
+    }
+    div {
+      width: 405px;
+      line-height: 18px;
+      font-family: Source Han Sans CN, Source Han Sans CN;
+      font-weight: 400;
+      font-size: 12px;
+      color: #ea3941;
+      margin: 5px;
+    }
+  }
+  .import-operation {
+    display: flex;
+    margin-top: 5px;
+    margin-left: 136px;
+    span {
+      font-family: Source Han Sans CN, Source Han Sans CN;
+      font-weight: 400;
+      font-size: 14px;
+      color: #272d45;
+      margin-right: 10px;
+    }
+    > div {
+      .upload-demo {
+        width: 321px;
+        height: 45px;
+        /deep/.el-upload {
+          width: 100%;
+          height: 100%;
+          .el-upload-dragger {
+            width: 100%;
+            height: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            .el-icon-upload {
+              color: #a2a4af;
+              font-size: 20px;
+              margin: 0px;
+              margin-right: 5px;
+            }
+            .el-upload__text {
+              font-family: Source Han Sans CN, Source Han Sans CN;
+              font-weight: 400;
+              font-size: 14px;
+              color: #a2a4af;
+            }
+          }
+        }
+      }
+    }
+  }
+  .upload-tip {
+    width: 321px;
+    margin-left: 215px;
+    margin-top: 5px;
+    font-family: Source Han Sans CN, Source Han Sans CN;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 18px;
+    color: #a2a4af;
+  }
+  .upload-tip-sub {
+    width: 321px;
+    margin-left: 215px;
+    margin-top: 5px;
+    font-family: Source Han Sans CN, Source Han Sans CN;
+    font-weight: 400;
+    font-size: 14px;
+    color: #5181f6;
+    line-height: 16px;
+  }
+}
+.dialog_content {
+  padding: 0 100px;
+  .el-form-item--small.el-form-item {
+    margin-bottom: 10px;
+  }
+}
+.addPerson_content {
+  padding: 0 25px;
+  .el-form-item--small.el-form-item {
+    margin-bottom: 10px;
+  }
+  .type-change {
+    margin: 5px 0px;
+  }
+}
+
+.shut_icon {
+  position: absolute;
+  right: -11px;
+  top: -11px;
+  z-index: 1000;
+  margin: 5px;
+  cursor: pointer;
+}
+.dialog_content {
+  height: 617px;
+  padding: 0 20px;
+}
+.examination {
+  margin-top: -30px;
+}
+.custom-tree-node {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 90%;
+  padding-right: 10px;
+  box-sizing: border-box;
+}
+/deep/ .el-tree-node__content {
+  height: 36px;
+}
+
+/deep/ .el-tree-node.is-current > .el-tree-node__content {
+  background-color: rgba(168, 191, 230, 0.69) !important;
+}
+
+/deep/ .el-tree-node__content:hover {
+  background: transparent;
+}
+
+/deep/ .el-tree-node__expand-icon {
+  font-size: 20px;
+}
+.img-list {
+  .form-label {
+    margin-bottom: 20px;
+    span {
+      color: #f56c6c;
+    }
+  }
+  .radio-box {
+    padding: 0 30px;
+  }
+  /deep/.el-radio {
+    display: inline-flex;
+    align-items: center;
+    margin-right: 30px;
+    margin-bottom: 20px;
+  }
+  .btn-box {
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-around;
+  }
+}
+.administration {
+  //   width: 100%;
+  //   height: 100%;
+  .left2 {
+    width: 370px;
+    height: 100%;
+    position: relative;
+    .placeholder {
+      width: 339px;
+      height: 42px;
+    }
+    .left_list {
+      width: 370px;
+      text-align: center;
+      height: calc(100% - 61px);
+      .list_content {
+        height: calc(100% - 114px);
+        overflow-y: hidden;
+        margin-bottom: 60px;
+      }
+      .list_content:hover {
+        overflow-y: auto;
+      }
+      .list_content::-webkit-scrollbar {
+        /*滚动条整体样式*/
+        width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
+        height: 1px;
+      }
+      .list_content::-webkit-scrollbar-thumb {
+        /*滚动条里面小方块*/
+        border-radius: 5px;
+        background: #c1c1c1;
+      }
+      .list_content::-webkit-scrollbar-track {
+        /*滚动条里面轨道*/
+        border-radius: 5px;
+        background: #f1f1f1;
+      }
+    }
+    .el-menu-vertical-demo {
+      text-align: left;
+    }
+    .addFirm {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      height: 45px;
+      line-height: 45px;
+      color: rgba(81, 129, 246, 1);
+      font-size: 15px;
+      text-align: center;
+      background: #fff;
+      border-top: 1px solid #e6e6e6;
+      font-family: PingFangSC-Regular;
+      cursor: pointer;
+    }
+    .content_data {
+      padding: 0 20px;
+      box-sizing: border-box;
+      height: 43px;
+      line-height: 43px;
+      cursor: pointer;
+      .enterpriseName {
+        width: 80%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        text-align: left;
+      }
+      .enterpriseName2 {
+        text-align: left;
+        width: 100%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+    .checkedName {
+      background-color: rgba(81, 129, 246, 0.1);
+      border-left: 3px solid #5181f6;
+      padding-left: 17px;
+    }
+  }
+  .right2 {
+    margin-left: 11px !important;
+  }
+  .fixed_title {
+    height: 38px;
+    line-height: 38px;
+    font-weight: 600;
+    background: #ededed;
+    padding-left: 15px;
+    // margin-top: -15px;
+    margin-bottom: 10px;
+    margin-left: -15px;
+  }
+}
+.temporary {
+  //   width: 100%;
+  //   height: 100%;
+  height: auto !important;
+  .placeholder {
+    width: 100%;
+    height: 41px;
+    border-bottom: 1px solid #e6e6e6;
+  }
+  .content {
+    padding: 15px 0;
+    box-sizing: border-box;
+    width: 100%;
+    height: calc(100% - 42px);
+  }
+  .title_wrap {
+    width: 100%;
+    box-sizing: border-box;
+    padding: 0 20px;
+    border-bottom: 2px solid @borderColor;
+  }
+  .titleStyle {
+    width: 100%;
+    font-size: 14px;
+    font-weight: 600;
+    margin: -15px 0 15px;
+    background: #ededed;
+    padding: 10px 15px;
+    box-sizing: border-box;
+  }
+  .uploadImage_wrap {
+    margin: 10px 0 0 0;
+    .position {
+      position: relative;
+    }
+    .shut_icon {
+      position: absolute;
+      top: -11px;
+      right: -11px;
+      z-index: 100;
+      margin: 5px;
+      cursor: pointer;
+    }
+  }
+  .required {
+    color: #f56c6c;
+  }
+  .workerName {
+    color: #5181f6;
+    font-size: 18px;
+    margin-bottom: 10px;
+    cursor: pointer;
+  }
+  .bigImageDialog {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, 0.5);
+    text-align: center;
+    z-index: 1000000;
+    overflow-y: auto;
+    // padding-bottom: 50px;
+    height: 100%;
+    .bigImageContent {
+      height: 100%;
+      margin: 0 auto;
+      text-align: center;
+    }
+    img {
+      // margin-top: 10%;
+      position: relative;
+      top: 10%;
+      max-height: 80%;
+      max-width: 80%;
+    }
+  }
+}
+</style>
diff --git a/src/views/projectFront/laborManage/components/comboForm/dialogPage/temporaryDialog.vue b/src/views/projectFront/laborManage/components/comboForm/dialogPage/temporaryDialog.vue
new file mode 100644
index 00000000..3a9c8f0f
--- /dev/null
+++ b/src/views/projectFront/laborManage/components/comboForm/dialogPage/temporaryDialog.vue
@@ -0,0 +1,3333 @@
+<template>
+    <div class="comboComponent">
+      <!-- 临时人员录入弹窗 -->
+      <el-dialog
+        :modal-append-to-body="false"
+        class="temporaryDialog"
+        :title="temporaryTitle"
+        :visible.sync="visible"
+        width="1100px"
+        :close-on-click-modal="false"
+      >
+        <div class="dialog_content temporary">
+          <el-form
+            label-position="top"
+            label-width="80px"
+            ref="addForm"
+            :rules="rules3"
+            :model="addForm"
+            size="small"
+          >
+            <el-row :gutter="24">
+              <div class="titleStyle flex">
+                <span>{{ $t("message.laborMange.essential") }}</span>
+              </div>
+              <el-col :span="16">
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item label="所属人员类型" prop="personType">
+                      <el-select
+                        v-model="addForm.personType"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                        style="width: 100%"
+                        @change="personTypeAddFormChange"
+                      >
+                        <el-option
+                          v-for="(item, index) in memberTypeList"
+                          :key="index"
+                          :label="item.name"
+                          :value="item.value"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.compellation')"
+                      prop="workerName"
+                    >
+                      <el-input
+                        v-model="addForm.workerName"
+                        style="width: 100%"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.sex')"
+                      prop="sex"
+                    >
+                      <el-radio-group v-model="addForm.sex">
+                        <el-radio :label="1">{{
+                          $t("message.laborMange.man")
+                        }}</el-radio>
+                        <el-radio :label="2">{{
+                          $t("message.laborMange.female")
+                        }}</el-radio>
+                      </el-radio-group>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.dateOfBirth')"
+                      prop="birthday"
+                    >
+                      <el-date-picker
+                        v-model="addForm.birthday"
+                        style="width: 100%"
+                        type="date"
+                        value-format="yyyy-MM-dd"
+                        :placeholder="$t('message.laborMange.pleaseSelectADate')"
+                      ></el-date-picker>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.IdNumber2')"
+                      prop="idCard"
+                    >
+                      <el-input
+                        v-model="addForm.idCard"
+                        style="width: 100%"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                        maxlength="18"
+                        @input="handleIdCardInput($event)"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.nation')"
+                      prop="nation"
+                    >
+                      <el-select
+                        style="width: 100%"
+                        v-model="addForm.nation"
+                        :placeholder="$t('message.laborMange.pleaseChoose')"
+                      >
+                        <el-option
+                          v-for="item in $t('message.laborMange.nationList')"
+                          :key="item.name"
+                          :label="item.name"
+                          :value="item.name"
+                        ></el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.nativePlace')"
+                      prop="nativePlace"
+                    >
+                      <el-input
+                        v-model="addForm.nativePlace"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                        style="width: 100%"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.issuingAuthority')"
+                      prop="issuingAuthorityForIdcard"
+                    >
+                      <el-input
+                        v-model="addForm.issuingAuthorityForIdcard"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                        style="width: 100%"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.effectiveDate')"
+                      prop="idCardEndDate"
+                    >
+                      <el-date-picker
+                        v-model="addForm.idCardEndDate"
+                        style="width: 100%"
+                        type="date"
+                        value-format="yyyy-MM-dd"
+                        :placeholder="$t('message.laborMange.pleaseSelectADate')"
+                      ></el-date-picker>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-form-item
+                      :label="$t('message.laborMange.contactNumber')"
+                      prop="phoneNumber"
+                    >
+                      <el-input
+                        v-model="addForm.phoneNumber"
+                        style="width: 100%"
+                        :placeholder="$t('message.laborMange.placeholder2')"
+                        oninput="if(value.length>11)value=value.slice(0,11)"
+                        type="number"
+                      ></el-input>
+                    </el-form-item>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="24">
+                  <el-col :span="12">
+                    <!-- <el-form-item label="进场日期" prop="enterDate">
+                      <el-date-picker
+                        v-model="addForm.enterDate"
+                        style="width:210px"
+                        type="date"
+                        value-format="yyyy-MM-dd"
+                        placeholder="请选择日期"
+                      ></el-date-picker>
+                    </el-form-item>-->
+                    <el-col :span="12">
+                      <!-- <el-form-item
+                        :label="$t('message.laborMange.frontAndBackOfIdCard')"
+                        prop="idCardUpPhotoUrl"
+                      >
+                        <div class="flex3" style="width: 160px">
+                          <div>
+                            <div
+                              v-if="personForm.idCardUpPhotoUrl"
+                              style="
+                                position: relative;
+                                width: 60px;
+                                height: 38px;
+                              "
+                            >
+                              <img
+                                :src="fileUrl + personForm.idCardUpPhotoUrl"
+                                style="width: 60px; height: 38px"
+                                @click="
+                                  handlePreview(
+                                    fileUrl + personForm.idCardUpPhotoUrl,
+                                    0
+                                  )
+                                "
+                              />
+                              <img
+                                v-if="
+                                  personForm.idCardUpPhotoUrl &&
+                                  titleType != 'detail'
+                                "
+                                src="@/assets/images/shut_icon.png"
+                                width="15px"
+                                height="15px"
+                                class="shut_icon"
+                                @click="shutIconBtn(2)"
+                              />
+                            </div>
+                            <el-upload
+                              v-else
+                              class="upload-demo identity_card"
+                              :action="uploadUrl"
+                              :on-remove="(file) => handleRemove(file, 8)"
+                              :on-success="(file) => handleSuccess(file, 8)"
+                              :on-error="(file) => handleError(file, 8)"
+                              :on-preview="(file) => handlePreview(file, 8)"
+                              :beforeUpload="
+                                (file) => handleBeforeUpload(file, 8)
+                              "
+                              name="files"
+                              :class="titleType == 'detail' ? 'margin_top35' : ''"
+                              :file-list="idCardUpPhotoUrlFile"
+                              :disabled="titleType == 'detail'"
+                              :show-file-list="false"
+                            >
+                              <img src="@/assets/images/cockade.png" />
+                            </el-upload>
+                          </div>
+                          <div>
+                            <div
+                              v-if="personForm.idCardDownPhotoUrl"
+                              style="
+                                position: relative;
+                                width: 60px;
+                                height: 38px;
+                              "
+                            >
+                              <img
+                                :src="fileUrl + personForm.idCardDownPhotoUrl"
+                                style="width: 60px; height: 38px"
+                                @click="
+                                  handlePreview(
+                                    fileUrl + personForm.idCardDownPhotoUrl,
+                                    0
+                                  )
+                                "
+                              />
+                              <img
+                                v-if="
+                                  personForm.idCardDownPhotoUrl &&
+                                  titleType != 'detail'
+                                "
+                                src="@/assets/images/shut_icon.png"
+                                width="15px"
+                                height="15px"
+                                class="shut_icon"
+                                @click="shutIconBtn(3)"
+                              />
+                            </div>
+                            <el-upload
+                              v-else
+                              class="upload-demo identity_card"
+                              :action="uploadUrl"
+                              :on-remove="(file) => handleRemove(file, 9)"
+                              :on-success="(file) => handleSuccess(file, 9)"
+                              :on-error="(file) => handleError(file, 9)"
+                              :on-preview="(file) => handlePreview(file, 9)"
+                              :beforeUpload="
+                                (file) => handleBeforeUpload(file, 9)
+                              "
+                              name="files"
+                              :class="titleType == 'detail' ? 'margin_top35' : ''"
+                              :file-list="idCardDownPhotoUrlFile"
+                              :disabled="titleType == 'detail'"
+                              :show-file-list="false"
+                            >
+                              <img src="@/assets/images/portrait.png" />
+                            </el-upload>
+                          </div>
+                        </div>
+                      </el-form-item> -->
+                    </el-col>
+                  </el-col>
+                </el-row>
+              </el-col>
+              <el-col :span="8" style="margin: 50px 0 30px">
+                <div
+                  style="text-align: center; margin: -20px 0 8px 0px"
+                  class="flex"
+                >
+                  <el-button
+                    type="primary"
+                    size="medium"
+                    @click="getIdCardInfo"
+                    >{{ $t("message.laborMange.idCardInformation") }}</el-button
+                  >
+                  <el-button
+                    type="primary"
+                    size="medium"
+                    @click="downloadPlugIn"
+                    style="background: #09c2aa; border-color: #09c2aa"
+                    >{{ $t("message.laborMange.highBeatDownload") }}</el-button
+                  >
+                </div>
+                <div class="flex5 uploadImage_wrap">
+                  <div class="position">
+                    <img
+                      :src="$store.state.FILEURL + addForm.idCardBigPhotoUrl"
+                      v-if="addForm.idCardBigPhotoUrl != ''"
+                      style="width: 100px; height: 119px; cursor: pointer"
+                      @click="handlePreview(addForm.idCardBigPhotoUrl)"
+                    />
+                    <img
+                      v-else
+                      :src="defaultImg"
+                      style="width: 100%; height: auto; cursor: pointer"
+                    />
+                    <img
+                      src="@/assets/images/shut_icon.png"
+                      style="width: 16px; height: auto"
+                      class="shut_icon"
+                      v-if="addForm.idCardBigPhotoUrl != ''"
+                      @click.stop="addForm.idCardBigPhotoUrl = ''"
+                    />
+                  </div>
+                  <div class="position">
+                    <img
+                      :src="$store.state.FILEURL + addForm.fieldAcquisitionUrl"
+                      v-if="addForm.fieldAcquisitionUrl != ''"
+                      style="width: 100px; height: 119px; cursor: pointer"
+                    />
+                    <img
+                      v-else
+                      :src="defaultImg"
+                      style="width: 100%; height: auto; cursor: pointer"
+                    />
+                    <img
+                      src="@/assets/images/shut_icon.png"
+                      style="width:16px; height:auto"
+                      class="shut_icon"
+                      v-if="addForm.fieldAcquisitionUrl != ''"
+                      @click="addForm.fieldAcquisitionUrl = ''"
+                    />
+                  </div>
+                </div>
+                <div class="flex5" style="margin: 5px 0">
+                  <span>
+                    <!-- <span class="required">*</span> -->
+                    <div style="width: 100px;text-align: center;">
+                      {{ $t("message.laborMange.IdCardHead") }}
+                    </div>
+                  </span>
+                  <span>
+                    <div style="width: 100px;text-align: center;">
+                      <span class="required">*</span>现场采集人脸
+                    </div>
+                  </span>
+                </div>
+                <div class="flex5">
+                  <!-- <el-upload
+                    class="upload-demo"
+                    ref="upload"
+                    :action="$store.state.UPLOADURL"
+                    :before-upload="beforeUpload"
+                    name="files"
+                    :on-success="(file) => uploadSuccess(file, 1)"
+                    :show-file-list="false"
+                  >
+                    <el-button slot="trigger" size="medium" type="primary">{{
+                      $t("message.laborMange.clickOnTheUpload")
+                    }}</el-button>
+                  </el-upload> -->
+                  <!-- <el-upload
+                    class="upload-demo"
+                    ref="upload"
+                    :action="$store.state.UPLOADURL"
+                    name="files"
+                    :before-upload="beforeUpload"
+                    :on-success="(file)=>uploadSuccess(file,2)"
+                    :show-file-list="false"
+                  >
+                    <el-button slot="trigger" size="medium" type="primary">点击上传</el-button>
+                  </el-upload> -->
+                  <el-upload
+                    action="uploadUrl"
+                    :on-remove="(file) => handleTemporaryRemove(file, 3)"
+                    :on-preview="(file) => handleTemporaryPreview(file, 3)"
+                    :beforeUpload="(file) => handleBeforeUpload(file, 3)"
+                    :show-file-list="false"
+                    :file-list="idCardBigPhotoUrlFile"
+                    list-type="picture"
+                    :http-request="
+                      (val) => handleTemporaryUpload(val, 'idCardAvatar')
+                    "
+                  >
+                    <el-button
+                      size="medium"
+                      style="padding: 9px 20px"
+                      type="primary"
+                      v-if="titleType != 'detail'"
+                      >{{ $t("message.laborMange.clickOnTheUpload") }}</el-button
+                    >
+                  </el-upload>
+                  <el-upload
+                    action="uploadUrl"
+                    :on-remove="(file) => handleTemporaryRemove(file, 4)"
+                    :on-preview="(file) => handleTemporaryPreview(file, 4)"
+                    :beforeUpload="(file) => handleBeforeUpload(file, 4)"
+                    list-type="picture"
+                    :show-file-list="false"
+                    :file-list="fieldAcquisitionUrlFile"
+                    :http-request="
+                      (val) => handleTemporaryUpload(val, 'livesFace')
+                    "
+                  >
+                    <el-button
+                      size="medium"
+                      style="padding: 9px 20px"
+                      type="primary"
+                      v-if="titleType != 'detail'"
+                      >{{ $t("message.laborMange.clickOnTheUpload") }}</el-button
+                    >
+                  </el-upload>
+                </div>
+              </el-col>
+              <div class="titleStyle flex">
+                <span>{{ $t("message.laborMange.attendanceInfo") }}</span>
+              </div>
+              <el-row :gutter="24" style="margin: 0px;">
+                <el-col :span="12">
+                  <el-form-item
+                    :label="$t('message.laborMange.attendanceNumber')"
+                    prop="attendanceNumber"
+                  >
+                    <el-input
+                      v-model="addForm.attendanceNumber"
+                      :placeholder="$t('message.laborMange.placeholder2')"
+                      style="width: 210px"
+                    ></el-input>
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </el-row>
+          </el-form>
+          <!-- style="margin-left:120px" -->
+          <div class="dialog-footer">
+            <el-button
+              size="medium"
+              icon="el-icon-circle-close"
+              @click="temporaryDialog3 = false"
+              >{{ $t("message.laborMange.cancel") }}</el-button
+            >
+            <el-button
+              icon="el-icon-circle-check"
+              type="primary"
+              size="medium"
+              @click="submitForm('addForm')"
+              >{{ $t("message.laborMange.confirm") }}</el-button
+            >
+          </div>
+        </div>
+      </el-dialog>
+      <!-- 图片裁剪弹框 -->
+      <el-dialog
+        :modal-append-to-body="false"
+        :title="
+          $t('message.personnelPosition.mapManage.dialog_KJNova_Clipper.title')
+        "
+        :visible.sync="cropperDialog"
+        width="767px"
+      >
+        <div class="dialog_content" style="height: 400px">
+          <!-- <vue-scroll> -->
+          <vueCropper
+            ref="cropper"
+            :img="cropperOption.img"
+            :outputType="cropperOption.outputType"
+            :autoCropWidth="cropperOption.autoCropWidth"
+            :autoCropHeight="cropperOption.autoCropHeight"
+            :autoCrop="true"
+            :fixedBox="true"
+          ></vueCropper>
+          <!-- </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>
+          <el-button
+            type="primary"
+            icon="el-icon-circle-check"
+            @click="saveMapUrlFn"
+            size="medium"
+            >{{ $t("message.personnelPosition.determine") }}
+          </el-button>
+        </div>
+      </el-dialog>
+    </div>
+  </template>
+  
+  <script>
+  import {
+    getEnterpriseInfoList,
+    getEnterpriseTypeList,
+    setEnterpriseInfo,
+    editEnterpriseInfo,
+    deleteEnterprise,
+    getTeamInfoList,
+    getProjectTeamList,
+    addTeamInfo,
+    editTeamInfo,
+    getWorkerInfoList,
+    addWorkerInfo,
+    editWorkerInfo,
+    updateWorkerExit,
+    updateWorkerTeam,
+    deleteWorkerInfo,
+    getProjectUfaceConfigInfo,
+    getIdCardInfoApi,
+    checkFaceApi,
+    workerAttendanceRuleList,
+    sendWorkerInfoByIdApi,
+    batchSendWorkerInfoApi,
+    selectHierarchyEnterpriseListApi,
+    ufaceDevList,
+    getGroupListApi,
+    checkImgLibraryApi,
+    updateByIdWorkerInfo,
+    sendBatchWokerApi,
+    importImgDataApi,
+    getDepartmentInfoList,
+  } from "@/assets/js/api/laborPerson";
+  import {
+    selectUserDevAuthorityByUserIdApi,
+    exporExcelWorkerTemplateApi,
+  } from "@/assets/js/api/configManage";
+  import {
+    checkPhone,
+    CheckSocialCreditCode,
+    IdentityCodeValid,
+  } from "@/assets/js/util.js";
+  import { getProjectConfigListApi } from "@/assets/js/api/project.js";
+  import { VueCropper } from "vue-cropper";
+  
+  import { apiUploadImage } from "@/assets/js/api/common";
+  import lrz from "lrz";
+  export default {
+    components: {
+      VueCropper,
+    },
+    props: ["temporaryDialogVisible"],
+    data() {
+      return {
+        visible: false,
+        defaultImg: require("../../../../../../assets/images/profile_photo.png"),
+        idCardBigPhotoUrlFile: [],
+        addForm: {
+          personType: 1,
+          workerName: "",
+          sex: "",
+          phoneNumber: "",
+          attendanceNumber: "",
+          nation: "",
+          issuingAuthorityForIdcard: "",
+          idCardBigPhotoUrl: "",
+          fieldAcquisitionUrl: "",
+          idCardEndDate: "",
+          nativePlace: "",
+          birthday: "",
+          idCard: "",
+          // enterDate: "",
+        },
+        temporaryDialog1: false,
+        temporaryDialog2: false,
+        temporaryDialog3: false,
+        temporaryTitle: this.$t("message.laborMange.personnelEntry"),
+        typeRadio: 1,
+        refreshPage: true, //静默刷新
+        radio: "",
+        key: false, //判断是否显示一件下发按钮
+        COMPANY: COMPANY,
+        isCheckeedData: true, //判断一键下发是否有数据选中
+        ufaceDevAllList: [], //所有人脸设备
+        uGroupAllList: [], //所有分组
+        projectSn: null, //projectSn 项目sn
+        uploadUrl: "", //文件上传地址
+        fileUrl: "", //文件上传地址
+        showImgList: false,
+        // ------------------------------------------------------------------
+  
+        enterpriseName: "", //劳务公司名称 || 企业名称
+        enterpriseListData: [], //企业列表 || 劳务公司列表
+        checkedId: 0, //选中的企业
+        //新增企业表单
+        enterpriseForm: {
+          name: "",
+          bankcardnumber: "", //银行卡号
+          bankname: "", // 开户行
+          businessLicenseEndDate: "", // 营业执照截止日期
+          businessNumber: "", //营业执照注册号
+          enterpriseAddress: "", //企业地址
+          enterpriseEmail: "", //企业邮箱
+          enterpriseLegalPerson: "", //法定代表人
+          enterpriseName: "", //企业名称
+          enterpriseProperty: "", //单位性质 1.国有企业 2三资企业 3集体企业 4私营企业
+          enterpriseQualificationUrl: "", //企业资质图片地址
+          enterpriseSafeAllow: "", //企业安全生产许可证
+          enterpriseTypeId: "", //企业类型Id
+          legalPersonTel: "", //法人电话
+          logo: "", //logo
+          projectSn: "", //项目Sn
+          qualificationNumber: "", //资质证书号
+          registerPersonPhoneTel: "", //注册人电话
+          registeredCapital: "", //注册资金
+          socialCode: "", //社会统一信用代码
+        },
+        //校验新增企业表单
+        enterpriseFormRules: this.$t("message.laborMange.enterpriseFormRules"),
+        // 人员类型列表
+        memberTypeList: [
+          { name: "劳务人员", value: 1 },
+          { name: "管理人员", value: 2 },
+          { name: "临时人员", value: 3 },
+        ],
+        //民族
+        nationList: this.$t("message.laborMange.nationList"),
+        imgFileList: [], // 照片文件列表
+        aptitudeFileList: [], //资质照片列表
+        logoFileList: [], //logo 文件列表
+        enterpriseTypeList: [], //新增企业 企业类型下拉
+        bigImageDialog: false, //查看大图
+        bigImageUrl: "", //大图地址
+        enterpriseDialogTitle: this.$t("message.laborMange.theNewEnterprise"), // 用于判断  是新增 还是编辑  修改字段要谨慎啊
+        addEnterpriseDialog: false, //新增企业 弹窗
+  
+        /*-------------------
+    -----------------------右边数据字段----------------
+    ---------------*/
+        teamDialogTitle: this.$t("message.laborMange.theNewTeam"),
+        //班组信息
+        teamForm: {
+          describeValue: "", //描述
+          leaderIdCard: "", //负责人身份证号
+          leaderName: "", //负责人姓名
+          leaderPhone: "", //负责人手机号
+          teamName: "", //班组名称
+          teamType: "", //班组类型
+          workerTypeId: "", //工种id
+          specialTeam: 0, //是否是特殊班组  0否，1是
+        },
+        specialTeam: 0,
+        //班组校验
+        teamFormRules: this.$t("message.laborMange.teamFormRules"),
+        workerTypeList: [], // 班组
+        departmentListData: [], // 部门
+        showEnterpriseName: "", //头部的企业名称
+        teamListData: {}, // 班组列表
+        checkedTeamId: 0, //选中的班组id
+        pageSize: 10,
+        page: 1,
+        total: 0,
+        //请求表格参数
+        tableParameter: {
+          idCard: "",
+          personType: 1,
+          projectSn: "",
+          teamId: "",
+          departmentId: "",
+          workerName: "",
+          inserviceType: "",
+          enterDate: "",
+          codeState: "",
+        },
+        tableListData: [], //表格数据
+        personDialogTitle: this.$t("message.laborMange.personnelEntry"),
+        titleType: "add",
+        imgImportDialog: false, //照片导入 弹窗
+        //人员表单字段
+        personForm: {
+          workerName: "",
+          enterpriseId: "",
+          teamId: "",
+          departmentId: "",
+          sex: "",
+          idCard: "",
+          birthday: "",
+          enterDate: "",
+          personType: 1,
+          nation: "",
+          nativePlace: "",
+          isUploadHousing: "",
+          issuingAuthorityForIdcard: "",
+          idCardEndDate: "",
+          longTerm: false,
+          phoneNumber: "",
+          emergentPerson: "",
+          emergentPhone: "",
+          inserviceType: "",
+          politicsStatus: "",
+          marry: "",
+          payRollBankName: "",
+          payRollBankNumber: "",
+          educational: "",
+          blood: "",
+          examinationImage: "",
+          contractImage: "",
+          employmentCard: "",
+          idCardBigPhotoUrl: "",
+          fieldAcquisitionUrl: "",
+          personType: 1,
+          idCardUpPhotoUrl: "",
+          idCardDownPhotoUrl: "",
+          ruleId: "",
+          ufaceDevId: [],
+          uGroupId: [],
+          personSerial: "",
+          locationCardno: "", //人员定位标签号
+        },
+        //人员录入校验
+        personFormRules: this.$t("message.laborMange.personFormRules2"),
+  
+        //显示的文件列表
+        examinationFile: [], //体检报告
+        contractFile: [], //合同附件
+        employmentFile: [], //从业资格证书
+        idCardUpPhotoFile: [], //身份证头像
+        fieldAcquisitionFile: [], //现场采集人脸
+        idCardUpPhotoUrlFile: [], // 身份证国徽面
+        idCardDownPhotoUrlFile: [], // 身份证人像面
+        //显示的文件列表
+        fieldAcquisitionUrlFile: [],
+        checkAll: false, //显示选中状态
+        isIndeterminate: false, //有选中的数据
+        checkedWorker: [], //批量选中的数据
+        batchMoveDialog: false, //批量移动弹窗
+        //批量移动表单
+        batchMoveForm: {
+          teamId: "",
+          departmentId: "",
+          enterpriseId: "",
+        },
+        moveTeamList: [], // 选择移动的班组的列表
+        showTeamList: false, //显示班组列表
+  
+        // 表格 全选 状态 禁用启用
+        checkAllStatus: false,
+  
+        webSocket: null,
+        instrUmentScreenDialog: false,
+        umentScreenUrl: "",
+        base64Type: "data:image/jpeg;base64,",
+        isUploadToHouse: false, //是否显示上传到住建局按钮
+        attendRulesList: [],
+        enterpriseTypeId: "",
+        cropperOption: {
+          outputType: "png",
+          img: "",
+          autoCropWidth: 300, // 默认生成截图框宽度
+          autoCropHeight: 360, // 默认生成截图框高度
+        },
+        cropperDialog: false,
+        enterpriseTreeData: [],
+        defaultId: "",
+        isIndeterminate2: false,
+        isIndeterminate3: false,
+        checkAllFaceDev: false,
+        checkAllGroupDev: false,
+        fileTemp: "",
+        imgRadiolist: [],
+        isSzProject: "",
+        //职务类型
+        dutuiesType: [],
+        dutuies: [],
+        rules2: {
+          enterpriseId: [
+            {
+              required: true,
+              message: "请选择",
+              trigger: "blur",
+            },
+          ],
+          departmentId: [
+            {
+              required: true,
+              message: "请选择",
+              trigger: "blur",
+            },
+          ],
+          personType: [
+            {
+              required: true,
+              message: this.$t("message.laborMange.pleaseInputYourName"),
+              trigger: "blur",
+            },
+          ],
+          workerName: [
+            {
+              required: true,
+              message: this.$t("message.laborMange.pleaseInputYourName"),
+              trigger: "blur",
+            },
+          ],
+          // sex: [
+          //   {
+          //     required: true,
+          //     message: "请选择性别",
+          //     trigger: "submit",
+          //   },
+          // ],
+          idCard: [
+            {
+              required: true,
+              message: this.$t("message.laborMange.pleaseInputYourIdNumber"),
+              trigger: "blur",
+            },
+          ],
+          // attendanceNumber: [
+          //   {
+          //     required: true,
+          //     message: this.$t(
+          //       "message.laborMange.pleaseInputYourAttendanceNumber"
+          //     ),
+          //     trigger: "blur",
+          //   },
+          // ],
+          // phoneNumber: [
+          //   { required: true, message: "请输入联系电话", trigger: "blur" },
+          // ],
+          // enterDate: [
+          //   { required: true, message: "请选择进场日期", trigger: "blur" },
+          // ],
+        },
+        rules3: {
+          enterpriseId: [
+            {
+              required: true,
+              message: "请选择",
+              trigger: "change",
+            },
+          ],
+          teamId: [
+            {
+              required: true,
+              message: "请选择",
+              trigger: "change",
+            },
+          ],
+          departmentId: [
+            {
+              required: true,
+              message: "请选择",
+              trigger: "change",
+            },
+          ],
+          personType: [
+            {
+              required: true,
+              message: this.$t("message.laborMange.pleaseInputYourName"),
+              trigger: "blur",
+            },
+          ],
+          workerName: [
+            {
+              required: true,
+              message: this.$t("message.laborMange.pleaseInputYourName"),
+              trigger: "blur",
+            },
+          ],
+          // sex: [
+          //   {
+          //     required: true,
+          //     message: "请选择性别",
+          //     trigger: "submit",
+          //   },
+          // ],
+          idCard: [
+            {
+              required: true,
+              message: this.$t("message.laborMange.pleaseInputYourIdNumber"),
+              trigger: "blur",
+            },
+          ],
+          // attendanceNumber: [
+          //   {
+          //     required: true,
+          //     message: this.$t(
+          //       "message.laborMange.pleaseInputYourAttendanceNumber"
+          //     ),
+          //     trigger: "blur",
+          //   },
+          // ],
+          // phoneNumber: [
+          //   { required: true, message: "请输入联系电话", trigger: "blur" },
+          // ],
+          // enterDate: [
+          //   { required: true, message: "请选择进场日期", trigger: "blur" },
+          // ],
+        },
+        rules: {
+          enterpriseId: [
+            {
+              required: true,
+              message: "请选择",
+              trigger: "blur",
+            },
+          ],
+          teamId: [
+            {
+              required: true,
+              message: "请选择",
+              trigger: "blur",
+            },
+          ],
+          personType: [
+            {
+              required: true,
+              message: this.$t("message.laborMange.pleaseInputYourName"),
+              trigger: "blur",
+            },
+          ],
+          workerName: [
+            {
+              required: true,
+              message: this.$t("message.laborMange.pleaseInputYourName"),
+              trigger: "blur",
+            },
+          ],
+          // sex: [
+          //   {
+          //     required: true,
+          //     message: "请选择性别",
+          //     trigger: "submit",
+          //   },
+          // ],
+          idCard: [
+            {
+              required: true,
+              message: this.$t("message.laborMange.pleaseInputYourIdNumber"),
+              trigger: "blur",
+            },
+          ],
+          // attendanceNumber: [
+          //   {
+          //     required: true,
+          //     message: this.$t(
+          //       "message.laborMange.pleaseInputYourAttendanceNumber"
+          //     ),
+          //     trigger: "blur",
+          //   },
+          // ],
+          // phoneNumber: [
+          //   { required: true, message: "请输入联系电话", trigger: "blur" },
+          // ],
+          // enterDate: [
+          //   { required: true, message: "请选择进场日期", trigger: "blur" },
+          // ],
+        },
+      };
+    },
+    created() {
+      this.visible = this.temporaryDialogVisible;
+      this.projectSn = this.$store.state.projectSn;
+      this.uploadUrl = this.$store.state.UPLOADURL;
+      this.fileUrl = this.$store.state.FILEURL;
+      let data = JSON.parse(sessionStorage.getItem("vuex"));
+      // console.log('vuex信息',data)
+      data.menuList.forEach((item) => {
+        if (item.actionList) {
+          item.actionList.find((item2) => {
+            if (item2.actionCode == "akey_issued") {
+              this.key = true;
+            }
+            // console.log('this.key', this.key)
+          });
+        }
+      });
+      if (sessionStorage.getItem("personPage")) {
+        this.page = JSON.parse(sessionStorage.getItem("personPage"));
+      }
+      if (sessionStorage.getItem("companyPage")) {
+        this.checkedId = JSON.parse(sessionStorage.getItem("companyPage"));
+      }
+      this.getConfig();
+  
+      this.getProjectList();
+      this.getAttendRuleList();
+      this.getUfaceDevList();
+      this.getUGroupDevList();
+      this.getProjectConfig();
+    },
+  
+    mounted() {
+      // this.webSocket = new WebSocket("ws://127.0.0.1:1818");
+      this.getEnterpriseType();
+    },
+    computed: {
+      headers() {
+        return {
+          Authorization: this.$store.state.userInfo.token,
+        };
+      },
+    },
+    methods: {
+      //上传成功
+      uploadSuccess(file, type) {
+        if (type == 1) {
+          this.addForm.idCardBigPhotoUrl = file.data[0].imageUrl;
+        } else {
+          this.addForm.fieldAcquisitionUrl = file.data[0].imageUrl;
+        }
+      },
+      enterpriseChange() {
+        if (this.personForm.personType == 1) {
+          this.getWorkerTypeListData();
+        } else {
+          this.getDepartmentListData();
+        }
+      },
+      personTypeAddFormChange() {
+        console.log(this.addForm.personType, 7788);
+        if (this.addForm.personType != 3) {
+          this.visible = false;
+          this.$emit("closeTemporaryDialog", this.addForm.personType);
+        }
+      },
+      closeDialog() {
+      this.visible = false;
+      this.$emit("closeTemporaryDialog");
+      },
+      //人员录入   提交
+      //人员录入   提交
+      submitForm(formName) {
+        // if (this.addForm.idCardBigPhotoUrl == "") {
+        //   this.$message.error(
+        //     this.$t("message.laborMange.pleaseUploadYourIDPhoto")
+        //   );
+        //   return;
+        // }
+        //身份证校验
+        //   if (!IdentityCodeValid(this.addForm.idCard)) {
+        //     this.$message.error(this.$t('message.laborMange.correctCellIdCard'))
+        //     return
+        //   }
+        this.$refs[formName].validate((valid) => {
+          if (valid) {
+            // 现场人脸采集校验
+            if (this.addForm.fieldAcquisitionUrl == "") {
+              this.$message.error(
+                this.$t("message.laborMange.pleaseUploadPhotosOfTheScene")
+              );
+              return;
+            }
+            this.addForm.projectSn = this.projectSn;
+  
+            addWorkerInfo(this.addForm).then((res) => {
+              if (res.code == 200) {
+                this.resetForm(formName);
+                this.temporaryDialog3 = false;
+                this.addForm.idCardBigPhotoUrl = "";
+                this.closeDialog();
+              }
+            });
+            // if (this.operationType == "add") {
+            // } else {
+            //   delete this.addForm.addTime;
+            //   editWorkerInfo(this.addForm).then((res) => {
+            //     if (res.code == 200) {
+            //       this.resetForm(formName);
+            //       this.temporaryDialog3 = false;
+            //       this.addForm.idCardBigPhotoUrl = "";
+            //       this.closeDialog();
+            //     }
+            //   });
+            // }
+          } else {
+            return false;
+          }
+        });
+      },
+      //高拍仪获取身份证信息
+      getIdCardInfo() {
+        var ws = new WebSocket("ws://127.0.0.1:1818");
+        this.webSocket = ws;
+        ws.onopen = (event) => {
+          this.onopen(event);
+        };
+  
+        ws.onmessage = (event) => {
+          this.onmessage(event);
+        };
+  
+        ws.onerror = this.onerror;
+      },
+      //上传前
+      beforeUpload(file) {
+        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 {
+          return true;
+        }
+      },
+      handleImportSuccess(response, file, fileList) {
+        console.log(response, file, fileList);
+        this.imgFileList = fileList;
+        console.log(this.imgFileList);
+      },
+      handleImportExceed(files, fileList) {
+        /*this.$message.warning(
+                        `当前限制选择 1 个文件，本次选择了 ${files.length} 个文件，共选择了 ${
+                            files.length + fileList.length
+                        } 个文件`
+                    );*/
+        this.$message.warning(
+          this.$t("message.docManage.dialog_upload_files.limitingChoice")
+        ); //当前限制选择 1 个文件
+      },
+      handleTemporaryUpload(fileData, type) {
+        console.log(fileData, 111222);
+        const file = fileData.file;
+        // 压缩图片
+        lrz(file, { quality: 1 }).then((result) => {
+          const formData = new FormData();
+          formData.append("files", result.file);
+          // 图片上传
+          apiUploadImage(formData).then((res) => {
+            if (res.code == 200 || res.status == "SUCCESS") {
+              const imgInfo = res.data[0];
+  
+              switch (type) {
+                case "idCardAvatar": // 身份证头像
+                  this.addForm.idCardBigPhotoUrl = imgInfo.imageUrl;
+                  this.idCardUpPhotoFile = [
+                    { name: imgInfo.filename, url: imgInfo.imageUrl },
+                  ];
+                  break;
+                case "livesFace": // 现场采集人脸
+                  this.cropperOption.img =
+                    this.$store.state.FILEURL + imgInfo.imageUrl;
+                  this.cropperDialog = true;
+                  // let imgStatus = result.file.size / 1024 < 500
+                  // if (!imgStatus) {
+                  //   this.cropperOption.img =
+                  //     this.$store.state.FILEURL + imgInfo.imageUrl
+                  //   this.cropperDialog = true
+                  // } else {
+                  //   if (this.isSzProject == 1) {
+                  //     this.checkImgLibrary(imgInfo.imageUrl)
+                  //   } else {
+                  //     this.checkFace(imgInfo.imageUrl)
+                  //   }
+                  // }
+                  break;
+              }
+            }
+          });
+        });
+      },
+      handleUpload(fileData, type) {
+        console.log(fileData, 111222);
+        const file = fileData.file;
+        // 压缩图片
+        lrz(file, { quality: 1 }).then((result) => {
+          const formData = new FormData();
+          formData.append("files", result.file);
+          // 图片上传
+          apiUploadImage(formData).then((res) => {
+            if (res.code == 200 || res.status == "SUCCESS") {
+              const imgInfo = res.data[0];
+  
+              switch (type) {
+                case "idCardAvatar": // 身份证头像
+                  this.personForm.idCardBigPhotoUrl = imgInfo.imageUrl;
+                  this.idCardUpPhotoFile = [
+                    { name: imgInfo.filename, url: imgInfo.imageUrl },
+                  ];
+                  break;
+                case "livesFace": // 现场采集人脸
+                  this.cropperOption.img =
+                    this.$store.state.FILEURL + imgInfo.imageUrl;
+                  this.cropperDialog = true;
+                  // let imgStatus = result.file.size / 1024 < 500
+                  // if (!imgStatus) {
+                  //   this.cropperOption.img =
+                  //     this.$store.state.FILEURL + imgInfo.imageUrl
+                  //   this.cropperDialog = true
+                  // } else {
+                  //   if (this.isSzProject == 1) {
+                  //     this.checkImgLibrary(imgInfo.imageUrl)
+                  //   } else {
+                  //     this.checkFace(imgInfo.imageUrl)
+                  //   }
+                  // }
+                  break;
+              }
+            }
+          });
+        });
+      },
+      checkImg() {
+        console.log(this.radio);
+        this.imgRadiolist.forEach((item) => {
+          if (this.radio == item.personSerial) {
+            this.personForm.personSerial = this.radio;
+            this.personForm.fieldAcquisitionUrl = item.imageUrl;
+            this.fieldAcquisitionFile = [{ name: "", url: item.imageUrl }];
+          }
+        });
+        this.showImgList = false;
+      },
+      // 判断是否为深圳项目
+      getProjectConfig() {
+        getProjectConfigListApi({ projectSn: this.projectSn }).then((res) => {
+          this.isSzProject = res.result[0].isSzProject; //1是 0否
+        });
+      },
+      exportM() {
+        window.location.href =
+          this.$http.defaults.baseURL +
+          "xmgl/download/exporExcelWorkerTemplate?projectSn=" +
+          this.projectSn;
+      },
+      // 导入照片弹窗
+      importImgOpen() {
+        this.imgImportDialog = true;
+      },
+      // 下发通行设备
+      passEquipment() {
+        sendBatchWokerApi({
+          projectSn: this.projectSn,
+          personType: "1",
+          userId: this.$store.state.userInfo.userId,
+          enterpriseId: this.checkedId,
+        }).then((res) => {
+          if (res.code == 200) {
+            this.$message({
+              message: "操作成功，已在后台下发，请稍后查看！",
+              type: "success",
+            });
+          }
+        });
+      },
+      handleChangeE(file, fileList) {
+        this.fileTemp = file.raw;
+        console.log(file);
+        if (this.fileTemp) {
+          if (
+            this.fileTemp.type ==
+              "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" ||
+            this.fileTemp.type == "application/vnd.ms-excel"
+          ) {
+          } else {
+            this.$message.error(this.$t("message.laborMange.hint5"));
+          }
+        }
+      },
+      handleSuccessE(file) {
+        this.refreshPage = false;
+        console.log("==========", file);
+        if (file.code == 200) {
+          this.$message.success(file.message); //导入成功
+          this.refreshBtn();
+          this.getTeamList();
+        } else {
+          this.$message.error(file.message);
+        }
+        this.$nextTick(() => {
+          this.refreshPage = true;
+        });
+      },
+      handleErrorE() {
+        this.$message.error(this.$t("message.laborMange.hint7"));
+        this.refreshBtn();
+      },
+      handleUfaceDevChange(val) {
+        let checkedCount = val.length;
+        let allCheckList = [];
+        for (let i = 0; i < this.ufaceDevAllList.length; i++) {
+          if (!this.ufaceDevAllList[i].disabled) {
+            allCheckList.push(this.ufaceDevAllList[i]);
+          }
+        }
+        this.checkAllFaceDev = checkedCount === allCheckList.length;
+        this.isIndeterminate2 =
+          checkedCount > 0 && checkedCount < allCheckList.length;
+      },
+      handleUGroupChange(val) {
+        let checkedCount = val.length;
+        let allCheckList = [];
+        for (let i = 0; i < this.uGroupAllList.length; i++) {
+          if (!this.uGroupAllList[i].disabled) {
+            allCheckList.push(this.uGroupAllList[i]);
+          }
+        }
+        this.checkAllGroupDev = checkedCount === allCheckList.length;
+        this.isIndeterminate3 =
+          checkedCount > 0 && checkedCount < allCheckList.length;
+      },
+      handleCheckAllChangeFace(val) {
+        if (val) {
+          this.personForm.ufaceDevId = [];
+          this.ufaceDevAllList.forEach((item) => {
+            this.personForm.ufaceDevId.push(item.id);
+          });
+        } else {
+          // this.ufaceDevAllList = []
+          this.personForm.ufaceDevId = [];
+        }
+        this.isIndeterminate2 = false;
+      },
+      handleCheckAllChangeGroup(val) {
+        if (val) {
+          this.personForm.uGroupId = [];
+          this.uGroupAllList.forEach((item) => {
+            this.personForm.uGroupId.push(item.id);
+          });
+        } else {
+          this.personForm.uGroupId = [];
+        }
+        this.isIndeterminate2 = false;
+      },
+      // 获取所有分组
+      getUGroupDevList() {
+        getGroupListApi({ projectSn: this.projectSn }).then((res) => {
+          console.log(res);
+          if (res.code == 200) {
+            this.uGroupAllList = res.result;
+            console.log(this.uGroupAllList, 777888999);
+            this.personForm.uGroupId = [...this.personForm.uGroupId];
+            if (this.$store.state.userInfo.accountType == 6) {
+              this.uGroupAllList.forEach((item) => {
+                item.disabled = true;
+              });
+              // selectUserDevAuthorityByUserIdApi({
+              //   userId: this.$store.state.userInfo.userId,
+              //   devType: "1",
+              // }).then((res) => {
+              //   if (res.code == 200) {
+              //     let arr = res.result.devId.split(",");
+              //     let id = "";
+              //     this.personForm.ufaceDevId = [];
+              //     for (let i = 0; i < arr.length; i++) {
+              //       console.log(parseInt(arr[i]));
+              //       this.personForm.ufaceDevId.push(parseInt(arr[i]));
+              //       id = parseInt(arr[i]);
+              //       for (let j = 0; j < this.ufaceDevAllList.length; j++) {
+              //         if (this.ufaceDevAllList[j].id == id) {
+              //           this.ufaceDevAllList[j].disabled = false;
+              //         }
+              //       }
+              //     }
+              //   }
+              // });
+            }
+          }
+        });
+      },
+      // 获取所有人脸设备
+      getUfaceDevList() {
+        ufaceDevList({ projectSn: this.projectSn }).then((res) => {
+          console.log(res);
+          if (res.code == 200) {
+            this.ufaceDevAllList = res.result;
+            this.personForm.ufaceDevId = [...this.personForm.ufaceDevId];
+            if (this.$store.state.userInfo.accountType == 6) {
+              this.ufaceDevAllList.forEach((item) => {
+                item.disabled = true;
+              });
+              selectUserDevAuthorityByUserIdApi({
+                userId: this.$store.state.userInfo.userId,
+                devType: "1",
+              }).then((res) => {
+                if (res.code == 200) {
+                  let arr = res.result.devId.split(",");
+                  let id = "";
+                  this.personForm.ufaceDevId = [];
+                  for (let i = 0; i < arr.length; i++) {
+                    console.log(parseInt(arr[i]));
+                    this.personForm.ufaceDevId.push(parseInt(arr[i]));
+                    id = parseInt(arr[i]);
+                    for (let j = 0; j < this.ufaceDevAllList.length; j++) {
+                      if (this.ufaceDevAllList[j].id == id) {
+                        this.ufaceDevAllList[j].disabled = false;
+                      }
+                    }
+                  }
+                }
+              });
+            }
+          }
+        });
+      },
+      //一键下发
+      issuePersonFn() {
+        batchSendWorkerInfoApi({
+          projectSn: this.$store.state.projectSn,
+          personType: 1,
+        }).then((res) => {
+          this.$message.success("已执行人员下发命令");
+          this.getTableData();
+        });
+      },
+      //单个人员下发
+      issuePersonOneFn(workerId) {
+        sendWorkerInfoByIdApi({ workerId: workerId }).then((res) => {
+          this.$message.success(this.$t("message.laborMange.hint4"));
+        });
+      },
+      changRuleId(val) {
+        console.log(val);
+      },
+      //获取考勤规则列表
+      getAttendRuleList() {
+        workerAttendanceRuleList({ projectSn: this.$store.state.projectSn }).then(
+          (result) => {
+            this.attendRulesList = result.result;
+            console.log(result.result);
+          }
+        );
+      },
+      exportFn() {
+        window.location.href =
+          this.$http.defaults.baseURL +
+          "xmgl/download/exporZipWorkerInfo?idCard=" +
+          this.tableParameter.idCard +
+          "&projectSn=" +
+          this.tableParameter.projectSn +
+          "&teamId=" +
+          this.tableParameter.teamId +
+          "&workerName=" +
+          this.tableParameter.workerName +
+          "&personType=" +
+          this.tableParameter.personType +
+          "&enterDate=" +
+          this.tableParameter.enterDate +
+          "&codeState=" +
+          this.tableParameter.codeState +
+          "&enterpriseId=" +
+          this.checkedId;
+      },
+      getConfig() {
+        getProjectUfaceConfigInfo({
+          projectSn: this.$store.state.projectSn,
+        }).then((result) => {
+          if (result.success) {
+            if (result.result) {
+              this.isUploadToHouse = result.result.housing ? true : false;
+            }
+          }
+        });
+      },
+      //获取企业 || 劳务公司 列表
+      getProjectList(type) {
+        let data = {
+          projectSn: this.projectSn,
+          enterpriseName: this.enterpriseName,
+          userEnterpriseId: this.$store.state.userInfo.userEnterpriseId,
+          enterpriseTypeId: this.enterpriseTypeId,
+        };
+        getEnterpriseInfoList(data).then((res) => {
+          console.log(res, "执行");
+          if (res.code == 200) {
+            this.enterpriseListData = res.result;
+            // this.$set(this, 'enterpriseListData', res.result)
+            console.log(this.enterpriseListData);
+            this.checkedId = this.checkedId
+              ? this.checkedId
+              : res.result.length > 0
+              ? res.result[0].id
+              : "";
+            this.showEnterpriseName =
+              res.result.length > 0 ? res.result[0].enterpriseName : "";
+  
+            this.getTeamList();
+          } else {
+            this.$message.error(this.$t("message.laborMange.queryFails"));
+          }
+        });
+      },
+      //编辑企业 || 劳务公司  信息
+      editEnterpriseInfo(value) {
+        this.addEnterpriseDialog = true;
+        this.enterpriseDialogTitle = this.$t("message.laborMange.editEnterprise");
+        this.enterpriseForm = JSON.parse(JSON.stringify(value));
+        this.getEnterpriseType();
+        //资质file
+        this.aptitudeFileList =
+          value.enterpriseQualificationUrl != ""
+            ? [JSON.parse(this.enterpriseForm.enterpriseQualificationUrl)]
+            : [];
+        //logo
+        this.logoFileList =
+          value.logo != "" ? [JSON.parse(this.enterpriseForm.logo)] : [];
+        setTimeout(() => {
+          this.$refs.enterpriseDialog.scrollTop = 0;
+          this.$refs["enterpriseForm"].clearValidate();
+        }, 120);
+      },
+      //新增企业 按钮
+      addEnterpriseBtn() {
+        window._paq.push(["trackEvent", "点击", "新增企业", "添加企业信息"]);
+        this.enterpriseForm = {
+          name: "",
+          bankcardnumber: "", //银行卡号
+          bankname: "", // 开户行
+          businessLicenseEndDate: "", // 营业执照截止日期
+          businessNumber: "", //营业执照注册号
+          enterpriseAddress: "", //企业地址
+          enterpriseEmail: "", //企业邮箱
+          enterpriseLegalPerson: "", //法定代表人
+          enterpriseName: "", //企业名称
+          enterpriseProperty: "", //单位性质 1.国有企业 2三资企业 3集体企业 4私营企业
+          enterpriseQualificationUrl: "", //企业资质图片地址
+          enterpriseSafeAllow: "", //企业安全生产许可证
+          enterpriseTypeId: "", //企业类型Id
+          legalPersonTel: "", //法人电话
+          logo: "", //logo
+          projectSn: "", //项目Sn
+          qualificationNumber: "", //资质证书号
+          registerPersonPhoneTel: "", //注册人电话
+          registeredCapital: "", //注册资金
+          socialCode: "", //社会统一信用代码
+        };
+        this.aptitudeFileList = []; //资质照片列表
+        this.logoFileList = []; //logo 文件列表
+        this.addEnterpriseDialog = true;
+        this.enterpriseDialogTitle = this.$t(
+          "message.laborMange.theNewEnterprise"
+        );
+        setTimeout(() => {
+          this.$refs["enterpriseForm"].clearValidate();
+          this.$refs.enterpriseDialog.scrollTop = 0;
+        }, 120);
+      },
+      //新增企业 -- 企业类型下拉
+      getEnterpriseType() {
+        let data = {};
+        getEnterpriseTypeList(data).then((res) => {
+          if (res.code == 200) {
+            this.enterpriseTypeList = res.result;
+          }
+        });
+      },
+      // 导入照片数据
+      saveImportFn() {
+        if (this.imgFileList.length == 0) {
+          this.$message.success("请先导入文件");
+          return;
+        }
+        let data = new FormData(); //new出来的对象
+        data.append("file", this.imgFileList[0].raw);
+        data.append("projectSn", this.$store.state.projectSn);
+        importImgDataApi(data).then((res) => {
+          if (res.success) {
+            this.$message.success("操作成功");
+            this.imgImportDialog = false;
+            this.getTableData();
+          }
+        });
+      },
+      //新增企业 保存
+      saveEnterpriseFn(formName) {
+        // if (!checkPhone(this.enterpriseForm.legalPersonTel)) {
+        //   this.$message.error("请输入正确的法人电话");
+        //   return;
+        // }
+        // if (!checkPhone(this.enterpriseForm.registerPersonPhoneTel)) {
+        //   this.$message.error("请输入正确的注册人电话");
+        //   return;
+        // }
+        if (!CheckSocialCreditCode(this.enterpriseForm.socialCode)) {
+          this.$message.error(this.$t("message.laborMange.creditCode"));
+          return;
+        }
+        this.$refs[formName].validate((valid) => {
+          if (valid) {
+            this.enterpriseForm.projectSn = this.projectSn;
+            if (
+              this.enterpriseDialogTitle ==
+              this.$t("message.laborMange.theNewEnterprise")
+            ) {
+              //新增  请求
+              setEnterpriseInfo(this.enterpriseForm).then((res) => {
+                if (res.code == 200) {
+                  this.$message.success(res.message);
+                  this.addEnterpriseDialog = false;
+                  this.getProjectList();
+                  this.resetForm(formName);
+                }
+              });
+            } else {
+              //编辑 请求
+              editEnterpriseInfo(this.enterpriseForm).then((res) => {
+                if (res.code == 200) {
+                  this.$message.success(
+                    this.$t("message.laborMange.modifySuccess")
+                  );
+                  this.resetForm(formName);
+                  this.addEnterpriseDialog = false;
+                  this.getProjectList();
+                }
+              });
+            }
+          } else {
+            return false;
+          }
+        });
+      },
+      //删除 企业
+      deleteEnterpriseInfo(value) {
+        this.$confirm(
+          this.$t("message.laborMange.deleteHint"),
+          this.$t("message.laborMange.hint"),
+          {
+            confirmButtonText: this.$t("message.laborMange.confirm"),
+            cancelButtonText: this.$t("message.laborMange.cancel"),
+            type: "warning",
+          }
+        )
+          .then(() => {
+            let data = {
+              projectSn: this.projectSn,
+              enterpriseId: value.id,
+            };
+            deleteEnterprise(data).then((res) => {
+              if (res.code == 200) {
+                this.$message({
+                  type: "success",
+                  message: this.$t("message.laborMange.deleteSuccess"),
+                });
+                this.getProjectList();
+                this.checkedId = "";
+              }
+            });
+          })
+          .catch(console.log);
+      },
+  
+      /**--------------------------------------------右侧函数------------------------------------------------------------------ */
+      //获取企业的 - 班组列表
+      getTeamList(type) {
+        let data = {
+          enterpriseId: this.checkedId,
+          projectSn: this.projectSn,
+        };
+        getTeamInfoList(data).then((res) => {
+          if (res.code == 200) {
+            this.checkedTeamId = type !== 1 ? 0 : this.checkedTeamId;
+            this.teamListData = res.result;
+            console.log("==============", res.result);
+            this.tableParameter.projectSn = this.projectSn;
+            this.getTableData();
+          }
+        });
+      },
+      //获取部门
+      getDepartmentListData() {
+        let data = {
+          personType: 2,
+          enterpriseId: this.personForm.enterpriseId,
+          projectSn: this.projectSn,
+        };
+        getDepartmentInfoList(data).then((res) => {
+          this.departmentListData = res.result.list;
+        });
+      },
+      //获取班组
+      getWorkerTypeListData() {
+        let data = {
+          enterpriseId: this.personForm.enterpriseId,
+          projectSn: this.projectSn,
+        };
+        getTeamInfoList(data).then((res) => {
+          console.log(res, 666777888);
+          this.workerTypeList = res.result.list;
+        });
+      },
+  
+      //获取 班组的表格数据 -- 班组详情
+      getTableData() {
+        let data = this.tableParameter;
+        data.pageNo = this.page;
+        data.pageSize = this.pageSize;
+        data.enterpriseId = this.checkedId;
+        getWorkerInfoList(data).then((res) => {
+          if (res.code == 200) {
+            this.tableListData = res.result.records;
+            console.log("------------", res.result.records);
+            let boole = true;
+            for (let i in res.result.records) {
+              if (res.result.records[i].inserviceType == 1) {
+                boole = false;
+              }
+            }
+            this.checkAllStatus =
+              this.tableListData.length == 0 ? true : boole ? true : false;
+            this.total = res.result.total;
+          }
+        });
+      },
+  
+      //人员录入 按钮
+      personnelEntry() {
+        this.personDialogTitle = this.$t("message.laborMange.personnelEntry");
+        this.titleType = "add";
+        this.personForm = {
+          enterpriseId: "",
+          workerName: "",
+          sex: "",
+          idCard: "",
+          birthday: "",
+          enterDate: "",
+          personType: 1,
+          nation: "",
+          nativePlace: "",
+          issuingAuthorityForIdcard: "",
+          idCardEndDate: "",
+          longTerm: false,
+          phoneNumber: "",
+          emergentPerson: "",
+          emergentPhone: "",
+          inserviceType: 1,
+          politicsStatus: "",
+          marry: "",
+          payRollBankName: "",
+          payRollBankNumber: "",
+          educational: "",
+          blood: "",
+          examinationImage: "",
+          contractImage: "",
+          employmentCard: "",
+          idCardBigPhotoUrl: "",
+          fieldAcquisitionUrl: "",
+          personType: 1,
+          idCardUpPhotoUrl: "",
+          idCardDownPhotoUrl: "",
+          ufaceDevId: [],
+          uGroupId: [],
+          personSerial: "",
+        };
+        if (this.attendRulesList.length > 0) {
+          this.personForm.ruleId = this.attendRulesList[0].id;
+        } else {
+          this.personForm.ruleId = "";
+        }
+        this.getUfaceDevList();
+        setTimeout(() => {
+          this.$refs["personForm"].clearValidate();
+          this.$refs.personDialog.scrollTop = 0;
+        }, 120);
+        this.examinationFile = []; //体检报告
+        this.contractFile = []; //合同附件
+        this.employmentFile = []; //从业资格证书
+        this.idCardUpPhotoFile = []; //身份证头像
+        this.fieldAcquisitionFile = [];
+        this.idCardUpPhotoUrlFile = []; // 身份证国徽面
+        this.idCardDownPhotoUrlFile = []; // 身份证人像面
+        // 默认全选设备
+        this.checkAllFaceDev = true;
+        this.ufaceDevAllList.map(item => {
+          this.personForm.ufaceDevId.push(item.id)
+        })
+      },
+  
+      // 有效日期 长期 按钮
+      checkboxLongTerm(value) {
+        if (this.personForm.longTerm) {
+          this.$refs["personForm"].clearValidate("idCardEndDate");
+        }
+        this.personForm.idCardEndDate = this.personForm.longTerm
+          ? ""
+          : this.personForm.idCardEndDate;
+      },
+  
+      // 新增 || 编辑  人员录入 保存按钮
+      savePersonFn(formName, type) {
+        this.personForm.isUploadHousing = this.personForm.isUploadHousing ? 1 : 0;
+        console.log("进场确定参数", this.personForm);
+        //   // 身份证校验
+        //   if (!IdentityCodeValid(this.personForm.idCard)) {
+        //     this.$message.error(this.$t("message.laborMange.correctCellIdCard"));
+        //     return;
+        //   }
+        // 电话校验
+        // if (!checkPhone(this.personForm.phoneNumber)) {
+        //   this.$message.error(
+        //     this.$t('message.laborMange.correctCellPhoneNumber')
+        //   )
+        //   return
+        // }
+        // 紧急电话校验
+        // if (!checkPhone(this.personForm.emergentPhone)) {
+        //   this.$message.error(
+        //     this.$t(
+        //       'message.laborMange.pleaseEnterTheCorrectEmergencyContactNumber'
+        //     )
+        //   )
+        //   return
+        // }
+        // if (this.personForm.idCardUpPhotoUrl == '') {
+        //   this.$message.error(
+        //     this.$t('message.laborMange.pleaseUploadTheNationalEmblemOfIdCard')
+        //   )
+        //   return
+        // }
+        // if (this.personForm.idCardDownPhotoUrl == '') {
+        //   this.$message.error(
+        //     this.$t('message.laborMange.pleaseUploadYourIDCardPortrait')
+        //   )
+        //   return
+        // }
+  
+        this.$refs[formName].validate((valid) => {
+          if (valid) {
+            // 身份证头像和现场人脸采集校验
+            // if (this.personForm.idCardBigPhotoUrl == '') {
+            //   this.$message.error(
+            //     this.$t('message.laborMange.pleaseUploadYourIDPhoto')
+            //   )
+            //   return
+            // } else if (this.personForm.fieldAcquisitionUrl == '') {
+            //   this.$message.error(
+            //     this.$t('message.laborMange.pleaseUploadPhotosOfTheScene')
+            //   )
+            //   return
+            // }
+            // 现场人脸采集校验
+            if (this.personForm.fieldAcquisitionUrl == "") {
+              this.$message.error(
+                this.$t("message.laborMange.pleaseUploadPhotosOfTheScene")
+              );
+              return;
+            }
+  
+            if (this.personForm.ruleId == "") {
+              this.personForm.ruleId = 0;
+            }
+            //新增
+            if (!this.personForm.id) {
+              let data = this.personForm;
+              data.projectSn = this.projectSn;
+              data.longTerm = this.personForm.longTerm ? 1 : 0;
+              data.registerType = 1;
+              data.devType = this.typeRadio;
+              data.userId = this.$store.state.userInfo.userId;
+              if (this.$store.state.userInfo.accountType == 6) {
+                data.accountType = 2;
+              } else {
+                data.accountType = 1;
+              }
+              if (this.personForm.ufaceDevId.length > 0) {
+                data.ufaceDevId = this.personForm.ufaceDevId.join(",");
+              } else {
+                data.ufaceDevId = "";
+              }
+              if (this.personForm.uGroupId.length > 0) {
+                data.ufaceDevGroupId = this.personForm.uGroupId.join(",");
+              } else {
+                data.ufaceDevGroupId = "";
+              }
+              addWorkerInfo(data).then((res) => {
+                console.log(res)
+                if (res.code == 200) {
+                  this.$message.success(
+                    this.$t("message.laborMange.saveSuccess")
+                  );
+                  this.getTeamList(1);
+                  if (type == "laborSubmit") {
+                    this.temporaryDialog1 = false;
+                  } else if (type == "adminSubmit") {
+                    this.temporaryDialog2 = false;
+                  }
+                  this.resetForm(formName);
+                  this.examinationFile = []; //体检报告
+                  this.contractFile = []; //合同附件
+                  this.employmentFile = []; //从业资格证书
+                  this.idCardUpPhotoFile = []; //身份证头像
+                  this.fieldAcquisitionFile = []; //现场采集人脸
+                  this.closeDialog();
+                }
+              });
+              //编辑
+            } else {
+              let data = this.personForm;
+              data.longTerm = this.personForm.longTerm ? 1 : 0;
+              data.registerType = 1;
+              data.devType = this.typeRadio;
+              // 跟杨珊对接需要再再次进场时多传入一个新的字段
+              data.reEntry = 1;
+              data.userId = this.$store.state.userInfo.userId;
+              if (this.personForm.ufaceDevId.length > 0) {
+                console.log(
+                  "this.personForm.ufaceDevId",
+                  this.personForm.ufaceDevId
+                );
+                data.ufaceDevId = this.personForm.ufaceDevId.join(",");
+              } else {
+                data.ufaceDevId = "";
+              }
+              if (this.personForm.uGroupId.length > 0) {
+                console.log("this.personForm.uGroupId", this.personForm.uGroupId);
+                data.ufaceDevGroupId = this.personForm.uGroupId.join(",");
+              } else {
+                data.ufaceDevGroupId = "";
+              }
+              if (this.$store.state.userInfo.accountType == 6) {
+                data.accountType = 2;
+              } else {
+                data.accountType = 1;
+              }
+              delete data.addTime;
+              editWorkerInfo(data).then((res) => {
+                if (res.code == 200) {
+                  this.$message.success(
+                    this.$t("message.laborMange.modifySuccess")
+                  );
+                  this.getTeamList(1);
+                  if (type == "laborSubmit") {
+                    this.temporaryDialog1 = false;
+                  } else if (type == "adminSubmit") {
+                    this.temporaryDialog2 = false;
+                  }
+                  this.resetForm(formName);
+                  this.examinationFile = []; //体检报告
+                  this.contractFile = []; //合同附件
+                  this.employmentFile = []; //从业资格证书
+                  this.idCardUpPhotoFile = []; //身份证头像
+                  this.fieldAcquisitionFile = []; //现场采集人脸
+                  this.closeDialog();
+                }
+              });
+            }
+          } else {
+            this.$message.error(
+              this.$t("message.laborMange.ThereAreRequiredFieldsLeftUnfilled")
+            );
+            return false;
+          }
+        });
+      },
+      uploadToHouseFn(value, id) {
+        console.log("value", value);
+        var json = {
+          isUploadHousing: value ? 1 : 0,
+          id: id,
+        };
+        console.log("isUploadHousing", json);
+        updateByIdWorkerInfo(json).then(console.log);
+      },
+      // 删除 人员信息
+      removeWorkerInfo(value) {
+        this.$confirm(
+          this.$t("message.laborMange.deleteHint"),
+          this.$t("message.laborMange.hint"),
+          {
+            confirmButtonText: this.$t("message.laborMange.confirm"),
+            cancelButtonText: this.$t("message.laborMange.cancel"),
+            type: "warning",
+          }
+        )
+          .then(() => {
+            let data = {
+              id: value.id,
+            };
+            deleteWorkerInfo(data).then((res) => {
+              if (res.code == 200) {
+                this.$message({
+                  type: "success",
+                  message: this.$t("message.laborMange.deleteSuccess"),
+                });
+                this.page =
+                  this.page > 1 && this.tableListData.length == 1
+                    ? this.page - 1
+                    : this.page;
+                this.getTeamList(1);
+              }
+            });
+          })
+          .catch(console.log);
+      },
+  
+      //查看 人员信息 详情
+      viewDetails(value) {
+        this.$router.push({
+          path: "/project/labor/personDetails",
+          query: {
+            id: value.id,
+          },
+        });
+        localStorage.setItem("showPersonModule", 1);
+      },
+  
+      //列表数据 退场按钮
+      workerExitBtn(value, type) {
+        // type == 1 单条数据操作  2 批量操作
+        let arr = [];
+        if (type == 2 && this.checkedWorker.length > 0) {
+          for (let i in this.checkedWorker) {
+            arr.push(this.checkedWorker[i].id);
+          }
+        }
+        let data = {
+          workerIdStr: type == 1 ? value.id : arr.join(","),
+        };
+        this.$confirm(
+          this.$t("message.laborMange.bowOutWithHint"),
+          this.$t("message.laborMange.hint"),
+          {
+            confirmButtonText: this.$t("message.laborMange.confirm"),
+            cancelButtonText: this.$t("message.laborMange.cancel"),
+            type: "warning",
+          }
+        ).then(() => {
+          updateWorkerExit(data).then((res) => {
+            if (res.code == 200) {
+              this.getTeamList();
+              this.$message({
+                type: "success",
+                message: this.$t("message.laborMange.bowOutWitSuccess"),
+              });
+            }
+          });
+        });
+      },
+  
+      //切换每页显示数量
+      handleSizeChange(val) {
+        this.pageSize = val;
+        this.getTableData();
+      },
+      //换页
+      handleCurrentChange(val) {
+        this.page = val;
+        sessionStorage.setItem("personPage", val);
+        this.getTableData();
+        this.$refs.multipleTable.bodyWrapper.scrollTop = 0;
+      },
+  
+      //功能开发中
+      inDevelopment() {
+        this.$message.warning(
+          this.$t("message.laborMange.functionalDevelopment")
+        );
+      },
+  
+      //查询按钮
+      inquireBtn() {
+        window._paq.push(["trackEvent", "点击", "查询", "查询人员信息"]);
+        this.page = 1;
+        this.getTableData();
+      },
+  
+      //刷新按钮
+      refreshBtn() {
+        window._paq.push(["trackEvent", "点击", "刷新", "刷新人员信息"]);
+        this.page = 1;
+        this.tableParameter.idCard = "";
+        this.tableParameter.workerName = "";
+        this.tableParameter.inserviceType = "";
+        this.tableParameter.enterDate = "";
+        this.tableParameter.codeState = "";
+        this.getTableData();
+      },
+  
+      //清空表单
+      resetForm(formName) {
+        this.aptitudeFileList = [];
+        this.logoFileList = [];
+        this.$refs[formName].resetFields();
+      },
+  
+      // 文件上传 之前
+      handleBeforeUpload(file, type) {
+        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) {
+          if (
+            file.type != "image/jpeg" &&
+            file.type != "image/jpg"
+            // file.type != "image/png"
+          ) {
+            this.$message.error(this.$t("message.laborMange.hint8")); //"请上传jpg、jpeg格式图片"
+            return false;
+          }
+        }
+        return true;
+      },
+  
+      //删除 身份证头像  或 现场采集照片
+      shutIconBtn(type) {
+        if (type == 0) {
+          this.personForm.idCardBigPhotoUrl = "";
+          this.idCardUpPhotoFile = [];
+        } else if (type == 1) {
+          this.personForm.fieldAcquisitionUrl = "";
+          this.fieldAcquisitionFile = [];
+          this.personForm.personSerial = "";
+          this.radio = "";
+        } else if (type == 2) {
+          this.personForm.idCardUpPhotoUrl = "";
+          this.idCardUpPhotoFile = [];
+        } else if (type == 3) {
+          this.personForm.idCardDownPhotoUrl = "";
+          this.idCardDownPhotoUrlFile = [];
+        }
+      },
+      // 临时人员
+      handleTemporaryRemove() {
+        if (file.status == "ready") {
+        } else {
+          this.$message.success(this.$t("message.laborMange.deleteSuccess"));
+          if (type == 1) {
+            this.addForm.fieldAcquisitionUrl = "";
+          }
+        }
+      },
+      //删除上传文件
+      handleRemove(file, type) {
+        if (file.status == "ready") {
+        } else {
+          this.$message.success(this.$t("message.laborMange.deleteSuccess"));
+          if (type == 1) {
+            this.enterpriseForm.enterpriseQualificationUrl = "";
+          } else if (type == 2) {
+            this.enterpriseForm.logo = "";
+          } else if (type == 3) {
+            let newArr = [];
+            let arrJoin = [];
+            for (let i = 0; i < this.examinationFile.length; i++) {
+              if (file.uid == this.examinationFile[i].uid) {
+                this.examinationFile.splice(i, 1);
+                newArr = this.examinationFile;
+              }
+            }
+            if (newArr.length > 0) {
+              for (let j = 0; j < newArr.length; j++) {
+                let data =
+                  this.examinationFile[j].name +
+                  "*" +
+                  this.examinationFile[j].url;
+                arrJoin.push(data);
+              }
+            } else {
+              arrJoin = newArr;
+            }
+            this.personForm.examinationImage = arrJoin.join(",");
+          } else if (type == 4) {
+            let newArr = [];
+            let arrJoin = [];
+            for (let i = 0; i < this.contractFile.length; i++) {
+              if (file.uid == this.contractFile[i].uid) {
+                this.contractFile.splice(i, 1);
+                newArr = this.contractFile;
+              }
+            }
+            if (newArr.length > 0) {
+              for (let j = 0; j < newArr.length; j++) {
+                let data =
+                  this.contractFile[j].name + "*" + this.contractFile[j].url;
+                arrJoin.push(data);
+              }
+            } else {
+              arrJoin = newArr;
+            }
+            this.personForm.contractImage = arrJoin.join(",");
+          } else if (type == 5) {
+            let newArr = [];
+            let arrJoin = [];
+            for (let i = 0; i < this.employmentFile.length; i++) {
+              if (file.uid == this.employmentFile[i].uid) {
+                this.employmentFile.splice(i, 1);
+                newArr = this.employmentFile;
+              }
+            }
+            if (newArr.length > 0) {
+              for (let j = 0; j < newArr.length; j++) {
+                let data =
+                  this.employmentFile[j].name + "*" + this.employmentFile[j].url;
+                arrJoin.push(data);
+              }
+            } else {
+              arrJoin = newArr;
+            }
+            this.personForm.employmentCard = arrJoin.join(",");
+          } else if (type == 6) {
+            this.personForm.idCardBigPhotoUrl = "";
+          } else if (type == 7) {
+            this.personForm.fieldAcquisitionUrl = "";
+          } else if (type == 8) {
+            this.personForm.idCardUpPhotoUrl = "";
+          } else if (type == 9) {
+            this.personForm.idCardDownPhotoUrl = "";
+          }
+        }
+      },
+      //上传成功
+      handleSuccess(file, type, file2) {
+        console.log(file, type, file2);
+        // 新增企业  type ==  1 资质照片; 2 logo;
+        // 人员录入  type ==  3 体检报告; 4 合同附件; 5 从业资格证书; 6 身份证头像; 7 现场采集人脸; 8 身份证国徽面; 9 身份证人像面
+        if (file.code == 200 || file.status == "SUCCESS") {
+          // this.$message.success(this.$t("message.laborMange.uploadSuccessful"));
+          let obj = {};
+          for (let i in file.data) {
+            obj = { name: file.data[i].filename, url: file.data[i].imageUrl };
+          }
+  
+          if (type == 1) {
+            this.enterpriseForm.enterpriseQualificationUrl = JSON.stringify(obj);
+            this.aptitudeFileList = [obj];
+          } else if (type == 2) {
+            this.enterpriseForm.logo = JSON.stringify(obj);
+            this.logoFileList = [obj];
+          } else if (type == 3) {
+            this.examinationFile.push(obj);
+            let arrJoin = [];
+            for (let i in this.examinationFile) {
+              let data =
+                this.examinationFile[i].name + "*" + this.examinationFile[i].url;
+              arrJoin.push(data);
+            }
+            this.personForm.examinationImage = arrJoin.join(",");
+          } else if (type == 4) {
+            this.contractFile.push(obj);
+            let arrJoin = [];
+            for (let i in this.contractFile) {
+              let data =
+                this.contractFile[i].name + "*" + this.contractFile[i].url;
+              arrJoin.push(data);
+            }
+            this.personForm.contractImage = arrJoin.join(",");
+          } else if (type == 5) {
+            this.employmentFile.push(obj);
+            let arrJoin = [];
+            for (let i in this.employmentFile) {
+              let data =
+                this.employmentFile[i].name + "*" + this.employmentFile[i].url;
+              arrJoin.push(data);
+            }
+            this.personForm.employmentCard = arrJoin.join(",");
+          } else if (type == 8) {
+            console.log("身份证正面上传", file);
+            let data = {
+              name: file.data[0].filename,
+              url: file.data[0].imageUrl,
+            };
+            this.discernId(file.data[0].imageUrl, 2);
+            this.personForm.idCardUpPhotoUrl = data.url;
+            this.idCardUpPhotoUrlFile = [data];
+            if (this.personForm.idCardDownPhotoUrl) {
+              this.$refs["personForm"].clearValidate("idCardUpPhotoUrl");
+            }
+          } else if (type == 9) {
+            let data = {
+              name: file.data[0].filename,
+              url: file.data[0].imageUrl,
+            };
+            this.discernId(file.data[0].imageUrl, 1);
+            this.personForm.idCardDownPhotoUrl = data.url;
+            this.idCardDownPhotoUrlFile = [data];
+            if (this.personForm.idCardUpPhotoUrl) {
+              this.$refs["personForm"].clearValidate("idCardUpPhotoUrl");
+            }
+          }
+        } else {
+          //清空
+          this.$message.error(file.message);
+          if (type == 1) {
+            this.aptitudeFileList = [];
+          } else if (type == 2) {
+            this.logoFileList = [];
+          } else if (type == 3) {
+            this.examinationFile = [];
+          } else if (type == 4) {
+            this.contractFile = [];
+          } else if (type == 5) {
+            this.employmentFile = [];
+          } else if (type == 6) {
+            this.idCardUpPhotoFile = [];
+          } else if (type == 7) {
+            this.fieldAcquisitionFile = [];
+          } else if (type == 8) {
+            this.idCardUpPhotoUrlFile = [];
+          } else if (type == 9) {
+            this.idCardDownPhotoUrlFile = [];
+          }
+        }
+      },
+      // 人员照片库比对
+      checkImgLibrary(url) {
+        console.log(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 {
+              if (this.temporaryDialog1 || this.temporaryDialog2) {
+                this.personForm.personSerial = "";
+                this.personForm.fieldAcquisitionUrl = url;
+                this.fieldAcquisitionFile = [{ name: "", url: url }];
+                this.cropperDialog = false;
+              } else {
+                this.addForm.personSerial = "";
+                this.addForm.fieldAcquisitionUrl = url;
+                this.fieldAcquisitionFile = [{ name: "", url: url }];
+                this.cropperDialog = false;
+              }
+            }
+            console.log(res, "-----人员库照片查询");
+          }
+        );
+      },
+      //人脸监测、
+      checkFace(url) {
+        checkFaceApi({ fileUrl: url }).then((res) => {
+          if (res.result.checkType == 1) {
+            if (this.temporaryDialog1 || this.temporaryDialog2) {
+              this.personForm.fieldAcquisitionUrl = url;
+              this.fieldAcquisitionFile = [{ name: "", url: url }];
+              this.cropperDialog = false;
+            } else {
+              this.addForm.fieldAcquisitionUrl = url;
+              this.fieldAcquisitionFile = [{ name: "", url: url }];
+              this.cropperDialog = false;
+            }
+          } else {
+            this.$message.error(res.result.message);
+          }
+        });
+      },
+      //保存截图
+      saveMapUrlFn() {
+        this.$refs.cropper.startCrop();
+        var _this = this;
+        this.$refs.cropper.getCropBlob((data) => {
+          const isLt2M = data.size / 1024 < 500;
+          if (!isLt2M) {
+            this.$message.error(this.$t("message.laborMange.hint9"));
+            return;
+          }
+          var param = new FormData();
+          param.append("files", data, "image.png");
+          _this.$http
+            .post("/upload/image", param, {
+              headers: {
+                "Content-Type": "multipart/form-data",
+              },
+            })
+            .then((res) => {
+              console.log("aaaaa", res);
+              if (res.data.status == "SUCCESS") {
+                if (this.isSzProject == 1) {
+                  this.checkImgLibrary(res.data.data[0].imageUrl);
+                } else {
+                  this.checkFace(res.data.data[0].imageUrl);
+                }
+              }
+            });
+        });
+      },
+      // 超出 上传文件 数量
+      handleExceed(file, type) {
+        this.$message.error(
+          this.$t("message.laborMange.uploadLimitHasBeenReached")
+        );
+      },
+      //查看图片
+      handleTemporaryPreview(file, type) {
+        if (type === 0) {
+          this.bigImageDialog = true;
+          this.bigImageUrl = file;
+        } else {
+          // 新增企业  type ==  1 资质照片; 2 logo;
+          // 人员录入  type ==  3 体检报告; 4 合同附件; 5 从业资格证书; 6 身份证头像; 7 现场采集人脸;
+          let fileType = null;
+          if (file.response) {
+            let url = file.response.data[0];
+            fileType = url.imageUrl.split(".")[1];
+          } else {
+            fileType = file.url.split(".")[1];
+          }
+          if (
+            fileType != "jpg" &&
+            fileType != "jpeg" &&
+            fileType != "png" &&
+            fileType != "bmp" &&
+            fileType != "gif"
+          ) {
+            window.open(this.fileUrl + file.url);
+            //type== 0 直接查看列表中的图片
+          } else {
+            this.bigImageDialog = true;
+            this.bigImageUrl = file.response
+              ? this.fileUrl + file.response.data[0].imageUrl
+              : this.fileUrl + file.url;
+          }
+        }
+      },
+      //查看图片
+      handlePreview(file, type) {
+        if (type === 0) {
+          this.bigImageDialog = true;
+          this.bigImageUrl = file;
+        } else {
+          // 新增企业  type ==  1 资质照片; 2 logo;
+          // 人员录入  type ==  3 体检报告; 4 合同附件; 5 从业资格证书; 6 身份证头像; 7 现场采集人脸;
+          let fileType = null;
+          if (file.response) {
+            let url = file.response.data[0];
+            fileType = url.imageUrl.split(".")[1];
+          } else {
+            fileType = file.url.split(".")[1];
+          }
+          if (
+            fileType != "jpg" &&
+            fileType != "jpeg" &&
+            fileType != "png" &&
+            fileType != "bmp" &&
+            fileType != "gif"
+          ) {
+            window.open(this.fileUrl + file.url);
+            //type== 0 直接查看列表中的图片
+          } else {
+            this.bigImageDialog = true;
+            this.bigImageUrl = file.response
+              ? this.fileUrl + file.response.data[0].imageUrl
+              : this.fileUrl + file.url;
+          }
+        }
+      },
+  
+      //上传失败
+      handleError(file, type) {
+        this.$message.error(this.$t("message.laborMange.pleaseReupload"));
+      },
+      //点击全选时
+      handleCheckAllChange(val) {
+        let checkedLst = val ? this.tableListData : [];
+        this.isIndeterminate = false;
+        for (let i in this.tableListData) {
+          if (checkedLst.length > 0 && this.tableListData[i].inserviceType == 1) {
+            this.$refs.multipleTable.toggleRowSelection(
+              this.tableListData[i],
+              true
+            );
+          } else {
+            this.$refs.multipleTable.toggleRowSelection(
+              this.tableListData[i],
+              false
+            );
+          }
+        }
+      },
+      // 获取 多选  选中的  数据
+      handleCheckedCitiesChange(value) {
+        if (value.length == 0) {
+          this.$nextTick(() => {
+            this.$refs.multipleTable.toggleRowSelection([], false);
+          });
+          this.checkAll = false;
+          this.isIndeterminate = false;
+          this.checkedWorker = [];
+        } else {
+          this.checkedWorker = value;
+          let checkedCount = value.length;
+          this.checkAll = checkedCount === this.tableListData.length;
+          this.isIndeterminate =
+            checkedCount > 0 && checkedCount < this.tableListData.length;
+        }
+      },
+  
+      // 离职状态 不能多选
+      selectEnable(row, rowIndex) {
+        if (row.inserviceType == 1) {
+          return true;
+        } else {
+          return false;
+        }
+      },
+      //批量移动按钮
+      batchMove() {
+        this.batchMoveDialog = true;
+        this.batchMoveForm = {
+          teamId: "",
+          departmentId: "",
+          enterpriseId: "",
+        };
+        setTimeout(() => {
+          this.$refs["batchMoveForm"].clearValidate();
+        }, 120);
+        this.changeMoveCompany(this.checkedId);
+      },
+      //选择批量移动的 公司时
+      changeMoveCompany(value) {
+        this.batchMoveForm.teamId = "";
+        let data = {
+          enterpriseId: value,
+          projectSn: this.projectSn,
+        };
+        getTeamInfoList(data).then((res) => {
+          if (res.code == 200) {
+            this.moveTeamList = res.result;
+          }
+        });
+      },
+  
+      //批量移动 保存按钮
+      saveBatchMove(formName) {
+        this.$refs[formName].validate((valid) => {
+          if (valid) {
+            let data = this.batchMoveForm;
+            let arr = [];
+            if (this.checkedWorker.length > 0) {
+              for (let i in this.checkedWorker) {
+                arr.push(this.checkedWorker[i].id);
+              }
+            }
+            data.workerIdStr = arr.join(",");
+            updateWorkerTeam(data).then((res) => {
+              if (res.code == 200) {
+                this.batchMoveDialog = false;
+                this.$message.success(
+                  this.$t("message.laborMange.mobileSuccess")
+                );
+                this.getTeamList();
+                this.resetForm(formName);
+              }
+            });
+          } else {
+            return false;
+          }
+        });
+      },
+  
+      //新增 人员  输入身份证 自动获取 出身日期  性别
+      changeIdCard(value) {
+        if (value.length < 18) {
+          this.$message.error(
+            this.$t("message.laborMange.PleaseEnterYourFullIDNumber")
+          );
+          return;
+        } else {
+          let birth = this.getBirth(value);
+          let sex = this.getSex(value);
+          this.personForm.sex = Number(sex);
+          this.personForm.birthday = birth;
+        }
+      },
+      // 获取 出生日期
+      getBirth(idCard) {
+        var birthday = "";
+        if (idCard != null && idCard != "") {
+          if (idCard.length == 15) {
+            birthday = "19" + idCard.slice(6, 12);
+          } else if (idCard.length == 18) {
+            birthday = idCard.slice(6, 14);
+          }
+          birthday = birthday.replace(/(.{4})(.{2})/, "$1-$2-");
+          //通过正则表达式来指定输出格式为:1990-01-01
+        }
+        return birthday;
+      },
+      //获取 性别 男女
+      getSex(idCard) {
+        var sexStr = ''
+        if (parseInt(idCard.slice(-2, -1)) % 2 == 1) {
+          sexStr = 1
+        } else {
+          sexStr = 2
+        }
+        return sexStr
+      },
+  
+      //下载插件
+      downloadPlugIn() {
+        window.open("http://139.159.226.224:9000/itbgp/file/IDCamera1.0.rar");
+      },
+  
+      //打开摄像头
+      turnOnTheCamera(type) {
+        var ws = new WebSocket("ws://127.0.0.1:1818");
+        this.webSocket = ws;
+        ws.onopen = (event) => {
+          this.onopen(event, type);
+        };
+  
+        ws.onmessage = (event) => {
+          this.onmessage(event, type);
+        };
+  
+        ws.onerror = this.onerror;
+      },
+      //发送链接设备请求
+      onopen(event, type) {
+        if (type == 1) {
+          // 识别身份证
+          this.webSocket.send("ReadCard(1001,C:\\Doccamera\\)");
+        } else if (type == 2) {
+          //打开人脸 摄像头
+          this.webSocket.send("OpenFaceFrame(1)");
+          this.webSocket.send("vSetResolutionEx(2,3)");
+          this.webSocket.send("bStartPlay2");
+        } else {
+          //文件 打开识别摄像头
+          this.webSocket.send("OpenFaceFrame(0)");
+          this.webSocket.send("vSetResolutionEx(2,3)");
+          this.webSocket.send("bStartPlay");
+        }
+      },
+      //接收服务器返回的信息
+      onmessage(event, type) {
+        //结束通讯
+        if (
+          event.data.indexOf("BeginbStopPlaytrueEndbStopPlay") >= 0 ||
+          event.data.indexOf("BeginbStopPlayfalseEndbStopPlay") >= 0 ||
+          event.data.indexOf("BeginbStartPlayfalseEndbStartPlay") >= 0 ||
+          event.data.indexOf("BeginbStartPlay2falseEndbStartPlay2") >= 0 ||
+          event.data.indexOf("BeginOpenFaceFrametrueEndOpenFaceFrame") >= 0
+        ) {
+          this.instrUmentScreenDialog = false;
+          return;
+        } else if (
+          event.data.indexOf("BeginbStopPlaytrueEndbStopPlay") == -1 &&
+          event.data.indexOf("BeginReadCard") == -1
+        ) {
+          this.instrUmentScreenDialog = true;
+        }
+        if (event.data.indexOf("BeginReadCard") >= 0) {
+          //获取身份证信息
+          if (event.data == "BeginReadCardEndReadCard") {
+            this.$message.error(
+              this.$t("message.laborMange.failedToObtainIdentityInformation")
+            );
+            return;
+          } else {
+            // 截取掉 多余的字符
+            let data = JSON.parse(
+              event.data.replace("BeginReadCard", "").replace("EndReadCard", "")
+            );
+            //身份证 人脸照片
+            this.uploadFile(data.PhotoB64, 1);
+            //身份证 国徽面
+            this.uploadFile(data.BackB64, 2);
+            //身份证 人像面
+            this.uploadFile(data.FrontB64, 3);
+            this.$refs["personForm"].clearValidate();
+            this.personForm.nativePlace = data.Address;
+            this.personForm.issuingAuthorityForIdcard = data.Agency;
+            this.personForm.nation =
+              data.Folk + this.$t("message.laborMange.clan");
+            this.personForm.workerName = data.Name;
+            this.personForm.idCard = data.IdNo;
+            //截取身份证有效日期
+            let date = data.Valid.split("-");
+            this.personForm.idCardEndDate = date[1] == "长期" ? "" : date[1];
+            this.personForm.longTerm = date[1] == "长期" ? true : false;
+            this.changeIdCard(data.IdNo);
+          }
+        } else if (event.data.indexOf("BeginBase64") >= 0) {
+          if (type == 2) {
+            this.$message.success(
+              this.$t("message.laborMange.takePhotosSuccess")
+            );
+            // 上传的是现场采集照片
+            let url = JSON.parse(JSON.stringify(event.data.substring(11)));
+            this.uploadFile(url, 4);
+          } else if (type == 5) {
+            //合同附件
+            if (this.contractFile.length >= 3) {
+              this.$message.error(
+                this.$t("message.laborMange.uploadLimitHasBeenReached")
+              );
+              return;
+            } else {
+              this.$message.success(
+                this.$t("message.laborMange.takePhotosSuccess")
+              );
+              let url = JSON.parse(JSON.stringify(event.data.substring(11)));
+              this.uploadFile(url, 5);
+            }
+          } else if (type == 6) {
+            //从业资格证书
+            if (this.employmentFile.length >= 3) {
+              this.$message.error(
+                this.$t("message.laborMange.uploadLimitHasBeenReached")
+              );
+              return;
+            } else {
+              this.$message.success(
+                this.$t("message.laborMange.takePhotosSuccess")
+              );
+              let url = JSON.parse(JSON.stringify(event.data.substring(11)));
+              this.uploadFile(url, 6);
+            }
+          } else if (type == 7) {
+            //体检报告
+            if (this.examinationFile.length >= 3) {
+              this.$message.error(
+                this.$t("message.laborMange.uploadLimitHasBeenReached")
+              );
+              return;
+            } else {
+              this.$message.success(
+                this.$t("message.laborMange.takePhotosSuccess")
+              );
+              let url = JSON.parse(JSON.stringify(event.data.substring(11)));
+              this.uploadFile(url, 7);
+            }
+          }
+        } else {
+          //显示的图像
+          this.umentScreenUrl = this.base64Type + event.data;
+        }
+      },
+      onerror() {
+        this.$message.error(this.$t("message.laborMange.failedToConnectDevice"));
+      },
+  
+      //保存 并 关闭
+      onclose(type) {
+        if (type == 1) {
+          this.webSocket.send("sGetBase64");
+        } else if (type == 2) {
+          this.webSocket.send("bStopPlay");
+        }
+      },
+  
+      //上传现场采集照片发到服务器
+      uploadFile(url, type) {
+        let param = new FormData(); //创建form对象
+        // if(url.endsWidth('EndBase64')){
+        url = url.replace("EndBase64", "");
+        // }
+        param.append("base64Image", this.base64Type + url); //通过append向form对象添加数据
+        this.$http({
+          url: "/upload/uploadBase64",
+          method: "post",
+          data: param,
+          headers: {
+            "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8",
+          },
+        }).then((res) => {
+          if ((res.status = "SUCCESS")) {
+            if (type == 1) {
+              this.personForm.idCardBigPhotoUrl = res.data.data.imageUrl;
+            } else if (type == 2) {
+              this.personForm.idCardUpPhotoUrl = res.data.data.imageUrl;
+            } else if (type == 3) {
+              this.personForm.idCardDownPhotoUrl = res.data.data.imageUrl;
+            } else if (type == 4) {
+              this.personForm.fieldAcquisitionUrl = res.data.data.imageUrl;
+            } else if (type == 5) {
+              let arr =
+                this.personForm.contractImage != ""
+                  ? this.personForm.contractImage.split(",")
+                  : [];
+              let newUrl =
+                this.$t("message.laborMange.contract") +
+                (arr.length + 1) +
+                "*" +
+                res.data.data.imageUrl;
+              let data = {
+                name: this.$t("message.laborMange.contract") + (arr.length + 1),
+                url: res.data.data.imageUrl,
+              };
+              arr.push(newUrl);
+              this.personForm.contractImage = arr.join(",");
+              this.contractFile.push(data);
+            } else if (type == 6) {
+              let arr =
+                this.personForm.employmentCard != ""
+                  ? this.personForm.employmentCard.split(",")
+                  : [];
+              let newUrl =
+                this.$t("message.laborMange.certificate") +
+                (arr.length + 1) +
+                "*" +
+                res.data.data.imageUrl;
+              let data = {
+                name:
+                  this.$t("message.laborMange.certificate") + (arr.length + 1),
+                url: res.data.data.imageUrl,
+              };
+              arr.push(newUrl);
+              this.personForm.employmentCard = arr.join(",");
+              this.employmentFile.push(data);
+            } else if (type == 7) {
+              let arr =
+                this.personForm.examinationImage != ""
+                  ? this.personForm.examinationImage.split(",")
+                  : [];
+              let newUrl =
+                this.$t("message.laborMange.physical") +
+                (arr.length + 1) +
+                "*" +
+                res.data.data.imageUrl;
+              let data = {
+                name: this.$t("message.laborMange.physical") + (arr.length + 1),
+                url: res.data.data.imageUrl,
+              };
+              arr.push(newUrl);
+              this.personForm.examinationImage = arr.join(",");
+              this.examinationFile.push(data);
+            }
+          } else {
+            this.$message.error(
+              this.$t("message.laborMange.PhotoUploadingToServerFailed")
+            );
+          }
+        });
+      },
+  
+      //身份证识别
+      discernId(url, type) {
+        let data = {
+          imageUrl: this.fileUrl + url,
+          side: type,
+        };
+        getIdCardInfoApi(data).then((res) => {
+          console.log("返回值", res);
+          if (res.code == 200) {
+            console.log("成了吗", res);
+            let val = res.result;
+            if (type == 1) {
+              this.personForm.nation =
+                val.ethnicity + this.$t("message.laborMange.clan");
+              this.personForm.sex = val.sex == "男" ? 1 : 2;
+              this.personForm.workerName = val.name;
+              this.personForm.birthday = val.birth;
+              this.personForm.nativePlace = val.address;
+              this.personForm.idCard = val.number;
+            } else {
+              this.personForm.issuingAuthorityForIdcard = val.issue;
+              this.personForm.idCardEndDate =
+                val.valid_to != "长期" ? val.valid_to : "";
+              this.personForm.longTerm = val.valid_to == "长期" ? true : false;
+            }
+          } else {
+            this.$message.error(this.$t("message.laborMange.hint10"));
+          }
+        });
+      },
+    },
+    watch: {
+      temporaryDialogVisible: function(newValue, oldValue) {
+        console.log(newValue, 666);
+        this.visible = newValue;
+        this.addForm.enterpriseId = "";
+        this.addForm.teamId = "";
+        this.addForm.personType = 3;
+        this.workerTypeList = [];
+        this.getProjectList();
+        this.personnelEntry();
+      },
+    },
+  };
+  </script>
+  <style lang="less" scoped>
+  @import "../laborPersonCommon.less";
+  ::v-deep .el-button--medium {
+    padding: 9px 16px;
+  }
+  .laborComponent {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+  }
+  .left2 {
+    width: 370px;
+    // background: #fbfbfb;
+    height: 100%;
+    position: relative;
+    .placeholder {
+      width: 339px;
+      height: 42px;
+    }
+    .left_list {
+      width: 100%;
+      text-align: center;
+      height: calc(100% - 61px);
+      .list_content {
+        height: calc(100% - 114px);
+        overflow-y: hidden;
+        margin-bottom: 60px;
+      }
+      .list_content:hover {
+        overflow-y: auto;
+      }
+      .list_content::-webkit-scrollbar {
+        /*滚动条整体样式*/
+        width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
+        height: 1px;
+      }
+      .list_content::-webkit-scrollbar-thumb {
+        /*滚动条里面小方块*/
+        border-radius: 5px;
+        // box-shadow: inset 0 0 5px #C1C1C1;
+        background: #c1c1c1;
+      }
+      .list_content::-webkit-scrollbar-track {
+        /*滚动条里面轨道*/
+        // box-shadow: inset 0 0 5px #C1C1C1;
+        border-radius: 5px;
+        background: #f1f1f1;
+      }
+    }
+    .el-menu-vertical-demo {
+      text-align: left;
+    }
+    .addFirm {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      height: 45px;
+      line-height: 45px;
+      color: rgba(81, 129, 246, 1);
+      font-size: 15px;
+      text-align: center;
+      background: #fff;
+      border-top: 1px solid #e6e6e6;
+      font-family: PingFangSC-Regular;
+      cursor: pointer;
+    }
+    .content_data {
+      padding: 0 20px;
+      box-sizing: border-box;
+      height: 43px;
+      line-height: 43px;
+      cursor: pointer;
+      .enterpriseName {
+        width: 80%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        text-align: left;
+      }
+      .enterpriseName2 {
+        text-align: left;
+        width: 100%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+    .checkedName {
+      background-color: rgba(81, 129, 246, 0.1);
+      border-left: 3px solid #5181f6;
+      padding-left: 17px;
+    }
+  }
+  /deep/ .el-form--label-top .el-form-item__label {
+    padding: 0;
+  }
+  // 照片导入
+  .importImgDialog {
+    /deep/.el-dialog__body {
+      padding: 15px 20px;
+    }
+  }
+  .import-content {
+    .alarm-content {
+      display: flex;
+      align-items: center;
+      margin-left: 104px;
+      .el-icon-warning-outline {
+        color: #ea3941;
+        font-size: 23px;
+      }
+      div {
+        width: 405px;
+        line-height: 18px;
+        font-family: Source Han Sans CN, Source Han Sans CN;
+        font-weight: 400;
+        font-size: 12px;
+        color: #ea3941;
+        margin: 5px;
+      }
+    }
+    .import-operation {
+      display: flex;
+      margin-top: 5px;
+      margin-left: 136px;
+      span {
+        font-family: Source Han Sans CN, Source Han Sans CN;
+        font-weight: 400;
+        font-size: 14px;
+        color: #272d45;
+        margin-right: 10px;
+      }
+      > div {
+        .upload-demo {
+          width: 321px;
+          height: 45px;
+          /deep/.el-upload {
+            width: 100%;
+            height: 100%;
+            .el-upload-dragger {
+              width: 100%;
+              height: 100%;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              .el-icon-upload {
+                color: #a2a4af;
+                font-size: 20px;
+                margin: 0px;
+                margin-right: 5px;
+              }
+              .el-upload__text {
+                font-family: Source Han Sans CN, Source Han Sans CN;
+                font-weight: 400;
+                font-size: 14px;
+                color: #a2a4af;
+              }
+            }
+          }
+        }
+      }
+    }
+    .upload-tip {
+      width: 321px;
+      margin-left: 215px;
+      margin-top: 5px;
+      font-family: Source Han Sans CN, Source Han Sans CN;
+      font-weight: 400;
+      font-size: 12px;
+      line-height: 18px;
+      color: #a2a4af;
+    }
+    .upload-tip-sub {
+      width: 321px;
+      margin-left: 215px;
+      margin-top: 5px;
+      font-family: Source Han Sans CN, Source Han Sans CN;
+      font-weight: 400;
+      font-size: 14px;
+      color: #5181f6;
+      line-height: 16px;
+    }
+  }
+  .dialog_content {
+    padding: 0 100px;
+    .el-form-item--small.el-form-item {
+      margin-bottom: 10px;
+    }
+  }
+  .addPerson_content {
+    padding: 0 25px;
+    .el-form-item--small.el-form-item {
+      margin-bottom: 10px;
+    }
+    .type-change {
+      margin: 5px 0px;
+    }
+  }
+  
+  .shut_icon {
+    position: absolute;
+    right: -11px;
+    top: -11px;
+    z-index: 1000;
+    margin: 5px;
+    cursor: pointer;
+  }
+  .dialog_content {
+    height: 617px;
+    padding: 0 20px;
+  }
+  .examination {
+    margin-top: -30px;
+  }
+  .custom-tree-node {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 90%;
+    padding-right: 10px;
+    box-sizing: border-box;
+  }
+  /deep/ .el-tree-node__content {
+    height: 36px;
+  }
+  
+  /deep/ .el-tree-node.is-current > .el-tree-node__content {
+    background-color: rgba(168, 191, 230, 0.69) !important;
+  }
+  
+  /deep/ .el-tree-node__content:hover {
+    background: transparent;
+  }
+  
+  /deep/ .el-tree-node__expand-icon {
+    font-size: 20px;
+  }
+  .img-list {
+    .form-label {
+      margin-bottom: 20px;
+      span {
+        color: #f56c6c;
+      }
+    }
+    .radio-box {
+      padding: 0 30px;
+    }
+    /deep/.el-radio {
+      display: inline-flex;
+      align-items: center;
+      margin-right: 30px;
+      margin-bottom: 20px;
+    }
+    .btn-box {
+      margin-top: 30px;
+      display: flex;
+      justify-content: space-around;
+    }
+  }
+  .administration {
+    //   width: 100%;
+    //   height: 100%;
+    .left2 {
+      width: 370px;
+      height: 100%;
+      position: relative;
+      .placeholder {
+        width: 339px;
+        height: 42px;
+      }
+      .left_list {
+        width: 370px;
+        text-align: center;
+        height: calc(100% - 61px);
+        .list_content {
+          height: calc(100% - 114px);
+          overflow-y: hidden;
+          margin-bottom: 60px;
+        }
+        .list_content:hover {
+          overflow-y: auto;
+        }
+        .list_content::-webkit-scrollbar {
+          /*滚动条整体样式*/
+          width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
+          height: 1px;
+        }
+        .list_content::-webkit-scrollbar-thumb {
+          /*滚动条里面小方块*/
+          border-radius: 5px;
+          background: #c1c1c1;
+        }
+        .list_content::-webkit-scrollbar-track {
+          /*滚动条里面轨道*/
+          border-radius: 5px;
+          background: #f1f1f1;
+        }
+      }
+      .el-menu-vertical-demo {
+        text-align: left;
+      }
+      .addFirm {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        height: 45px;
+        line-height: 45px;
+        color: rgba(81, 129, 246, 1);
+        font-size: 15px;
+        text-align: center;
+        background: #fff;
+        border-top: 1px solid #e6e6e6;
+        font-family: PingFangSC-Regular;
+        cursor: pointer;
+      }
+      .content_data {
+        padding: 0 20px;
+        box-sizing: border-box;
+        height: 43px;
+        line-height: 43px;
+        cursor: pointer;
+        .enterpriseName {
+          width: 80%;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          text-align: left;
+        }
+        .enterpriseName2 {
+          text-align: left;
+          width: 100%;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+      }
+      .checkedName {
+        background-color: rgba(81, 129, 246, 0.1);
+        border-left: 3px solid #5181f6;
+        padding-left: 17px;
+      }
+    }
+    .right2 {
+      margin-left: 11px !important;
+    }
+    .fixed_title {
+      height: 38px;
+      line-height: 38px;
+      font-weight: 600;
+      background: #ededed;
+      padding-left: 15px;
+      // margin-top: -15px;
+      margin-bottom: 10px;
+      margin-left: -15px;
+    }
+  }
+  .temporary {
+    //   width: 100%;
+    //   height: 100%;
+    height: auto !important;
+    .placeholder {
+      width: 100%;
+      height: 41px;
+      border-bottom: 1px solid #e6e6e6;
+    }
+    .content {
+      padding: 15px 0;
+      box-sizing: border-box;
+      width: 100%;
+      height: calc(100% - 42px);
+    }
+    .title_wrap {
+      width: 100%;
+      box-sizing: border-box;
+      padding: 0 20px;
+      border-bottom: 2px solid @borderColor;
+    }
+    .titleStyle {
+      width: 100%;
+      font-size: 14px;
+      font-weight: 600;
+      margin: -15px 0 15px;
+      background: #ededed;
+      padding: 10px 15px;
+      box-sizing: border-box;
+    }
+    .uploadImage_wrap {
+      margin: 10px 0 0 0;
+      .position {
+        position: relative;
+      }
+      .shut_icon {
+        position: absolute;
+        top: -11px;
+        right: -11px;
+        z-index: 100;
+        margin: 5px;
+        cursor: pointer;
+      }
+    }
+    .required {
+      color: #f56c6c;
+    }
+    .workerName {
+      color: #5181f6;
+      font-size: 18px;
+      margin-bottom: 10px;
+      cursor: pointer;
+    }
+    .bigImageDialog {
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: rgba(0, 0, 0, 0.5);
+      text-align: center;
+      z-index: 1000000;
+      overflow-y: auto;
+      // padding-bottom: 50px;
+      height: 100%;
+      .bigImageContent {
+        height: 100%;
+        margin: 0 auto;
+        text-align: center;
+      }
+      img {
+        // margin-top: 10%;
+        position: relative;
+        top: 10%;
+        max-height: 80%;
+        max-width: 80%;
+      }
+    }
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/src/views/projectFront/laborManage/personDetails.vue b/src/views/projectFront/laborManage/personDetails.vue
index e9a66288..832558a5 100644
--- a/src/views/projectFront/laborManage/personDetails.vue
+++ b/src/views/projectFront/laborManage/personDetails.vue
@@ -905,7 +905,7 @@
                       label=""
                       prop="devType"
                     >
-                    <el-radio-group v-model="workerInfo.devType">
+                    <el-radio-group v-model="workerInfo.devType" @input="devTypeChange">
                       <el-radio :label="1">设备</el-radio>
                       <el-radio :label="2">分组</el-radio>
                     </el-radio-group>
@@ -915,7 +915,7 @@
                   <el-row :gutter="24" v-if="workerInfo.devType == 1">
                     <el-col :span="12"> 
                       <el-form-item
-                      :label="$t('message.laborMange.faceDevice')"
+                      :label="$t('message.laborMange.faceDevice') + ':'"
                       prop="ufaceDevId"
                     >
                       <!-- <div v-if="detailInfoStatus"> -->
@@ -927,6 +927,7 @@
                         >{{ $t('message.laborMange.checkAll') }}</el-checkbox
                       >
                       <el-checkbox-group
+                        key="ufaceDevId"
                         v-if="detailInfoStatus"
                         v-model="workerInfo.ufaceDevId"
                         @change="ufaceDevIdChange"
@@ -957,7 +958,7 @@
                     <el-col :span="12"> 
                       <el-form-item
                       label="人脸分组:"
-                      prop="uGroupId"
+                      prop="ufaceDevGroupId"
                     >
                       <!-- <div v-if="detailInfoStatus"> -->
                       <el-checkbox
@@ -968,8 +969,9 @@
                         >{{ $t('message.laborMange.checkAll') }}</el-checkbox
                       >
                       <el-checkbox-group
+                        key="ufaceDevGroupId"
                         v-if="detailInfoStatus"
-                        v-model="workerInfo.uGroupId"
+                        v-model="workerInfo.ufaceDevGroupId"
                         @change="uGroupIdChange"
                       >
                         <el-checkbox
@@ -2289,7 +2291,7 @@ export default {
       originalData: {}, // 获取的详情信息原数据. 用作判断 不作修改
       workerInfo: {
         ufaceDevId: [],
-        uGroupId: [],
+        ufaceDevGroupId: [],
       }, //基本 详情信息
       contractList: [], //合同信息
       certificateList: [], //证书
@@ -2366,6 +2368,13 @@ export default {
     });
   },
   methods: {
+    devTypeChange(e){
+      if(e == 1){
+        this.getUfaceDevList();
+      } else {
+        this.getUGroupDevList();
+      }
+    },
     checkImg() {
       console.log(this.radio);
       this.imgRadiolist.forEach((item) => {
@@ -2387,14 +2396,14 @@ export default {
     },
     handleCheckAllChangeGroup(val) {
       if (val) {
-        this.workerInfo.uGroupId = [];
+        this.workerInfo.ufaceDevGroupId = [];
         this.uGroupAllList.forEach((item) => {
           if (!item.disabled) {
-            this.workerInfo.uGroupId.push(item.id + "");
+            this.workerInfo.ufaceDevGroupId.push(item.id + "");
           }
         });
       } else {
-        this.workerInfo.uGroupId = [];
+        this.workerInfo.ufaceDevGroupId = [];
       }
       console.log(val);
       this.isIndeterminate3 = false;
@@ -2402,7 +2411,8 @@ export default {
     uGroupIdChange(val) {
       let checkedCount = val.length;
       let allCheckList = [];
-      console.log("---------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]);
@@ -2431,7 +2441,7 @@ export default {
     ufaceDevIdChange(val) {
       let checkedCount = val.length;
       let allCheckList = [];
-      console.log("---------55");
+      console.log(val,"---------55");
       for (let i = 0; i < this.ufaceDevAllList.length; i++) {
         if (!this.ufaceDevAllList[i].disabled) {
           allCheckList.push(this.ufaceDevAllList[i]);
@@ -2467,12 +2477,12 @@ export default {
                   arr = res.result.devId.split(",");
                 }
                 console.log(arr);
-                this.workerInfo.uGroupId = [];
+                this.workerInfo.ufaceDevGroupId = [];
                 this.uGroupNameList = [];
                 let id = "";
-                console.log(this.workerInfo.uGroupId);
+                console.log(this.workerInfo.ufaceDevGroupId);
                 for (let i = 0; i < arr.length; i++) {
-                  this.workerInfo.uGroupId.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);
@@ -2559,7 +2569,7 @@ export default {
           if (this.workerInfo.ruleId == 0) {
             this.workerInfo.ruleId = "";
           }
-
+          this.ufaceDevNameList = [];
           if (data.workerInfo.ufaceDevId) {
             let arr = [];
             if (data.workerInfo.ufaceDevId) {
@@ -2586,7 +2596,6 @@ export default {
             // console.log("arr", arr);
             // this.workerInfo.ufaceDevId = [];
             this.workerInfo.ufaceDevId = arr;
-            this.ufaceDevNameList = [];
             let id = "";
 
             for (let i = 0; i < arr.length; i++) {
@@ -2606,6 +2615,7 @@ export default {
 
             this.ufaceDevIdChange(this.workerInfo.ufaceDevId);
           }
+          this.uGroupNameList = [];
           if (data.workerInfo.ufaceDevGroupId) {
             console.log(123456789)
             let arr = [];
@@ -2613,8 +2623,7 @@ export default {
               arr = data.workerInfo.ufaceDevGroupId.split(",");
             }
             console.log("arr", arr);
-            this.workerInfo.uGroupId = arr;
-            this.uGroupNameList = [];
+            this.workerInfo.ufaceDevGroupId = arr;
             let id = "";
 
             for (let i = 0; i < arr.length; i++) {
@@ -2627,7 +2636,7 @@ export default {
               }
             }
 
-            this.uGroupIdChange(this.workerInfo.uGroupId);
+            this.uGroupIdChange(this.workerInfo.ufaceDevGroupId);
           }
           // console.log(this.workerInfo.ufaceDevId, this.ufaceDevNameList)
           this.longTerm = this.workerInfo.longTerm == 1 ? true : false; //设置身份证有效期是否长期
@@ -2783,8 +2792,14 @@ export default {
         } else {
           data.accountType = 1;
         }
-        console.log(this.workerInfo.ufaceDevId);
-        data.ufaceDevId = this.workerInfo.ufaceDevId.join(",");
+        console.log(this.workerInfo.ufaceDevId,123456);
+        if(this.workerInfo.devType == 1){
+          data.ufaceDevId = this.workerInfo.ufaceDevId.join(",");
+          data.ufaceDevGroupId = "";
+        } else if(this.workerInfo.devType == 2){
+          data.ufaceDevGroupId = this.workerInfo.ufaceDevGroupId.join(",");
+          data.ufaceDevId = "";
+        }
         delete data.addTime;
         if (data.ruleId == "") {
           data.ruleId = 0;
@@ -2801,6 +2816,8 @@ export default {
             this.$message.error(res.message);
           }
         });
+      this.checkAllFaceDev = false;
+      this.checkAllGroup = false;
       } else {
         console.log("------------------3");
         console.log(this.workerInfo.ufaceDevId);
@@ -2808,6 +2825,10 @@ export default {
           console.log("------------------5");
           this.workerInfo.ufaceDevId = [];
         }
+        if (!this.workerInfo.ufaceDevGroupId) {
+          console.log("------------------5");
+          this.workerInfo.ufaceDevGroupId = [];
+        }
         // console.log(this.workerInfo.ufaceDevId, '---1')
         if (this.basicInfoStatus) {
           this.$message.warning(this.$t("message.laborMange.warningHint"));
@@ -2818,7 +2839,6 @@ export default {
         console.log("------------------4");
       }
       console.log(this.workerInfo);
-
       this.$forceUpdate();
     },
 
diff --git a/src/views/projectFront/laborManage/personModule/temporary.vue b/src/views/projectFront/laborManage/personModule/temporary.vue
index 50c82534..6fe31e01 100644
--- a/src/views/projectFront/laborManage/personModule/temporary.vue
+++ b/src/views/projectFront/laborManage/personModule/temporary.vue
@@ -508,21 +508,26 @@
                     @click.stop="addForm.idCardBigPhotoUrl = ''"
                   />
                 </div>
-                <!-- <div class="position">
+                <div class="position">
                   <img
                     :src="$store.state.FILEURL+addForm.fieldAcquisitionUrl"
                     v-if="addForm.fieldAcquisitionUrl!=''"
-                    style="width:82px; height:97.5px; cursor: pointer;"
+                    style="width: 100px; height: 119px; cursor: pointer"
+                    @click="handlePreview(addForm.fieldAcquisitionUrl)"
+                  />
+                  <img
+                    v-else
+                    :src="defaultImg"
+                    style="width: 100%; height: auto; cursor: pointer"
                   />
-                  <img v-else :src="defaultImg" style="width:82px; height:auto;cursor: pointer;" />
                   <img
                     src="@/assets/images/shut_icon.png"
-                    style="width:15px; height:auto"
+                    style="width:16px; height:auto"
                     class="shut_icon"
-                    v-if="addForm.fieldAcquisitionUrl!=''"
+                    v-if="addForm.fieldAcquisitionUrl!='' && operationType != 'detail'"
                     @click="addForm.fieldAcquisitionUrl=''"
                   />
-                </div>-->
+                </div>
               </div>
               <div class="flex5" style="margin: 5px 0">
                 <span>
@@ -531,12 +536,12 @@
                     {{ $t("message.laborMange.IdCardHead") }}
                   </div>
                 </span>
-                <!-- <span>
+                <span>
                   <span class="required">*</span>现场采集人脸
-                </span>-->
+                </span>
               </div>
               <div class="flex5" v-if="operationType != 'detail'">
-                <el-upload
+                <!-- <el-upload
                   class="upload-demo"
                   ref="upload"
                   :action="$store.state.UPLOADURL"
@@ -550,7 +555,7 @@
                     $t("message.laborMange.clickOnTheUpload")
                   }}</el-button>
                 </el-upload>
-                <!-- <el-upload
+                <el-upload
                   class="upload-demo"
                   ref="upload"
                   :action="$store.state.UPLOADURL"
@@ -560,7 +565,47 @@
                   :show-file-list="false"
                 >
                   <el-button slot="trigger" size="small" type="primary">点击上传</el-button>
-                </el-upload>-->
+                </el-upload> -->
+                <el-upload
+                  action="uploadUrl"
+                  :on-remove="(file) => handleTemporaryRemove(file, 3)"
+                  :on-preview="(file) => handleTemporaryPreview(file, 3)"
+                  :beforeUpload="(file) => handleBeforeUpload(file, 3)"
+                  :show-file-list="false"
+                  :file-list="idCardBigPhotoUrlFile"
+                  list-type="picture"
+                  :http-request="
+                    (val) => handleTemporaryUpload(val, 'idCardAvatar')
+                  "
+                >
+                  <el-button
+                    size="medium"
+                    style="padding: 9px 20px"
+                    type="primary"
+                    v-if="titleType != 'detail'"
+                    >{{ $t("message.laborMange.clickOnTheUpload") }}</el-button
+                  >
+                </el-upload>
+                <el-upload
+                  action="uploadUrl"
+                  :on-remove="(file) => handleTemporaryRemove(file, 4)"
+                  :on-preview="(file) => handleTemporaryPreview(file, 4)"
+                  :beforeUpload="(file) => handleBeforeUpload(file, 4)"
+                  list-type="picture"
+                  :show-file-list="false"
+                  :file-list="fieldAcquisitionUrlFile"
+                  :http-request="
+                    (val) => handleTemporaryUpload(val, 'livesFace')
+                  "
+                >
+                  <el-button
+                    size="medium"
+                    style="padding: 9px 20px"
+                    type="primary"
+                    v-if="titleType != 'detail'"
+                    >{{ $t("message.laborMange.clickOnTheUpload") }}</el-button
+                  >
+                </el-upload>
               </div>
             </el-col>
             <div class="titleStyle flex">
@@ -612,6 +657,45 @@
         <img width="auto" height="auto" :src="bigImageUrl" alt />
       </div>
     </div>
+    <!-- 图片裁剪弹框 -->
+    <el-dialog
+      :modal-append-to-body="false"
+      :title="
+        $t('message.personnelPosition.mapManage.dialog_KJNova_Clipper.title')
+      "
+      :visible.sync="cropperDialog"
+      width="767px"
+    >
+      <div class="dialog_content" style="height: 400px">
+        <!-- <vue-scroll> -->
+        <vueCropper
+          ref="cropper"
+          :img="cropperOption.img"
+          :outputType="cropperOption.outputType"
+          :autoCropWidth="cropperOption.autoCropWidth"
+          :autoCropHeight="cropperOption.autoCropHeight"
+          :autoCrop="true"
+          :fixedBox="true"
+        ></vueCropper>
+        <!-- </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>
+        <el-button
+          type="primary"
+          icon="el-icon-circle-check"
+          @click="saveMapUrlFn"
+          size="medium"
+          >{{ $t("message.personnelPosition.determine") }}
+        </el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 <script>
@@ -625,13 +709,27 @@ import {
 import {
   IdentityCodeValid
 } from '@/assets/js/util.js'
+import { VueCropper } from "vue-cropper";
+import { apiUploadImage } from "@/assets/js/api/common";
+import lrz from "lrz";
 export default {
   name: "temporary",
   components: {
     scroll,
+    VueCropper
   },
   data() {
     return {
+      //显示的文件列表
+      fieldAcquisitionUrlFile: [],
+      idCardBigPhotoUrlFile: [],
+      cropperOption: {
+        outputType: "png",
+        img: "",
+        autoCropWidth: 300, // 默认生成截图框宽度
+        autoCropHeight: 360, // 默认生成截图框高度
+      },
+      cropperDialog: false,
       COMPANY: COMPANY,
       tableData: [],
       page: 1,
@@ -652,7 +750,7 @@ export default {
         nation: "",
         issuingAuthorityForIdcard: "",
         idCardBigPhotoUrl: "",
-        // fieldAcquisitionUrl: "",
+        fieldAcquisitionUrl: "",
         idCardEndDate: "",
         nativePlace: "",
         birthday: "",
@@ -708,6 +806,185 @@ export default {
     this.getInfoList();
   },
   methods: {
+    // 人员照片库比对
+    checkImgLibrary(url) {
+      console.log(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 {
+            if (this.temporaryDialog1 || this.temporaryDialog2) {
+              this.personForm.personSerial = "";
+              this.personForm.fieldAcquisitionUrl = url;
+              this.fieldAcquisitionFile = [{ name: "", url: url }];
+              this.cropperDialog = false;
+            } else {
+              this.addForm.personSerial = "";
+              this.addForm.fieldAcquisitionUrl = url;
+              this.fieldAcquisitionFile = [{ name: "", url: url }];
+              this.cropperDialog = false;
+            }
+          }
+          console.log(res, "-----人员库照片查询");
+        }
+      );
+    },
+    //人脸监测、
+    checkFace(url) {
+      checkFaceApi({ fileUrl: url }).then((res) => {
+        if (res.result.checkType == 1) {
+          if (this.temporaryDialog1 || this.temporaryDialog2) {
+            this.personForm.fieldAcquisitionUrl = url;
+            this.fieldAcquisitionFile = [{ name: "", url: url }];
+            this.cropperDialog = false;
+          } else {
+            this.addForm.fieldAcquisitionUrl = url;
+            this.fieldAcquisitionFile = [{ name: "", url: url }];
+            this.cropperDialog = false;
+          }
+        } else {
+          this.$message.error(res.result.message);
+        }
+      });
+    },
+    //保存截图
+    saveMapUrlFn() {
+      this.$refs.cropper.startCrop();
+      var _this = this;
+      this.$refs.cropper.getCropBlob((data) => {
+        const isLt2M = data.size / 1024 < 500;
+        if (!isLt2M) {
+          this.$message.error(this.$t("message.laborMange.hint9"));
+          return;
+        }
+        var param = new FormData();
+        param.append("files", data, "image.png");
+        _this.$http
+          .post("/upload/image", param, {
+            headers: {
+              "Content-Type": "multipart/form-data",
+            },
+          })
+          .then((res) => {
+            console.log("aaaaa", res);
+            if (res.data.status == "SUCCESS") {
+              if (this.isSzProject == 1) {
+                this.checkImgLibrary(res.data.data[0].imageUrl);
+              } else {
+                this.checkFace(res.data.data[0].imageUrl);
+              }
+            }
+          });
+      });
+    },
+    handleTemporaryUpload(fileData, type) {
+      console.log(fileData, 111222);
+      const file = fileData.file;
+      // 压缩图片
+      lrz(file, { quality: 1 }).then((result) => {
+        const formData = new FormData();
+        formData.append("files", result.file);
+        // 图片上传
+        apiUploadImage(formData).then((res) => {
+          if (res.code == 200 || res.status == "SUCCESS") {
+            const imgInfo = res.data[0];
+
+            switch (type) {
+              case "idCardAvatar": // 身份证头像
+                this.addForm.idCardBigPhotoUrl = imgInfo.imageUrl;
+                this.idCardUpPhotoFile = [
+                  { name: imgInfo.filename, url: imgInfo.imageUrl },
+                ];
+                break;
+              case "livesFace": // 现场采集人脸
+                this.cropperOption.img =
+                  this.$store.state.FILEURL + imgInfo.imageUrl;
+                this.cropperDialog = true;
+                // let imgStatus = result.file.size / 1024 < 500
+                // if (!imgStatus) {
+                //   this.cropperOption.img =
+                //     this.$store.state.FILEURL + imgInfo.imageUrl
+                //   this.cropperDialog = true
+                // } else {
+                //   if (this.isSzProject == 1) {
+                //     this.checkImgLibrary(imgInfo.imageUrl)
+                //   } else {
+                //     this.checkFace(imgInfo.imageUrl)
+                //   }
+                // }
+                break;
+            }
+          }
+        });
+      });
+    },
+    // 文件上传 之前
+    handleBeforeUpload(file, type) {
+      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) {
+        if (
+          file.type != "image/jpeg" &&
+          file.type != "image/jpg"
+          // file.type != "image/png"
+        ) {
+          this.$message.error(this.$t("message.laborMange.hint8")); //"请上传jpg、jpeg格式图片"
+          return false;
+        }
+      }
+      return true;
+    },
+    //查看图片
+    handleTemporaryPreview(file, type) {
+      if (type === 0) {
+        this.bigImageDialog = true;
+        this.bigImageUrl = file;
+      } else {
+        // 新增企业  type ==  1 资质照片; 2 logo;
+        // 人员录入  type ==  3 体检报告; 4 合同附件; 5 从业资格证书; 6 身份证头像; 7 现场采集人脸;
+        let fileType = null;
+        if (file.response) {
+          let url = file.response.data[0];
+          fileType = url.imageUrl.split(".")[1];
+        } else {
+          fileType = file.url.split(".")[1];
+        }
+        if (
+          fileType != "jpg" &&
+          fileType != "jpeg" &&
+          fileType != "png" &&
+          fileType != "bmp" &&
+          fileType != "gif"
+        ) {
+          window.open(this.fileUrl + file.url);
+          //type== 0 直接查看列表中的图片
+        } else {
+          this.bigImageDialog = true;
+          this.bigImageUrl = file.response
+            ? this.fileUrl + file.response.data[0].imageUrl
+            : this.fileUrl + file.url;
+        }
+      }
+    },
+    handleTemporaryRemove() {
+      if (file.status == "ready") {
+      } else {
+        this.$message.success(this.$t("message.laborMange.deleteSuccess"));
+        if (type == 1) {
+          this.addForm.fieldAcquisitionUrl = "";
+        }
+      }
+    },
     // 输入框输入后触发(输入身份证号码，自动产生出生日期)
     handleIdCardInput(idCard) {
       // console.log('身份证输入',idCard)
@@ -815,7 +1092,7 @@ export default {
         nation: "",
         issuingAuthorityForIdcard: "",
         idCardBigPhotoUrl: "",
-        // fieldAcquisitionUrl: "",
+        fieldAcquisitionUrl: "",
         idCardEndDate: "",
         nativePlace: "",
         birthday: "",
@@ -826,12 +1103,12 @@ export default {
 
     //人员录入   提交
     submitForm(formName) {
-      // if (this.addForm.idCardBigPhotoUrl == "") {
-      //   this.$message.error(
-      //     this.$t("message.laborMange.pleaseUploadYourIDPhoto")
-      //   );
-      //   return;
-      // }
+      if (this.addForm.idCardBigPhotoUrl == "") {
+        this.$message.error(
+          this.$t("message.laborMange.pleaseUploadYourIDPhoto")
+        );
+        return;
+      }
       //身份证校验
       if (!IdentityCodeValid(this.addForm.idCard)) {
         this.$message.error(this.$t('message.laborMange.correctCellIdCard'))
@@ -846,6 +1123,7 @@ export default {
                 this.resetForm(formName);
                 this.temporaryDialog = false;
                 this.addForm.idCardBigPhotoUrl = "";
+                this.addForm.fieldAcquisitionUrl = "";
                 this.getInfoList();
               }
             });
@@ -856,6 +1134,7 @@ export default {
                 this.resetForm(formName);
                 this.temporaryDialog = false;
                 this.addForm.idCardBigPhotoUrl = "";
+                this.addForm.fieldAcquisitionUrl = "";
                 this.getInfoList();
               }
             });
@@ -954,7 +1233,7 @@ export default {
       if (type == 1) {
         this.addForm.idCardBigPhotoUrl = file.data[0].imageUrl;
       } else {
-        //   this.addForm.fieldAcquisitionUrl = file.data[0].imageUrl;
+        this.addForm.fieldAcquisitionUrl = file.data[0].imageUrl;
       }
     },
     //下载高拍仪插件
@@ -1073,7 +1352,7 @@ export default {
 .flex5 {
   display: flex;
   align-items: center;
-  justify-content: center;
+  justify-content: space-around;
 }
 .temporary {
   // width: 100%;