From 06fd69ba0f1128f7e25634e04d7ff0b596e64439 Mon Sep 17 00:00:00 2001
From: Rain_ <904416525@qq.com>
Date: Fri, 11 Jul 2025 16:53:12 +0800
Subject: [PATCH] =?UTF-8?q?flx:=E8=8A=B1=E5=90=8D=E5=86=8C=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E6=89=B9=E9=87=8F=E4=BA=BA=E5=91=98=E7=BB=91=E5=AE=9A?=
 =?UTF-8?q?=E8=AE=BE=E5=A4=87=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/js/api/laborPerson.js              |   4 +
 .../projectFront/laborManage/rosterNew.vue    | 974 +++++++-----------
 2 files changed, 354 insertions(+), 624 deletions(-)

diff --git a/src/assets/js/api/laborPerson.js b/src/assets/js/api/laborPerson.js
index 0e333017..de61ab9a 100644
--- a/src/assets/js/api/laborPerson.js
+++ b/src/assets/js/api/laborPerson.js
@@ -30,6 +30,10 @@ export const xmglXzHikvisionSyncRetryAPI = data => post('xmgl/xzHikvisionSync/re
 export const getDangongWorkerFaceStatusPageList = data => get('xmgl/dangongWorkerFaceStatus/page', data);
 
 
+// 批量人员绑定设备
+export const batchBindDevForWorkersApi = data => post('xmgl/workerInfo/batchBindDevForWorkers', data); //批量绑定设备
+
+
 
 
 //详情
diff --git a/src/views/projectFront/laborManage/rosterNew.vue b/src/views/projectFront/laborManage/rosterNew.vue
index aaed21ba..421a55bb 100644
--- a/src/views/projectFront/laborManage/rosterNew.vue
+++ b/src/views/projectFront/laborManage/rosterNew.vue
@@ -4,123 +4,52 @@
       <div class="title_wrap flex">
         <el-form :inline="true" class="demo-form-inline" size="medium">
           <el-form-item :label="$t('message.laborMange.personnelType')">
-            <el-select
-              size="medium"
-              v-model="tableParameter.personType"
-              :placeholder="
-                $t('message.laborMange.pleaseChoose') +
-                $t('message.laborMange.personnelType')
-              "
-            >
-              <el-option
-                :label="$t('message.laborMange.all')"
-                :value="''"
-              ></el-option>
-              <el-option
-                :label="$t('message.laborMange.modules')"
-                value="1"
-              ></el-option>
-              <el-option
-                :label="$t('message.laborMange.modules1')"
-                value="2"
-              ></el-option>
-              <el-option
-                :label="$t('message.laborMange.modules2')"
-                value="3"
-              ></el-option>
+            <el-select size="medium" v-model="tableParameter.personType" :placeholder="$t('message.laborMange.pleaseChoose') +
+              $t('message.laborMange.personnelType')
+              ">
+              <el-option :label="$t('message.laborMange.all')" :value="''"></el-option>
+              <el-option :label="$t('message.laborMange.modules')" value="1"></el-option>
+              <el-option :label="$t('message.laborMange.modules1')" value="2"></el-option>
+              <el-option :label="$t('message.laborMange.modules2')" value="3"></el-option>
             </el-select>
           </el-form-item>
-          <el-form-item
-            :label="$t('message.laborMange.healthCodeStatus')"
-            v-if="company == 'nanchang'"
-          >
+          <el-form-item :label="$t('message.laborMange.healthCodeStatus')" v-if="company == 'nanchang'">
             <el-select v-model="tableParameter.codeState" style="width: 120px">
-              <el-option
-                :label="$t('message.laborMange.all')"
-                value
-              ></el-option>
-              <el-option
-                :label="$t('message.laborMange.codeless')"
-                value="0"
-              ></el-option>
-              <el-option
-                :label="$t('message.laborMange.redCode')"
-                value="1"
-              ></el-option>
-              <el-option
-                :label="$t('message.laborMange.yellowCode')"
-                value="2"
-              ></el-option>
-              <el-option
-                :label="$t('message.laborMange.greenCode')"
-                value="3"
-              ></el-option>
+              <el-option :label="$t('message.laborMange.all')" value></el-option>
+              <el-option :label="$t('message.laborMange.codeless')" value="0"></el-option>
+              <el-option :label="$t('message.laborMange.redCode')" value="1"></el-option>
+              <el-option :label="$t('message.laborMange.yellowCode')" value="2"></el-option>
+              <el-option :label="$t('message.laborMange.greenCode')" value="3"></el-option>
             </el-select>
           </el-form-item>
           <el-form-item :label="$t('message.laborMange.companies')">
-            <el-select
-              v-model="tableParameter.enterpriseId"
-              :placeholder="
-                $t('message.laborMange.pleaseChoose') +
-                $t('message.laborMange.companies')
-              "
-              filterable
-            >
-              <el-option
-                :label="$t('message.laborMange.allTheCompany')"
-                :value="''"
-              ></el-option>
-              <el-option
-                v-for="(item, index) in enterpriseListData"
-                :key="index"
-                :label="item.enterpriseName"
-                :value="item.id"
-              ></el-option>
+            <el-select v-model="tableParameter.enterpriseId" :placeholder="$t('message.laborMange.pleaseChoose') +
+              $t('message.laborMange.companies')
+              " filterable>
+              <el-option :label="$t('message.laborMange.allTheCompany')" :value="''"></el-option>
+              <el-option v-for="(item, index) in enterpriseListData" :key="index" :label="item.enterpriseName"
+                :value="item.id"></el-option>
             </el-select>
           </el-form-item>
           <el-form-item :label="$t('message.laborMange.workingState')">
-            <el-select
-              size="medium"
-              v-model="tableParameter.inserviceType"
-              :placeholder="
-                $t('message.laborMange.pleaseChoose') +
-                $t('message.laborMange.workingState')
-              "
-            >
-              <el-option
-                :label="$t('message.laborMange.onJob')"
-                value="1"
-              ></el-option>
-              <el-option
-                :label="$t('message.laborMange.dimission')"
-                value="2"
-              ></el-option>
+            <el-select size="medium" v-model="tableParameter.inserviceType" :placeholder="$t('message.laborMange.pleaseChoose') +
+              $t('message.laborMange.workingState')
+              ">
+              <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-form-item :label="$t('message.laborMange.compellation')">
-            <el-input
-              :placeholder="$t('message.laborMange.placeholder2')"
-              v-model="tableParameter.workerName"
-            ></el-input>
+            <el-input :placeholder="$t('message.laborMange.placeholder2')"
+              v-model="tableParameter.workerName"></el-input>
           </el-form-item>
           <el-form-item :label="$t('message.laborMange.IdNumber')">
-            <el-input
-              :placeholder="$t('message.laborMange.placeholder2')"
-              v-model="tableParameter.idCard"
-            ></el-input>
+            <el-input :placeholder="$t('message.laborMange.placeholder2')" v-model="tableParameter.idCard"></el-input>
           </el-form-item>
           <el-form-item label="人员下发状态" v-if="isIscDevice || isDangong">
-            <el-select
-              size="medium"
-              v-model="tableParameter.sendSuccessStatus"
-              placeholder="请选择"
-            >
-              <el-option
-                v-for="(item, index) in sendStatusArr"
-                :key="index"
-                :label="item.name"
-                :value="item.value"
-              ></el-option>
+            <el-select size="medium" v-model="tableParameter.sendSuccessStatus" placeholder="请选择">
+              <el-option v-for="(item, index) in sendStatusArr" :key="index" :label="item.name"
+                :value="item.value"></el-option>
             </el-select>
           </el-form-item>
           <!-- <el-form-item label="下发状态" v-if="isDangong">
@@ -136,82 +65,54 @@
               </el-select>
             </el-form-item>
           <el-form-item> -->
-            <el-button
-              v-permission="{
-                key: 'hmc_query',
-                menuPath: '/project/labor/roster',
-              }"
-              type="primary"
-              @click="
-                page = 1;
-                getInfoList();
-              "
-              plain
-              >{{ $t("message.laborMange.inquire") }}</el-button
-            >
-            <el-button
-              v-permission="{
-                key: 'hmc_refresh',
-                menuPath: '/project/labor/roster',
-              }"
-              type="warning"
-              @click="
-                page = 1;
-                tableParameter.workerName = '';
-                tableParameter.enterpriseId = '';
-                tableParameter.inserviceType = '';
-                tableParameter.personType = '';
-                tableParameter.idCard = '';
-                tableParameter.sendSuccessStatus = null;
-                tableParameter.dangongStatus = '';
-                getInfoList();
-              "
-              plain
-              >{{ $t("message.laborMange.refresh") }}</el-button
-            >
-            <!-- <el-button type="primary" @click="handleExport" plain
+          <el-button v-permission="{
+            key: 'hmc_query',
+            menuPath: '/project/labor/roster',
+          }" type="primary" @click="
+            page = 1;
+          getInfoList();
+          " plain>{{ $t("message.laborMange.inquire") }}</el-button>
+          <el-button v-permission="{
+            key: 'hmc_refresh',
+            menuPath: '/project/labor/roster',
+          }" type="warning" @click="
+            page = 1;
+          tableParameter.workerName = '';
+          tableParameter.enterpriseId = '';
+          tableParameter.inserviceType = '';
+          tableParameter.personType = '';
+          tableParameter.idCard = '';
+          tableParameter.sendSuccessStatus = null;
+          tableParameter.dangongStatus = '';
+          getInfoList();
+          " plain>{{ $t("message.laborMange.refresh") }}</el-button>
+          <!-- <el-button type="primary" @click="handleExport" plain
               >{{$t('message.laborMange.haiqing') + $t('message.laborMange.export')}}</el-button
             > -->
-            <el-button
-              v-permission="{
-                key: 'hmc_exportPerson',
-                menuPath: '/project/labor/roster',
-              }"
-              type="primary"
-              @click="crewExport"
-              plain
-              >{{
-                $t("message.laborMange.crew") + $t("message.laborMange.export")
-              }}</el-button
-            >
-            <el-button
-              v-permission="{
-                key: 'hmc_inputPerson',
-                menuPath: '/project/labor/roster',
-              }"
-              type="primary"
-              @click="memberRegister"
-              >人员录入</el-button
-            >
-            <el-button
-              type="primary"
-              @click="checkAllFn"
-              v-permission="{
-                key: 'hmc_check_all',
-                menuPath: '/project/labor/roster',
-              }"
-              >全选</el-button
-            >
-            <el-button
-              type="primary"
-              @click="onBatchSynchronization"
-              v-permission="{
-                key: 'hmc_batch_authorization',
-                menuPath: '/project/labor/roster',
-              }"
-              >批量授权门禁权限</el-button
-            >
-            <!-- <el-button
+          <el-button v-permission="{
+            key: 'hmc_exportPerson',
+            menuPath: '/project/labor/roster',
+          }" type="primary" @click="crewExport" plain>{{
+            $t("message.laborMange.crew") + $t("message.laborMange.export")
+          }}</el-button>
+          <el-button v-permission="{
+            key: 'hmc_inputPerson',
+            menuPath: '/project/labor/roster',
+          }" type="primary" @click="memberRegister">人员录入</el-button>
+          <el-button type="primary" @click="checkAllFn" v-permission="{
+            key: 'hmc_check_all',
+            menuPath: '/project/labor/roster',
+          }">全选</el-button>
+          <el-button type="primary" @click="onBatchSynchronization" v-permission="{
+            key: 'hmc_batch_authorization',
+            menuPath: '/project/labor/roster',
+          }">批量授权门禁权限</el-button>
+          <el-button v-permission="{
+            key: 'hmc_batch_binddevice',
+            menuPath: '/project/labor/roster',
+          }" type="primary" @click="onBatchBinddevice">批量人员绑定设备</el-button>
+
+          <!-- <el-button
               type="primary"
               @click="onBatchDeletion"
               v-permission="{
@@ -224,105 +125,72 @@
         </el-form>
       </div>
       <vue-scroll style="height: 86%">
-        <el-table
-          ref="multipleTable"
-          :data="tableData"
-          style="width: 100%"
-          row-key="id"
-          :header-cell-style="{ background: '#E2EBFF' }"
-          :show-header="false"
-          :row-class-name="tableRowClassName"
-          @selection-change="handleSelectionChange"
-        >
+        <el-table ref="multipleTable" :data="tableData" style="width: 100%" row-key="id"
+          :header-cell-style="{ background: '#E2EBFF' }" :show-header="false" :row-class-name="tableRowClassName"
+          @selection-change="handleSelectionChange">
           <!-- :reserve-selection="true" -->
-          <el-table-column
-            align="center"
-            type="selection"
-            width="55"
-          >
+          <el-table-column align="center" type="selection" width="55">
           </el-table-column>
           <el-table-column prop="attendanceNumber">
             <template slot-scope="scope">
               <div class="flex3" style="padding-left: 20px">
                 <!-- {{scope.row}} -->
                 <!-- :src="$store.state.FILEURL + scope.row.fieldAcquisitionUrl" -->
-                <img
-                  :src="$store.state.FILEURL + scope.row.fieldAcquisitionUrl"
-                  style="
+                <img :src="$store.state.FILEURL + scope.row.fieldAcquisitionUrl" style="
                     width: 52px;
                     height: 72px;
                     margin: 0px 15px;
                     cursor: pointer;
-                  "
-                  @click="handlePreview(scope.row.fieldAcquisitionUrl)"
-                />
+                  " @click="handlePreview(scope.row.fieldAcquisitionUrl)" />
                 <div>
                   <div class="workerName" @click="showDetail(scope.row)">
                     {{ scope.row.workerName }}
                   </div>
-                  <el-tag
-                    v-if="company == 'nanchang'"
-                    :type="parseCode(scope.row.codeState)[0]"
-                    size="small"
-                    style="margin-left: 10px"
-                    >{{ parseCode(scope.row.codeState)[1] }}</el-tag
-                  >
+                  <el-tag v-if="company == 'nanchang'" :type="parseCode(scope.row.codeState)[0]" size="small"
+                    style="margin-left: 10px">{{ parseCode(scope.row.codeState)[1] }}</el-tag>
                   <!-- 疫苗接种状态 -->
                   <span v-if="company == 'nanchang'" style="margin: 0 10px">{{
                     scope.row.vaccineStatus === 0
                       ? "未接种"
                       : scope.row.vaccineStatus === 1
-                      ? "已接种"
-                      : "未知"
+                        ? "已接种"
+                        : "未知"
                   }}</span>
                   <!-- 疫苗接种针次 -->
-                  <span
-                    v-if="company == 'nanchang' && scope.row.vaccineStatus"
-                    >{{
-                      scope.row.vaccineTimes === 1
-                        ? "第一针"
-                        : scope.row.vaccineTimes === 2
+                  <span v-if="company == 'nanchang' && scope.row.vaccineStatus">{{
+                    scope.row.vaccineTimes === 1
+                      ? "第一针"
+                      : scope.row.vaccineTimes === 2
                         ? "第二针"
                         : scope.row.vaccineTimes === 3
-                        ? "第三针"
-                        : ""
-                    }}</span
-                  >
-                  <div
-                    style="text-align: left; color: #7d839d; font-size: 14px"
-                    v-if="company == 'nanchang'"
-                  >
+                          ? "第三针"
+                          : ""
+                  }}</span>
+                  <div style="text-align: left; color: #7d839d; font-size: 14px" v-if="company == 'nanchang'">
                     <span style="margin-right: 10px">{{
                       scope.row.nadCode == 0
                         ? "未查询到核酸结果"
                         : scope.row.nadCode == 1
-                        ? "核酸阴性"
-                        : scope.row.nadCode == 2
-                        ? "核酸阳性-确诊"
-                        : scope.row.nadCode == 3
-                        ? "核酸检测有效期已过"
-                        : ""
+                          ? "核酸阴性"
+                          : scope.row.nadCode == 2
+                            ? "核酸阳性-确诊"
+                            : scope.row.nadCode == 3
+                              ? "核酸检测有效期已过"
+                              : ""
                     }}</span>
                     <span>{{ scope.row.nadTime }}</span>
                   </div>
 
-                  <div
-                    style="text-align: left; color: #7d839d; font-size: 14px"
-                    v-if="company != 'nanchang'"
-                  >
+                  <div style="text-align: left; color: #7d839d; font-size: 14px" v-if="company != 'nanchang'">
                     <span style="margin-right: 10px">{{
                       scope.row.sex == 1
                         ? $t("message.laborMange.man")
                         : $t("message.laborMange.female")
                     }}</span>
-                    <span style="margin-right: 10px"
-                      >{{ computedAge(scope.row.idCard)
-                      }}{{ $t("message.laborMange.age") }}</span
-                    >
-                    <span
-                      >{{ scope.row.nation
-                      }}{{ $t("message.laborMange.clan") }}</span
-                    >
+                    <span style="margin-right: 10px">{{ computedAge(scope.row.idCard)
+                    }}{{ $t("message.laborMange.age") }}</span>
+                    <span>{{ scope.row.nation
+                    }}{{ $t("message.laborMange.clan") }}</span>
                   </div>
                 </div>
               </div>
@@ -345,23 +213,16 @@
                   scope.row.departmentName
                 }}
               </div>
-              <div
-                style="text-align: left; color: #7d839d; font-size: 14px"
-                v-if="company == 'nanchang'"
-              >
+              <div style="text-align: left; color: #7d839d; font-size: 14px" v-if="company == 'nanchang'">
                 <span style="margin-right: 10px">{{
                   scope.row.sex == 1
                     ? $t("message.laborMange.man")
                     : $t("message.laborMange.female")
                 }}</span>
-                <span style="margin-right: 10px"
-                  >{{ computedAge(scope.row.idCard)
-                  }}{{ $t("message.laborMange.age") }}</span
-                >
-                <span
-                  >{{ scope.row.nation
-                  }}{{ $t("message.laborMange.clan") }}</span
-                >
+                <span style="margin-right: 10px">{{ computedAge(scope.row.idCard)
+                }}{{ $t("message.laborMange.age") }}</span>
+                <span>{{ scope.row.nation
+                }}{{ $t("message.laborMange.clan") }}</span>
               </div>
               <!--                            <div v-if="scope.row.personType==3">所属部门：{{scope.row.departmentName}}</div>-->
             </template>
@@ -402,8 +263,8 @@
                     scope.row.personType == 1
                       ? $t("message.laborMange.modules")
                       : scope.row.personType == 2
-                      ? $t("message.laborMange.modules1")
-                      : $t("message.laborMange.modules2")
+                        ? $t("message.laborMange.modules1")
+                        : $t("message.laborMange.modules2")
                   }}
                 </div>
               </div>
@@ -414,32 +275,29 @@
               <div>
                 <div v-if="isIscDevice || isDangong">
                   下发状态：
-                  <span
-                    :class="[
-                      'valuesColor',
-                      row.sendSuccessStatus === 1
-                        ? 'green'
-                        : row.sendSuccessStatus === 2
+                  <span :class="[
+                    'valuesColor',
+                    row.sendSuccessStatus === 1
+                      ? 'green'
+                      : row.sendSuccessStatus === 2
                         ? 'red'
                         : row.sendSuccessStatus === 3
-                        ? 'yellow'
-                        : row.sendSuccessStatus === 4
-                        ? 'red'
-                        : '',
-                    ]"
-                  >
+                          ? 'yellow'
+                          : row.sendSuccessStatus === 4
+                            ? 'red'
+                            : '',
+                  ]">
                     {{
                       row.sendSuccessStatus === 1
                         ? "成功"
                         : row.sendSuccessStatus === 2
-                        ? "失败"
-                        : row.sendSuccessStatus === 3
-                        ? "部分成功"
-                        : row.sendSuccessStatus === 4
-                        ? "未下发"
-                        : ""
-                    }}</span
-                  >
+                          ? "失败"
+                          : row.sendSuccessStatus === 3
+                            ? "部分成功"
+                            : row.sendSuccessStatus === 4
+                              ? "未下发"
+                              : ""
+                    }}</span>
                 </div>
                 <!-- <div v-else-if="isDangong">
                   下发状态：
@@ -459,18 +317,11 @@
           <el-table-column prop="address" width="200px">
             <template slot-scope="scope">
               <div class="tableBtns">
-                <el-button
-                  v-if="isIscDevice"
-                  v-permission="{
-                    key: 'hmc_ckxfxq',
-                    menuPath: '/project/labor/roster',
-                  }"
-                  size="medium"
-                  type="text"
-                  class="operationText"
-                  @click="issueTeamEvent(scope.row.id)"
-                  >查看下发详情</el-button
-                >
+                <el-button v-if="isIscDevice" v-permission="{
+                  key: 'hmc_ckxfxq',
+                  menuPath: '/project/labor/roster',
+                }" size="medium" type="text" class="operationText"
+                  @click="issueTeamEvent(scope.row.id)">查看下发详情</el-button>
               </div>
             </template>
           </el-table-column>
@@ -510,37 +361,16 @@
               :total="total"
               background
             ></el-pagination> -->
-      <el-pagination
-        style="margin: 10px 20px 0"
-        class="pagerBox"
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-        :current-page="page"
-        :page-sizes="pageSizeList"
-        :page-size="pageSize"
-        layout="total, sizes, prev, pager, next"
-        :total="Number(total)"
-        background
-      ></el-pagination>
+      <el-pagination style="margin: 10px 20px 0" class="pagerBox" @size-change="handleSizeChange"
+        @current-change="handleCurrentChange" :current-page="page" :page-sizes="pageSizeList" :page-size="pageSize"
+        layout="total, sizes, prev, pager, next" :total="Number(total)" background></el-pagination>
     </div>
 
     <!-- 新增 || 编辑 弹框 -->
-    <el-dialog
-      :modal-append-to-body="false"
-      class="temporaryDialog"
-      :title="temporaryTitle"
-      :visible.sync="temporaryDialog"
-      width="1100px"
-      :close-on-click-modal="false"
-    >
+    <el-dialog :modal-append-to-body="false" class="temporaryDialog" :title="temporaryTitle"
+      :visible.sync="temporaryDialog" width="1100px" :close-on-click-modal="false">
       <div class="dialog_content">
-        <el-form
-          ref="addForm"
-          :rules="rules"
-          :model="addForm"
-          size="small"
-          label-width="100px"
-        >
+        <el-form ref="addForm" :rules="rules" :model="addForm" size="small" label-width="100px">
           <el-row :gutter="24">
             <div class="titleStyle flex">
               <span>{{ $t("message.laborMange.essential") }}</span>
@@ -548,27 +378,14 @@
             <el-col :span="16">
               <el-row :gutter="24">
                 <el-col :span="11">
-                  <el-form-item
-                    :label="$t('message.laborMange.compellation')"
-                    prop="workerName"
-                  >
-                    <el-input
-                      v-model="addForm.workerName"
-                      style="width: 210px"
-                      :disabled="operationType == 'detail'"
-                      :placeholder="$t('message.laborMange.placeholder2')"
-                    ></el-input>
+                  <el-form-item :label="$t('message.laborMange.compellation')" prop="workerName">
+                    <el-input v-model="addForm.workerName" style="width: 210px" :disabled="operationType == 'detail'"
+                      :placeholder="$t('message.laborMange.placeholder2')"></el-input>
                   </el-form-item>
                 </el-col>
                 <el-col :span="11">
-                  <el-form-item
-                    :label="$t('message.laborMange.sex')"
-                    prop="sex"
-                  >
-                    <el-radio-group
-                      v-model="addForm.sex"
-                      :disabled="operationType == 'detail'"
-                    >
+                  <el-form-item :label="$t('message.laborMange.sex')" prop="sex">
+                    <el-radio-group v-model="addForm.sex" :disabled="operationType == 'detail'">
                       <el-radio :label="1">{{
                         $t("message.laborMange.man")
                       }}</el-radio>
@@ -581,122 +398,62 @@
               </el-row>
               <el-row :gutter="24">
                 <el-col :span="11">
-                  <el-form-item
-                    :label="$t('message.laborMange.dateOfBirth')"
-                    prop="birthday"
-                  >
-                    <el-date-picker
-                      :disabled="operationType == 'detail'"
-                      v-model="addForm.birthday"
-                      style="width: 210px"
-                      type="date"
-                      value-format="yyyy-MM-dd"
-                      :placeholder="$t('message.laborMange.pleaseSelectADate')"
-                    ></el-date-picker>
+                  <el-form-item :label="$t('message.laborMange.dateOfBirth')" prop="birthday">
+                    <el-date-picker :disabled="operationType == 'detail'" v-model="addForm.birthday"
+                      style="width: 210px" type="date" value-format="yyyy-MM-dd"
+                      :placeholder="$t('message.laborMange.pleaseSelectADate')"></el-date-picker>
                   </el-form-item>
                 </el-col>
                 <el-col :span="11">
-                  <el-form-item
-                    :label="$t('message.laborMange.IdNumber2')"
-                    prop="idCard"
-                  >
-                    <el-input
-                      :disabled="operationType == 'detail'"
-                      v-model="addForm.idCard"
-                      style="width: 210px"
-                      :placeholder="$t('message.laborMange.placeholder2')"
-                      maxlength="18"
-                    ></el-input>
+                  <el-form-item :label="$t('message.laborMange.IdNumber2')" prop="idCard">
+                    <el-input :disabled="operationType == 'detail'" v-model="addForm.idCard" style="width: 210px"
+                      :placeholder="$t('message.laborMange.placeholder2')" maxlength="18"></el-input>
                   </el-form-item>
                 </el-col>
               </el-row>
               <el-row :gutter="24">
                 <el-col :span="11">
-                  <el-form-item
-                    :label="$t('message.laborMange.nation')"
-                    prop="nation"
-                  >
-                    <el-select
-                      style="width: 210px"
-                      v-model="addForm.nation"
-                      :placeholder="$t('message.laborMange.pleaseChoose')"
-                      :disabled="operationType == 'detail'"
-                    >
-                      <el-option
-                        v-for="item in $t('message.laborMange.nationList')"
-                        :key="item.name"
-                        :label="item.name"
-                        :value="item.name"
-                      ></el-option>
+                  <el-form-item :label="$t('message.laborMange.nation')" prop="nation">
+                    <el-select style="width: 210px" v-model="addForm.nation"
+                      :placeholder="$t('message.laborMange.pleaseChoose')" :disabled="operationType == 'detail'">
+                      <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-col :span="11">
-                  <el-form-item
-                    :label="$t('message.laborMange.nativePlace')"
-                    prop="nativePlace"
-                  >
-                    <el-input
-                      v-model="addForm.nativePlace"
-                      :placeholder="$t('message.laborMange.placeholder2')"
-                      style="width: 210px"
-                      :disabled="operationType == 'detail'"
-                    ></el-input>
+                  <el-form-item :label="$t('message.laborMange.nativePlace')" prop="nativePlace">
+                    <el-input v-model="addForm.nativePlace" :placeholder="$t('message.laborMange.placeholder2')"
+                      style="width: 210px" :disabled="operationType == 'detail'"></el-input>
                   </el-form-item>
                 </el-col>
               </el-row>
               <el-row :gutter="24">
                 <el-col :span="11">
-                  <el-form-item
-                    :label="$t('message.laborMange.issuingAuthority')"
-                    prop="issuingAuthorityForIdcard"
-                  >
-                    <el-input
-                      v-model="addForm.issuingAuthorityForIdcard"
-                      :placeholder="$t('message.laborMange.placeholder2')"
-                      style="width: 210px"
-                      :disabled="operationType == 'detail'"
-                    ></el-input>
+                  <el-form-item :label="$t('message.laborMange.issuingAuthority')" prop="issuingAuthorityForIdcard">
+                    <el-input v-model="addForm.issuingAuthorityForIdcard"
+                      :placeholder="$t('message.laborMange.placeholder2')" style="width: 210px"
+                      :disabled="operationType == 'detail'"></el-input>
                   </el-form-item>
                 </el-col>
                 <el-col :span="11">
-                  <el-form-item
-                    :label="$t('message.laborMange.effectiveDate')"
-                    prop="idCardEndDate"
-                  >
-                    <el-input
-                      v-if="addForm.longTerm == 1"
-                      :value="$t('message.laborMange.longTime')"
-                      :placeholder="$t('message.laborMange.placeholder2')"
-                      style="width: 210px"
-                      :disabled="operationType == 'detail'"
-                    ></el-input>
-                    <el-date-picker
-                      v-else
-                      v-model="addForm.idCardEndDate"
-                      style="width: 210px"
-                      type="date"
-                      value-format="yyyy-MM-dd"
-                      :placeholder="$t('message.laborMange.pleaseSelectADate')"
-                      :disabled="operationType == 'detail'"
-                    ></el-date-picker>
+                  <el-form-item :label="$t('message.laborMange.effectiveDate')" prop="idCardEndDate">
+                    <el-input v-if="addForm.longTerm == 1" :value="$t('message.laborMange.longTime')"
+                      :placeholder="$t('message.laborMange.placeholder2')" style="width: 210px"
+                      :disabled="operationType == 'detail'"></el-input>
+                    <el-date-picker v-else v-model="addForm.idCardEndDate" style="width: 210px" type="date"
+                      value-format="yyyy-MM-dd" :placeholder="$t('message.laborMange.pleaseSelectADate')"
+                      :disabled="operationType == 'detail'"></el-date-picker>
                   </el-form-item>
                 </el-col>
               </el-row>
               <el-row :gutter="24">
                 <el-col :span="11">
-                  <el-form-item
-                    :label="$t('message.laborMange.contactNumber')"
-                    prop="phoneNumber"
-                  >
-                    <el-input
-                      v-model="addForm.phoneNumber"
-                      style="width: 210px"
-                      :placeholder="$t('message.laborMange.placeholder2')"
-                      type="number"
+                  <el-form-item :label="$t('message.laborMange.contactNumber')" prop="phoneNumber">
+                    <el-input v-model="addForm.phoneNumber" style="width: 210px"
+                      :placeholder="$t('message.laborMange.placeholder2')" type="number"
                       oninput="if(value.length>11)value=value.slice(0,11)"
-                      :disabled="operationType == 'detail'"
-                    ></el-input>
+                      :disabled="operationType == 'detail'"></el-input>
                   </el-form-item>
                 </el-col>
                 <el-col :span="11">
@@ -713,64 +470,30 @@
               </el-row>
             </el-col>
             <el-col :span="8" style="margin: 15px 0 30px">
-              <div
-                style="text-align: center; margin: -20px 0 8px 0px"
-                class="flex"
-                v-if="operationType != 'detail'"
-              >
-                <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 style="text-align: center; margin: -20px 0 8px 0px" class="flex" v-if="operationType != 'detail'">
+                <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"
-                style="justify-content: space-around"
-              >
+              <div class="flex5 uploadImage_wrap" style="justify-content: space-around">
                 <div class="position">
-                  <img
-                    :src="$store.state.FILEURL + addForm.idCardBigPhotoUrl"
-                    v-if="addForm.idCardBigPhotoUrl != ''"
+                  <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 != '' &&
-                      operationType != 'detail'
-                    "
-                    @click.stop="addForm.idCardBigPhotoUrl = ''"
-                  />
+                    @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 != '' &&
+                    operationType != 'detail'
+                  " @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"
-                    @click="handlePreview(addForm.fieldAcquisitionUrl)"
-                  />
-                  <img
-                    v-else
-                    :src="defaultImg"
-                    style="width: 100%; height: auto; cursor: pointer"
-                  />
+                  <img :src="$store.state.FILEURL + addForm.fieldAcquisitionUrl"
+                    v-if="addForm.fieldAcquisitionUrl != ''" style="width: 100px; height: 119px; cursor: pointer"
+                    @click="handlePreview(addForm.fieldAcquisitionUrl)" />
+                  <img v-else :src="defaultImg" style="width: 100%; height: auto; cursor: pointer" />
                   <!-- <img
                     src="@/assets/images/shut_icon.png"
                     style="width:15px; height:auto"
@@ -782,22 +505,14 @@
               </div>
               <div class="flex5" style="justify-content: space-around">
                 <span>
-                  <span class="required">*</span
-                  >{{ $t("message.laborMange.IdCardHead") }}
+                  <span class="required">*</span>{{ $t("message.laborMange.IdCardHead") }}
                 </span>
                 <span> <span class="required">*</span>现场采集人脸 </span>
               </div>
               <div class="flex5" v-if="operationType != 'detail'">
-                <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"
-                  :disabled="operationType == 'detail'"
-                >
+                <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" :disabled="operationType == 'detail'">
                   <el-button slot="trigger" size="medium" type="primary">{{
                     $t("message.laborMange.clickOnTheUpload")
                   }}</el-button>
@@ -820,16 +535,9 @@
             </div>
             <el-row :gutter="24">
               <el-col :span="11">
-                <el-form-item
-                  :label="$t('message.laborMange.attendanceNumber')"
-                  prop="attendanceNumber"
-                >
-                  <el-input
-                    v-model="addForm.attendanceNumber"
-                    :placeholder="$t('message.laborMange.placeholder2')"
-                    style="width: 210px"
-                    :disabled="operationType == 'detail'"
-                  ></el-input>
+                <el-form-item :label="$t('message.laborMange.attendanceNumber')" prop="attendanceNumber">
+                  <el-input v-model="addForm.attendanceNumber" :placeholder="$t('message.laborMange.placeholder2')"
+                    style="width: 210px" :disabled="operationType == 'detail'"></el-input>
                 </el-form-item>
               </el-col>
             </el-row>
@@ -837,155 +545,81 @@
         </el-form>
         <!-- style="margin-left:120px" -->
         <div class="dialog-footer" v-if="operationType != 'detail'">
-          <el-button
-            size="medium"
-            icon="el-icon-circle-close"
-            @click="temporaryDialog = 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
-          >
+          <el-button size="medium" icon="el-icon-circle-close" @click="temporaryDialog = 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>
 
     <!-- 查看大图 -->
-    <div
-      v-if="bigImageDialog"
-      class="bigImageDialog"
-      @click="bigImageDialog = false"
-    >
+    <div v-if="bigImageDialog" class="bigImageDialog" @click="bigImageDialog = false">
       <div class="bigImageContent">
         <img width="auto" height="auto" :src="bigImageUrl" alt />
       </div>
     </div>
     <!-- 项目配置弹框 -->
-    <el-dialog
-      :modal-append-to-body="false"
-      :title="$t('message.laborMange.configurationEntryOptions')"
-      :visible.sync="editProjectSettingDialog"
-      width="667px"
-    >
+    <el-dialog :modal-append-to-body="false" :title="$t('message.laborMange.configurationEntryOptions')"
+      :visible.sync="editProjectSettingDialog" width="667px">
       <div class="dialog_content">
         <div class="dialogFormBox">
           <div style="padding-bottom: 20px">
             {{ $t("message.laborMange.qrCodeInputPersonnelNeedToReview") }}
-            <el-radio
-              @change="editProjectSetting"
-              style="margin-left: 20px"
-              v-model="needAudit"
-              :label="1"
-              >{{ $t("message.laborMange.yes") }}</el-radio
-            >
-            <el-radio
-              @change="editProjectSetting"
-              v-model="needAudit"
-              :label="0"
-              >{{ $t("message.laborMange.no") }}</el-radio
-            >
+            <el-radio @change="editProjectSetting" style="margin-left: 20px" v-model="needAudit" :label="1">{{
+              $t("message.laborMange.yes") }}</el-radio>
+            <el-radio @change="editProjectSetting" v-model="needAudit" :label="0">{{ $t("message.laborMange.no")
+            }}</el-radio>
           </div>
         </div>
       </div>
     </el-dialog>
-    <el-dialog
-      :modal-append-to-body="false"
-      :title="$t('message.laborMange.selectThePersonnelToIssueTheBrake')"
-      :visible.sync="configDevDialog"
-      width="667px"
-    >
+    <el-dialog :modal-append-to-body="false" :title="$t('message.laborMange.selectThePersonnelToIssueTheBrake')"
+      :visible.sync="configDevDialog" width="667px">
       <div class="dialog_content">
-        <el-checkbox
-          :indeterminate="isIndeterminate"
-          v-model="checkAll"
-          @change="handleCheckAllChange"
-          >{{ $t("message.laborMange.checkAll") }}</el-checkbox
-        >
+        <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">{{
+          $t("message.laborMange.checkAll") }}</el-checkbox>
         <div style="margin: 15px 0"></div>
 
         <div>
-          <el-checkbox-group
-            v-model="selectCompanyData"
-            @change="handleCheckedCompanyChange"
-          >
+          <el-checkbox-group v-model="selectCompanyData" @change="handleCheckedCompanyChange">
             <!-- v-if="$store.state.userInfo.accountType==5||disabledArr.indexOf(city.id+'')!=-1" -->
-            <el-checkbox
-              v-for="city in allUfaceDev"
-              :label="city.id + ''"
-              :key="city.id"
-              >{{ city.devName }}</el-checkbox
-            >
+            <el-checkbox v-for="city in allUfaceDev" :label="city.id + ''" :key="city.id">{{ city.devName
+            }}</el-checkbox>
           </el-checkbox-group>
         </div>
 
         <div class="dialog-footer">
-          <el-button
-            class="cancleBtn"
-            @click="configDevDialog = false"
-            icon="el-icon-circle-close"
-            size="medium"
-            >{{ $t("message.alarmValueSet.cancel") }}
+          <el-button class="cancleBtn" @click="configDevDialog = false" icon="el-icon-circle-close" size="medium">{{
+            $t("message.alarmValueSet.cancel") }}
           </el-button>
-          <el-button
-            type="primary"
-            icon="el-icon-circle-check"
-            @click="saveDevConfigDataFn"
-            size="medium"
-            >{{ $t("message.alarmValueSet.save") }}
+          <el-button type="primary" icon="el-icon-circle-check" @click="saveDevConfigDataFn" size="medium">{{
+            $t("message.alarmValueSet.save") }}
           </el-button>
         </div>
       </div>
     </el-dialog>
     <!-- 人员录入表单 -->
-    <comboForm
-      :comboFormVisible="comboFormVisible"
-      @closeDialog="comboFormClose"
-    ></comboForm>
+    <comboForm :comboFormVisible="comboFormVisible" @closeDialog="comboFormClose"></comboForm>
     <!-- 下发详情 -->
-    <el-dialog
-      :modal-append-to-body="false"
-      title="下发详情"
-      :close-on-click-modal="false"
-      :visible.sync="issueTeamDialog"
-      width="740px"
-    >
+    <el-dialog :modal-append-to-body="false" title="下发详情" :close-on-click-modal="false" :visible.sync="issueTeamDialog"
+      width="740px">
       <div class="dialog_content">
         <div class="table_wrap whiteBlock">
           <el-table class="tables" :data="issuePointList">
-            <el-table-column
-              type="index"
-              width="50"
-              align="center"
-              :label="$t('message.personnelPosition.beaconManage.table.index')"
-            ></el-table-column>
-            <el-table-column
-              prop="detail"
-              label="任务名称"
-              align="center"
-            ></el-table-column>
+            <el-table-column type="index" width="50" align="center"
+              :label="$t('message.personnelPosition.beaconManage.table.index')"></el-table-column>
+            <el-table-column prop="detail" label="任务名称" align="center"></el-table-column>
             <el-table-column prop="isSuccess" label="执行结果" align="center">
               <template v-slot="{ row }">{{
                 row.isSuccess === 1 ? "成功" : row.isSuccess === 0 ? "失败" : ""
               }}</template>
             </el-table-column>
 
-            <el-table-column
-              :label="
-                $t('message.personnelPosition.beaconManage.table.operation')
-              "
-              align="center"
-              width="150"
-            >
+            <el-table-column :label="$t('message.personnelPosition.beaconManage.table.operation')
+              " align="center" width="150">
               <template v-slot="{ row }">
-                <div
-                  class="operationText"
-                  @click="retryEvent(row.id)"
-                  v-if="row.isSuccess === 0"
-                >
+                <div class="operationText" @click="retryEvent(row.id)" v-if="row.isSuccess === 0">
                   <span style="color: #5381f6">重试</span>
                 </div>
               </template>
@@ -1022,6 +656,25 @@
         </div>
       </div>
     </el-dialog>
+    <el-dialog :modal-append-to-body="false" title="批量人员绑定设备" :visible.sync="batchBindDialog" width="668px">
+      <div class="dialog_content">
+        <el-form ref="batchBindForm" :model="batchBindForm" :rules="batchBindRules" label-width="130px" size="medium">
+          <el-form-item label="人脸设备" prop="typeId">
+            <el-select v-model="batchBindForm.ufaceDevId" multiple collapse-tags filterable placeholder="请选择">
+              <el-option v-for="item in allUfaceDev" :key="item.id" :label="item.devName" :value="item.id">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="dialog-footer">
+        <el-button class="cancleBtn" @click="batchBindDialog = false" icon="el-icon-circle-close" size="medium">{{
+          $t("message.alarmValueSet.cancel") }}
+        </el-button>
+        <el-button type="primary" icon="el-icon-circle-check" @click="onBatchBindSubmit" size="medium">确定
+        </el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 <script>
@@ -1037,6 +690,7 @@ import {
   xmglXzHikvisionSyncRetryAPI,
   getProjectUfaceConfigInfo,
   sendBatchWokerApi,
+  batchBindDevForWorkersApi,
 } from "@/assets/js/api/laborPerson";
 import {
   getProjectConfigListApi,
@@ -1163,30 +817,52 @@ export default {
       whoId: "",
       isIscDevice: false,
       isDangong: false, // 是否是弹弓设备
-      dangongStatusList: [{
-        id: 1,
-        dangongStatusName: "成功"
-      },{
-        id: 2,
-        dangongStatusName: "没有照片"
-      },{
-        id: 3,
-        dangongStatusName: "入库失败"
-      },{
-        id: 4,
-        dangongStatusName: "与 XXX 相似度高"
-      },{
-        id: 5,
-        dangongStatusName: "下载失败"
-      },{
-        id: 6,
-        dangongStatusName: "照片太大"
-      },{
-        id: 7,
-        dangongStatusName: "其他"
-      }], //弹弓设备状态列表
+      dangongStatusList: [
+        {
+          id: 1,
+          dangongStatusName: "成功",
+        },
+        {
+          id: 2,
+          dangongStatusName: "没有照片",
+        },
+        {
+          id: 3,
+          dangongStatusName: "入库失败",
+        },
+        {
+          id: 4,
+          dangongStatusName: "与 XXX 相似度高",
+        },
+        {
+          id: 5,
+          dangongStatusName: "下载失败",
+        },
+        {
+          id: 6,
+          dangongStatusName: "照片太大",
+        },
+        {
+          id: 7,
+          dangongStatusName: "其他",
+        },
+      ], //弹弓设备状态列表
       topicName: "topic",
       userId: "",
+      batchBindDialog: false,
+      batchBindForm: {
+        ufaceDevId: [],
+      },
+      batchBindRules: {
+        ufaceDevId: [
+          {
+            type: "array",
+            required: true,
+            message: "请选择设备",
+            trigger: "change",
+          },
+        ],
+      },
     };
   },
   computed: {
@@ -1232,8 +908,8 @@ export default {
     this.mqttMSG();
   },
   methods: {
-     // 监听mqtt下发信息然后刷新列表
-     mqttMSG() {
+    // 监听mqtt下发信息然后刷新列表
+    mqttMSG() {
       // mqtt连接   +"/#"  +workerId
       client.on("connect", (e) => {
         // console.log('连接成功:', this.topicName + this.userId)
@@ -1271,7 +947,7 @@ export default {
     //   const deleteIds = this.multipleSelection.map((item) => item.id).join(",");
     //   console.log(deleteIds)
     // },
-    
+
     // 批量授权
     onBatchSynchronization() {
       if (this.multipleSelection.length == 0) {
@@ -1282,6 +958,35 @@ export default {
       const ids = this.multipleSelection.map((item) => item.id).join(",");
       this.onBatchSynchronizationDeal(ids);
     },
+    onBatchBinddevice() {
+      if (this.multipleSelection.length == 0) {
+        this.$message.warning("请选择需要批量绑定的数据!");
+        return;
+      }
+      this.batchBindForm.ufaceDevId = [];
+      this.batchBindDialog = true;
+      // const ids = this.multipleSelection.map((item) => item.id).join(",");
+    },
+    onBatchBindSubmit() {
+      this.$refs["batchBindForm"].validate((valid) => {
+        if (valid) {
+          const ids = this.multipleSelection.map((item) => item.id);
+          batchBindDevForWorkersApi({
+            projectSn: this.projectSn,
+            ufaceDevId: this.batchBindForm.ufaceDevId.join(","),
+            workerIdList: ids,
+          }).then((res) => {
+            if (res.code == 200) {
+              this.$message({
+                message: res.message,
+                type: "success",
+              });
+              this.batchBindDialog = false;
+            }
+          });
+        }
+      });
+    },
     onBatchSynchronizationDeal(ids) {
       sendBatchWokerApi({
         projectSn: this.projectSn,
@@ -1323,7 +1028,6 @@ export default {
           if (result.result) {
             this.isIscDevice = result.result.supplierType == 9 ? true : false;
             this.isDangong = result.result.supplierType == 8 ? true : false;
-
           }
         }
       });
@@ -1796,24 +1500,29 @@ export default {
   align-items: center;
   justify-content: space-between;
 }
+
 .flex2 {
   display: flex;
   align-items: center;
   justify-content: space-around;
 }
+
 .flex3 {
   display: flex;
   align-items: center;
 }
+
 .flex4 {
   display: flex;
   justify-content: space-between;
 }
+
 .flex5 {
   display: flex;
   align-items: center;
   justify-content: center;
 }
+
 .temporary {
   width: 100%;
   height: 100%;
@@ -1827,12 +1536,14 @@ export default {
     display: flex;
     flex-direction: column;
   }
+
   .title_wrap {
     width: 100%;
     box-sizing: border-box;
     padding: 0 20px;
     border-bottom: 2px solid @borderColor;
   }
+
   .titleStyle {
     width: 100%;
     font-size: 14px;
@@ -1842,14 +1553,18 @@ export default {
     padding: 10px 15px;
     box-sizing: border-box;
   }
+
   .el-button--small {
     height: 32px;
   }
+
   .uploadImage_wrap {
     margin: 10px 0 0 0;
+
     .position {
       position: relative;
     }
+
     .shut_icon {
       position: absolute;
       top: -11px;
@@ -1859,15 +1574,18 @@ export default {
       cursor: pointer;
     }
   }
+
   .required {
     color: #f56c6c;
   }
+
   .workerName {
     color: #5181f6;
     font-size: 18px;
     margin-bottom: 10px;
     cursor: pointer;
   }
+
   .bigImageDialog {
     position: fixed;
     top: 0;
@@ -1880,11 +1598,13 @@ export default {
     overflow-y: auto;
     // padding-bottom: 50px;
     height: 100%;
+
     .bigImageContent {
       height: 100%;
       margin: 0 auto;
       text-align: center;
     }
+
     img {
       // margin-top: 10%;
       position: relative;
@@ -1894,6 +1614,7 @@ export default {
     }
   }
 }
+
 .valuesColor {
   color: #fff;
   padding: 3px;
@@ -1902,9 +1623,11 @@ export default {
 .yellow {
   background-color: #fbe000;
 }
+
 .green {
   background-color: #72cb40;
 }
+
 .red {
   background-color: #ec373e;
 }
@@ -1913,9 +1636,11 @@ export default {
   .el-table .yellow2 {
     background-color: #fffce6;
   }
+
   .el-table .green2 {
     background-color: #f1faec;
   }
+
   .el-table .red2 {
     background-color: #feebed;
   }
@@ -1923,6 +1648,7 @@ export default {
   .dialog-footer {
     margin-top: 20px;
   }
+
   .pagerBox {
     margin-top: 0;
   }