From 4a800a8fc83c6bd1f86a8e847b079a51a7532c09 Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@smartai.com>
Date: 星期三, 20 七月 2022 15:05:58 +0800
Subject: [PATCH] 修复国标配置的bug

---
 src/pages/library/components/personList.vue |  988 ++++++++++++++++++++++++++++++++++++++-------------------
 1 files changed, 661 insertions(+), 327 deletions(-)

diff --git a/src/pages/library/components/personList.vue b/src/pages/library/components/personList.vue
index da1f4d0..4048acb 100644
--- a/src/pages/library/components/personList.vue
+++ b/src/pages/library/components/personList.vue
@@ -4,16 +4,23 @@
       <div class="base-tip">
         <div class="left-tips">
           <span class="ku-name">{{ this.baseObject.tableName }}</span>
-          <span class="list" :class="this.baseObject.bwType === '1' ? 'black-list' : 'white-list'">{{
-            this.baseObject.bwType === "1" ? "榛戝悕鍗�" : "鐧藉悕鍗�"
-          }}</span>
+          <span
+            class="list"
+            :class="
+              this.baseObject.bwType === '1' ? 'black-list' : 'white-list'
+            "
+            >{{ this.baseObject.bwType === "1" ? "榛戝悕鍗�" : "鐧藉悕鍗�" }}</span
+          >
           <span class="ok-time"
             >鏈夋晥鏃堕棿锛歿{ this.baseObject.startTime }} --
-            {{ this.baseObject.endTime ? this.baseObject.endTime : "姘镐箙鏈夋晥" }}</span
+            {{
+              this.baseObject.endTime ? this.baseObject.endTime : "姘镐箙鏈夋晥"
+            }}</span
           >
         </div>
 
         <div class="right-btns">
+          <span style="margin-right: 2px">搴曞簱鐘舵�侊紙鐢熸晥/澶辨晥锛�</span>
           <el-switch
             :active-value="1"
             :width="52"
@@ -37,7 +44,11 @@
           </el-tooltip>
 
           <el-tooltip content="缂栬緫" placement="top" popper-class="atooltip">
-            <span class="iconfont iconfont-wrap iconbianjiku-09" @click.stop="edit" v-if="isShow('library:set')"></span>
+            <span
+              class="iconfont iconfont-wrap iconbianjiku-09"
+              @click.stop="edit"
+              v-if="isShow('library:set')"
+            ></span>
           </el-tooltip>
         </div>
       </div>
@@ -60,8 +71,14 @@
           >
             <upload-icon slot="suffix"></upload-icon>
           </el-input>
-          <el-button size="small" type="primary" @click="handleSearch">鎼滅储</el-button>
-          <el-tooltip content="鎵归噺鍒犻櫎" placement="top" popper-class="atooltip">
+          <el-button size="small" type="primary" @click="handleSearch"
+            >鎼滅储</el-button
+          >
+          <el-tooltip
+            content="鎵归噺鍒犻櫎"
+            placement="top"
+            popper-class="atooltip"
+          >
             <span
               class="iconfont iconfont-wrap iconpiliangshanchu-09"
               @click="askDelete('batch')"
@@ -69,7 +86,11 @@
             ></span>
           </el-tooltip>
 
-          <el-tooltip content="涓婁紶鐓х墖" placement="top" popper-class="atooltip">
+          <el-tooltip
+            content="涓婁紶鐓х墖"
+            placement="top"
+            popper-class="atooltip"
+          >
             <UploadBtn
               limitTypes=".jpg,.png,.jpeg"
               limitSize
@@ -102,7 +123,7 @@
           background: '#fff',
           color: '#222222',
           padding: '2px 1px',
-          borderBottom: 'none'
+          borderBottom: 'none',
         }"
       >
         <el-table-column type="selection" width="40"></el-table-column>
@@ -113,7 +134,9 @@
               style="width: 84px; height: 84px; object-fit: contain"
               alt
             />
-            <p class="text-center fb f16" v-show="haveScore(scope.row)">{{ scope.row.compareScore }}%</p>
+            <p class="text-center fb f16" v-show="haveScore(scope.row)">
+              {{ scope.row.compareScore }}%
+            </p>
           </template>
         </el-table-column>
         <el-table-column label="鐢熸晥鐘舵��" min-width="70">
@@ -129,8 +152,19 @@
             ></el-switch>
           </template>
         </el-table-column>
-        <el-table-column prop="personName" label="濮撳悕" min-width="70" show-overflow-tooltip sortable></el-table-column>
-        <el-table-column prop="sex" label="鎬у埆" min-width="60" sortable></el-table-column>
+        <el-table-column
+          prop="personName"
+          label="濮撳悕"
+          min-width="70"
+          show-overflow-tooltip
+          sortable
+        ></el-table-column>
+        <el-table-column
+          prop="sex"
+          label="鎬у埆"
+          min-width="60"
+          sortable
+        ></el-table-column>
         <el-table-column
           prop="idCard"
           label="韬唤璇佸彿"
@@ -145,7 +179,11 @@
           show-overflow-tooltip
           sortable
         ></el-table-column>
-        <el-table-column prop="monitorLevel" label="绛夌骇" min-width="50"></el-table-column>
+        <el-table-column
+          prop="monitorLevel"
+          label="绛夌骇"
+          min-width="50"
+        ></el-table-column>
         <el-table-column
           prop="createTime"
           label="鍏ュ簱鏃堕棿"
@@ -156,7 +194,11 @@
         <el-table-column label="鎿嶄綔" min-width="130">
           <template slot-scope="scope">
             <fTemplate authority="library:set">
-              <el-tooltip content="缂栬緫" placement="top" popper-class="atooltip">
+              <el-tooltip
+                content="缂栬緫"
+                placement="top"
+                popper-class="atooltip"
+              >
                 <span
                   class="iconfont iconbianjixinxi-09"
                   style="font-size: 24px; cursor: pointer"
@@ -164,26 +206,67 @@
                 ></span>
               </el-tooltip>
             </fTemplate>
-            <el-popover placement="top" trigger="click" popper-class="popper-caozuo">
-              <el-tooltip content="鏌ユ壘姝や汉" placement="top" popper-class="atooltip">
-                <span class="iconfont iconchazhaociren-09" @click="tosearch(scope.row)"></span>
+            <el-popover
+              placement="top"
+              trigger="click"
+              popper-class="popper-caozuo"
+            >
+              <el-tooltip
+                content="鏌ユ壘姝や汉"
+                placement="top"
+                popper-class="atooltip"
+              >
+                <span
+                  class="iconfont iconchazhaociren-09"
+                  @click="tosearch(scope.row)"
+                ></span>
               </el-tooltip>
-              <el-tooltip content="鏌ョ湅璇︽儏" placement="top" popper-class="atooltip">
-                <span class="iconfont iconchakanxiangqing-09" @click="showDetail(scope.row)"></span>
+              <el-tooltip
+                content="鏌ョ湅璇︽儏"
+                placement="top"
+                popper-class="atooltip"
+              >
+                <span
+                  class="iconfont iconchakanxiangqing-09"
+                  @click="showDetail(scope.row)"
+                ></span>
               </el-tooltip>
               <fTemplate authority="library:set">
-                <el-tooltip content="澶嶅埗" placement="top" popper-class="atooltip">
-                  <span class="iconfont iconfuzhi-09" title="澶嶅埗" @click="copyClick(scope.row)"></span>
+                <el-tooltip
+                  content="澶嶅埗"
+                  placement="top"
+                  popper-class="atooltip"
+                >
+                  <span
+                    class="iconfont iconfuzhi-09"
+                    title="澶嶅埗"
+                    @click="copyClick(scope.row)"
+                  ></span>
                 </el-tooltip>
               </fTemplate>
               <fTemplate authority="library:set">
-                <el-tooltip content="绉诲姩" placement="top" popper-class="atooltip">
-                  <span class="iconfont iconyidong-09" title="绉诲姩" @click="moveClick(scope.row)"></span>
+                <el-tooltip
+                  content="绉诲姩"
+                  placement="top"
+                  popper-class="atooltip"
+                >
+                  <span
+                    class="iconfont iconyidong-09"
+                    title="绉诲姩"
+                    @click="moveClick(scope.row)"
+                  ></span>
                 </el-tooltip>
               </fTemplate>
               <fTemplate authority="library:set" class="del-wrap">
-                <el-tooltip content="鍒犻櫎" placement="top" popper-class="atooltip">
-                  <span class="iconfont iconshanchu-09" @click="askDelete('single', scope.row.id)"></span>
+                <el-tooltip
+                  content="鍒犻櫎"
+                  placement="top"
+                  popper-class="atooltip"
+                >
+                  <span
+                    class="iconfont iconshanchu-09"
+                    @click="askDelete('single', scope.row.id)"
+                  ></span>
                 </el-tooltip>
               </fTemplate>
               <span
@@ -206,7 +289,12 @@
         :total="BaseManageData.total"
       ></el-pagination>
     </div>
-    <el-dialog title="鎶撴媿璇︽儏" :visible.sync="cameraDetailVisible" okText="纭畾" custom-class="zhuapai-dialog">
+    <el-dialog
+      title="鎶撴媿璇︽儏"
+      :visible.sync="cameraDetailVisible"
+      okText="纭畾"
+      custom-class="zhuapai-dialog"
+    >
       <div class="member-info">
         <label class>
           <img src="/images/library/涓汉淇℃伅.png" alt="" srcset="" />
@@ -254,9 +342,13 @@
           ></el-date-picker>
         </div>
 
-        <el-button size="mini" type="primary" @click="postCameraData">鏌ヨ</el-button>
+        <el-button size="mini" type="primary" @click="postCameraData"
+          >鏌ヨ</el-button
+        >
       </div>
-      <p style="text-align: right; font-size: 14px; color: #5f5f5f">鍏眥{ faceDataCount }}鏉℃暟鎹�</p>
+      <p style="text-align: right; font-size: 14px; color: #5f5f5f">
+        鍏眥{ faceDataCount }}鏉℃暟鎹�
+      </p>
 
       <el-table
         :data="cameraDetailData"
@@ -267,10 +359,15 @@
           background: '#fff',
           color: '#222222',
           padding: '2px 1px',
-          borderBottom: 'none'
+          borderBottom: 'none',
         }"
       >
-        <el-table-column prop="faceImg" label="鎶撴媿瀹炴櫙" width="160" align="center">
+        <el-table-column
+          prop="faceImg"
+          label="鎶撴媿瀹炴櫙"
+          width="160"
+          align="center"
+        >
           <template slot-scope="scope">
             <div>
               <img
@@ -287,10 +384,28 @@
             </div>
           </template>
         </el-table-column>
-        <el-table-column prop="cameraName" label="鎽勫儚鏈哄悕绉�" width="100" align="center"></el-table-column>
-        <el-table-column prop="startTime" label="寮�濮嬫椂闂�" align="center"></el-table-column>
-        <el-table-column prop="endTime" label="缁撴潫鏃堕棿" align="center"></el-table-column>
-        <el-table-column prop="stayTime" label="鍋滅暀鏃堕暱" width="99" align="center">
+        <el-table-column
+          prop="cameraName"
+          label="鎽勫儚鏈哄悕绉�"
+          width="100"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="startTime"
+          label="寮�濮嬫椂闂�"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="endTime"
+          label="缁撴潫鏃堕棿"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="stayTime"
+          label="鍋滅暀鏃堕暱"
+          width="99"
+          align="center"
+        >
           <template slot-scope="scope">
             <span>{{ scope.row.stayTime }} 绉�</span>
           </template>
@@ -298,11 +413,21 @@
       </el-table>
 
       <div class="bot-btn">
-        <el-button size="mini" type="primary" @click="cameraDetailVisible = false">鍏抽棴</el-button>
+        <el-button
+          size="mini"
+          type="primary"
+          @click="cameraDetailVisible = false"
+          >鍏抽棴</el-button
+        >
       </div>
     </el-dialog>
     <el-drawer title="淇敼淇℃伅" :modal="false" :visible.sync="showInfoDrawer">
-      <el-form ref="formForEdit" :model="inputPersonForm" label-width="100px" :rules="rules">
+      <el-form
+        ref="formForEdit"
+        :model="inputPersonForm"
+        label-width="100px"
+        :rules="rules"
+      >
         <div class="flex-center mb10">
           <el-upload
             class="avatar-uploader"
@@ -314,7 +439,11 @@
             :on-error="uploadError"
           >
             <div class="mask1">
-              <div slot="trigger" class="flex-center" style="position: absolute; top: 70px">
+              <div
+                slot="trigger"
+                class="flex-center"
+                style="position: absolute; top: 70px"
+              >
                 <p
                   style="
                     background: rgba(0, 0, 0, 0.35);
@@ -345,27 +474,48 @@
         <el-row>
           <el-col :span="20">
             <el-form-item label="ID" style="width: 100%; margin-bottom: 20px">
-              <el-input size="small" v-model="inputPersonForm.id" disabled placeholder="璇疯緭鍏�"></el-input>
+              <el-input
+                size="small"
+                v-model="inputPersonForm.id"
+                disabled
+                placeholder="璇疯緭鍏�"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="20">
-            <el-form-item label="鐓х墖鏍囪瘑" prop="picDesc" style="width: 100%; margin-bottom: 20px">
-              <el-input size="small" v-model="inputPersonForm.picDesc" placeholder="璇疯緭鍏�"></el-input>
+            <el-form-item
+              label="鐓х墖鏍囪瘑"
+              prop="picDesc"
+              style="width: 100%; margin-bottom: 20px"
+            >
+              <el-input
+                size="small"
+                v-model="inputPersonForm.picDesc"
+                placeholder="璇疯緭鍏�"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="20">
             <el-form-item label="濮撳悕" style="width: 100%; margin-bottom: 20px">
-              <el-input size="small" v-model="inputPersonForm.personName" placeholder="璇疯緭鍏�"></el-input>
+              <el-input
+                size="small"
+                v-model="inputPersonForm.personName"
+                placeholder="璇疯緭鍏�"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="20">
-            <el-form-item label="鎬у埆" prop="sex" style="width: 100%; margin-bottom: 20px; text-align: left">
+            <el-form-item
+              label="鎬у埆"
+              prop="sex"
+              style="width: 100%; margin-bottom: 20px; text-align: left"
+            >
               <el-radio-group v-model="inputPersonForm.sex" class="mt10">
                 <el-radio label="鐢�"></el-radio>
                 <el-radio label="濂�"></el-radio>
@@ -375,22 +525,47 @@
         </el-row>
         <el-row>
           <el-col :span="20">
-            <el-form-item label="韬唤璇佸彿" prop="idCard" style="width: 100%; margin-bottom: 20px">
-              <el-input size="small" v-model="inputPersonForm.idCard" placeholder="璇疯緭鍏�"></el-input>
+            <el-form-item
+              label="韬唤璇佸彿"
+              prop="idCard"
+              style="width: 100%; margin-bottom: 20px"
+            >
+              <el-input
+                size="small"
+                v-model="inputPersonForm.idCard"
+                placeholder="璇疯緭鍏�"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="20">
-            <el-form-item label="鎵嬫満鍙�" prop="phoneNum" style="width: 100%; margin-bottom: 20px">
-              <el-input size="small" v-model="inputPersonForm.phoneNum" placeholder="璇疯緭鍏�"></el-input>
+            <el-form-item
+              label="鎵嬫満鍙�"
+              prop="phoneNum"
+              style="width: 100%; margin-bottom: 20px"
+            >
+              <el-input
+                size="small"
+                v-model="inputPersonForm.phoneNum"
+                placeholder="璇疯緭鍏�"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="20">
-            <el-form-item label="浜哄憳绛夌骇" prop="monitorLevel" style="width: 100%; margin-bottom: 20px">
-              <el-select size="small" v-model="inputPersonForm.monitorLevel" placeholder="璇烽�夋嫨" style="width: 100%">
+            <el-form-item
+              label="浜哄憳绛夌骇"
+              prop="monitorLevel"
+              style="width: 100%; margin-bottom: 20px"
+            >
+              <el-select
+                size="small"
+                v-model="inputPersonForm.monitorLevel"
+                placeholder="璇烽�夋嫨"
+                style="width: 100%"
+              >
                 <el-option
                   v-for="item in VideoPhotoData.dictionary.MONITORLEVEL"
                   :key="item.value"
@@ -403,33 +578,64 @@
         </el-row>
         <el-row>
           <el-col :span="20">
-            <el-form-item label="鍏ュ簱浣嶇疆" style="width: 100%; margin-bottom: 20px">
-              <el-input size="small" v-model="inputPersonForm.fromServerId" disabled></el-input>
+            <el-form-item
+              label="鍏ュ簱浣嶇疆"
+              style="width: 100%; margin-bottom: 20px"
+            >
+              <el-input
+                size="small"
+                v-model="inputPersonForm.fromServerId"
+                disabled
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="20">
-            <el-form-item label="鍏ュ簱鏃堕棿" style="width: 100%; margin-bottom: 20px">
-              <el-input size="small" v-model="inputPersonForm.createTime" disabled></el-input>
+            <el-form-item
+              label="鍏ュ簱鏃堕棿"
+              style="width: 100%; margin-bottom: 20px"
+            >
+              <el-input
+                size="small"
+                v-model="inputPersonForm.createTime"
+                disabled
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="20">
             <el-form-item label="鍏朵粬" style="width: 100%; margin-bottom: 20px">
-              <el-input size="small" v-model="inputPersonForm.reserved" placeholder="璇疯緭鍏�"></el-input>
+              <el-input
+                size="small"
+                v-model="inputPersonForm.reserved"
+                placeholder="璇疯緭鍏�"
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
       </el-form>
       <div class="dialog-footer">
         <!-- {{BaseManageData.personList[1].idCard}} -->
-        <el-button size="small" class="cancel-btn" @click="handleClose" type="info">鍙栨秷</el-button>
-        <el-button size="small" class="sure-btn" type="primary" @click="submit">纭畾</el-button>
+        <el-button
+          size="small"
+          class="cancel-btn"
+          @click="handleClose"
+          type="info"
+          >鍙栨秷</el-button
+        >
+        <el-button size="small" class="sure-btn" type="primary" @click="submit"
+          >纭畾</el-button
+        >
       </div>
     </el-drawer>
-    <el-dialog :visible.sync="dialogVisible" :close="getPersonList" :center="true" custom-class="suc-dialog">
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :close="getPersonList"
+      :center="true"
+      custom-class="suc-dialog"
+    >
       <div>
         <div class="suc-icon">
           <i class="iconfont iconduigou3"></i>
@@ -440,31 +646,53 @@
         </div>
         <div class="flex-box mt10">
           <span>涓婁紶澶辫触鐨勬暟閲忥細{{ uploadResult.failList.length }}</span>
-          <div class="ml20" v-for="(i, index) in uploadResult.failList" :key="index">
+          <div
+            class="ml20"
+            v-for="(i, index) in uploadResult.failList"
+            :key="index"
+          >
             {{ i }}
           </div>
         </div>
         <div class="flex-box mt10">
-          <span>鍖呭惈澶氬紶浜鸿劯鐨勫浘鐗囨暟閲忥細{{ uploadResult.multiFaceList.length }}</span>
-          <div class="ml20" v-for="(i, index) in uploadResult.multiFaceList" :key="index">
+          <span
+            >鍖呭惈澶氬紶浜鸿劯鐨勫浘鐗囨暟閲忥細{{
+              uploadResult.multiFaceList.length
+            }}</span
+          >
+          <div
+            class="ml20"
+            v-for="(i, index) in uploadResult.multiFaceList"
+            :key="index"
+          >
             {{ i }}
           </div>
         </div>
         <div class="flex-box mt10">
           <span>涓嶅惈浜鸿劯鐨勫浘鐗囨暟閲忥細{{ uploadResult.noFaceList.length }}</span>
-          <div class="ml20" v-for="(i, index) in uploadResult.noFaceList" :key="index">
+          <div
+            class="ml20"
+            v-for="(i, index) in uploadResult.noFaceList"
+            :key="index"
+          >
             {{ i }}
           </div>
         </div>
       </div>
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible = false">鍙� 娑�</el-button>
-        <el-button type="primary" @click="dialogVisible = false">纭� 瀹�</el-button>
+        <el-button type="primary" @click="dialogVisible = false"
+          >纭� 瀹�</el-button
+        >
       </span>
     </el-dialog>
 
     <!-- 纭鍒犻櫎瀵硅瘽妗� -->
-    <el-dialog :visible.sync="askDeleteShow" :center="true" custom-class="del-dialog">
+    <el-dialog
+      :visible.sync="askDeleteShow"
+      :center="true"
+      custom-class="del-dialog"
+    >
       <div>
         <div class="suc-icon">
           <i class="iconfont icongantanhao1"></i>
@@ -476,27 +704,45 @@
       </div>
       <span slot="footer" class="dialog-footer">
         <el-button @click="askDeleteShow = false">鍙� 娑�</el-button>
-        <el-button type="primary" @click="handleDel" :loading="delBtnLoading">纭� 瀹�</el-button>
+        <el-button type="primary" @click="handleDel" :loading="delBtnLoading"
+          >纭� 瀹�</el-button
+        >
       </span>
     </el-dialog>
 
-    <el-dialog title="澶嶅埗鍒�" :visible.sync="copyVisiabled" okText="淇濆瓨" custom-class="copy-dialog" cancelText="鍙栨秷">
+    <el-dialog
+      title="澶嶅埗鍒�"
+      :visible.sync="copyVisiabled"
+      okText="淇濆瓨"
+      custom-class="copy-dialog"
+      cancelText="鍙栨秷"
+    >
       <div class="addToBase1">
         <div class="items" v-if="baseObject.bwType === '1'">
           <div class="lable">
             <p>榛戝悕鍗�</p>
           </div>
           <div class="baseList">
-            <el-checkbox-group v-model="BaseManageData.selectBlacks" @change="blackAngWhite">
+            <el-checkbox-group
+              v-model="BaseManageData.selectBlacks"
+              @change="blackAngWhite"
+            >
               <div
                 class="base"
                 v-for="(item, index) in BaseManageData.blackList"
                 :key="index"
-                :class="BaseManageData.selectBlacks.includes(item.value) ? 'white-wrap' : ''"
+                :class="
+                  BaseManageData.selectBlacks.includes(item.value)
+                    ? 'white-wrap'
+                    : ''
+                "
               >
-                <el-checkbox :label="item.value" :title="item.title" :disabled="item.disabled">{{
-                  item.title
-                }}</el-checkbox>
+                <el-checkbox
+                  :label="item.value"
+                  :title="item.title"
+                  :disabled="item.disabled"
+                  >{{ item.title }}</el-checkbox
+                >
               </div>
             </el-checkbox-group>
           </div>
@@ -506,16 +752,26 @@
             <p>鐧藉悕鍗�</p>
           </div>
           <div class="baseList">
-            <el-checkbox-group v-model="BaseManageData.selectWhites" @change="blackAngWhite">
+            <el-checkbox-group
+              v-model="BaseManageData.selectWhites"
+              @change="blackAngWhite"
+            >
               <div
                 class="base"
-                :class="BaseManageData.selectWhites.includes(item.value) ? 'white-wrap' : ''"
+                :class="
+                  BaseManageData.selectWhites.includes(item.value)
+                    ? 'white-wrap'
+                    : ''
+                "
                 v-for="(item, index) in BaseManageData.whiteList"
                 :key="index"
               >
-                <el-checkbox :label="item.value" :title="item.title" :disabled="item.disabled">{{
-                  item.title
-                }}</el-checkbox>
+                <el-checkbox
+                  :label="item.value"
+                  :title="item.title"
+                  :disabled="item.disabled"
+                  >{{ item.title }}</el-checkbox
+                >
               </div>
             </el-checkbox-group>
           </div>
@@ -523,27 +779,46 @@
       </div>
       <div slot="footer" class="dialog-footer">
         <el-button size="small" @click="copyClose" type="info">鍙� 娑�</el-button>
-        <el-button size="small" type="primary" @click="copySubmit()">纭� 瀹�</el-button>
+        <el-button size="small" type="primary" @click="copySubmit()"
+          >纭� 瀹�</el-button
+        >
       </div>
     </el-dialog>
 
-    <el-dialog title="绉诲姩鑷�" :visible.sync="moveVisiabled" okText="淇濆瓨" custom-class="copy-dialog" cancelText="鍙栨秷">
+    <el-dialog
+      title="绉诲姩鑷�"
+      :visible.sync="moveVisiabled"
+      okText="淇濆瓨"
+      custom-class="copy-dialog"
+      cancelText="鍙栨秷"
+    >
       <div class="addToBase1">
         <div class="items">
           <div class="lable">
             <p>榛戝悕鍗�</p>
           </div>
           <div class="baseList">
-            <el-checkbox-group v-model="BaseManageData.selectBlacks" @change="blackAngWhite" :max="1">
+            <el-checkbox-group
+              v-model="BaseManageData.selectBlacks"
+              @change="blackAngWhite"
+              :max="1"
+            >
               <div
                 class="base"
                 v-for="(item, index) in BaseManageData.blackList"
                 :key="index"
-                :class="BaseManageData.selectBlacks.includes(item.value) ? 'white-wrap' : ''"
+                :class="
+                  BaseManageData.selectBlacks.includes(item.value)
+                    ? 'white-wrap'
+                    : ''
+                "
               >
-                <el-checkbox :label="item.value" :title="item.title" :disabled="item.disabled">{{
-                  item.title
-                }}</el-checkbox>
+                <el-checkbox
+                  :label="item.value"
+                  :title="item.title"
+                  :disabled="item.disabled"
+                  >{{ item.title }}</el-checkbox
+                >
               </div>
             </el-checkbox-group>
           </div>
@@ -553,16 +828,27 @@
             <p>鐧藉悕鍗�</p>
           </div>
           <div class="baseList">
-            <el-checkbox-group v-model="BaseManageData.selectWhites" @change="blackAngWhite" :max="1">
+            <el-checkbox-group
+              v-model="BaseManageData.selectWhites"
+              @change="blackAngWhite"
+              :max="1"
+            >
               <div
                 class="base"
                 v-for="(item, index) in BaseManageData.whiteList"
                 :key="index"
-                :class="BaseManageData.selectWhites.includes(item.value) ? 'white-wrap' : ''"
+                :class="
+                  BaseManageData.selectWhites.includes(item.value)
+                    ? 'white-wrap'
+                    : ''
+                "
               >
-                <el-checkbox :label="item.value" :title="item.title" :disabled="item.disabled">{{
-                  item.title
-                }}</el-checkbox>
+                <el-checkbox
+                  :label="item.value"
+                  :title="item.title"
+                  :disabled="item.disabled"
+                  >{{ item.title }}</el-checkbox
+                >
               </div>
             </el-checkbox-group>
           </div>
@@ -570,7 +856,9 @@
       </div>
       <div slot="footer" class="dialog-footer">
         <el-button size="small" @click="moveClose" type="info">鍙� 娑�</el-button>
-        <el-button size="small" type="primary" @click="moveSubmit()">纭� 瀹�</el-button>
+        <el-button size="small" type="primary" @click="moveSubmit()"
+          >纭� 瀹�</el-button
+        >
       </div>
     </el-dialog>
   </div>
@@ -581,28 +869,27 @@
   deleteBasePersons,
   updateDbTableStatus,
   deleteDbPersonById,
-  deleteDBtablesById
-} from "@/api/baseLibrary"
-import { getCameraFaceData } from "@/api/es"
-// import { checkIDCard } from "@/api/utils";
-import { isIDCard } from "../../../scripts/validate"
+  deleteDBtablesById,
+} from "@/api/baseLibrary";
+import { getCameraFaceData } from "@/api/es";
+import { isIDCard } from "../../../scripts/validate";
 
-import axios from "axios"
-import UploadBtn from "./upload"
-import fTemplate from "@/components/fTemplate"
-import UploadIcon from "@/components/searching/UploadIcon.vue"
+import axios from "axios";
+import UploadBtn from "./upload";
+import fTemplate from "@/components/fTemplate";
+import UploadIcon from "@/components/searching/UploadIcon.vue";
 function isPhone(rule, value, callback) {
   if (!value) {
-    return callback()
+    return callback();
   } else if (value.trim()) {
-    var pattern = /^1[345789]\d{9}$/
+    var pattern = /^1[345789]\d{9}$/;
     if (pattern.test(value)) {
-      return callback()
+      return callback();
     }
-    return callback(new Error("杈撳叆鐨勬墜鏈哄彿閿欒"))
+    return callback(new Error("杈撳叆鐨勬墜鏈哄彿閿欒"));
   }
 }
-Date.prototype.Format = function(fmt) {
+Date.prototype.Format = function (fmt) {
   var o = {
     "M+": this.getMonth() + 1, //鏈堜唤
     "d+": this.getDate(), //鏃�
@@ -610,59 +897,72 @@
     "m+": this.getMinutes(), //鍒�
     "s+": this.getSeconds(), //绉�
     "q+": Math.floor((this.getMonth() + 3) / 3), //瀛e害
-    S: this.getMilliseconds() //姣
-  }
-  if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length))
+    S: this.getMilliseconds(), //姣
+  };
+  if (/(y+)/.test(fmt))
+    fmt = fmt.replace(
+      RegExp.$1,
+      (this.getFullYear() + "").substr(4 - RegExp.$1.length)
+    );
   for (var k in o)
     if (new RegExp("(" + k + ")").test(fmt))
-      fmt = fmt.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length))
-  return fmt
-}
+      fmt = fmt.replace(
+        RegExp.$1,
+        RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length)
+      );
+  return fmt;
+};
 
 export default {
   components: {
     UploadBtn,
     fTemplate,
-    UploadIcon
+    UploadIcon,
   },
   props: {
     baseObject: {
       default: () => {},
-      type: Object
+      type: Object,
     },
     syncType: {
-      type: String
-    }
+      type: String,
+    },
   },
   computed: {
     isAdmin() {
-      if (sessionStorage.getItem("userInfo") && sessionStorage.getItem("userInfo") !== "") {
-        let loginName = JSON.parse(sessionStorage.getItem("userInfo")).username
-        return loginName === "superadmin" || loginName === "basic"
+      if (
+        sessionStorage.getItem("userInfo") &&
+        sessionStorage.getItem("userInfo") !== ""
+      ) {
+        let loginName = JSON.parse(sessionStorage.getItem("userInfo")).username;
+        return loginName === "superadmin" || loginName === "basic";
       }
-      return false
+      return false;
     },
     delText() {
       switch (this.delType) {
         case "base":
-          return ["鍒犻櫎搴曞簱", "纭畾鍒犻櫎璇ュ簳搴擄紵"]
+          return ["鍒犻櫎搴曞簱", "纭畾鍒犻櫎璇ュ簳搴擄紵"];
         case "single":
-          return ["鍒犻櫎浜哄憳", "纭畾鍒犻櫎璇ュ簳搴撲汉鍛橈紵"]
+          return ["鍒犻櫎浜哄憳", "纭畾鍒犻櫎璇ュ簳搴撲汉鍛橈紵"];
         case "batch":
-          return ["鎵归噺鍒犻櫎", "纭畾鍒犻櫎璇ュ簳搴撻�変腑浜哄憳锛�"]
+          return ["鎵归噺鍒犻櫎", "纭畾鍒犻櫎璇ュ簳搴撻�変腑浜哄憳锛�"];
         default:
-          return ["", ""]
+          return ["", ""];
       }
-    }
+    },
   },
   data() {
     return {
-      timeRange: [new Date(2020, 7, 25, 8), new Date(new Date().setHours(23, 59, 59))],
+      timeRange: [
+        new Date(2020, 7, 25, 8),
+        new Date(new Date().setHours(23, 59, 59)),
+      ],
       memberInfo: {
         personName: "",
         sex: "",
         idCard: "",
-        reserved: ""
+        reserved: "",
       },
       askDeleteShow: false,
       toDeleteId: "",
@@ -670,7 +970,7 @@
         startTime: new Date(2020, 7, 25, 8).Format("yyyy-MM-dd HH:mm:ss"),
         endTime: new Date().Format("yyyy-MM-dd HH:mm:ss"),
         thresholdTime: 10,
-        faceId: []
+        faceId: [],
       },
       cameraDetailData: [],
       cameraDetailVisible: false,
@@ -690,11 +990,15 @@
       selectedRowKeys: [],
       inputPersonForm: {},
       rules: {
-        picDesc: [{ required: true, message: "璇疯緭鍏ョ収鐗囨爣璇�", trigger: "change" }],
+        picDesc: [
+          { required: true, message: "璇疯緭鍏ョ収鐗囨爣璇�", trigger: "change" },
+        ],
         sex: [{ required: true, message: "璇峰嬀閫夋�у埆", trigger: "change" }],
         idCard: [{ validator: isIDCard, trigger: "blur" }],
         phoneNum: [{ validator: isPhone, trigger: "blur" }],
-        monitorLevel: [{ required: true, message: "璇烽�夋嫨浜哄憳绛夌骇", trigger: "change" }]
+        monitorLevel: [
+          { required: true, message: "璇烽�夋嫨浜哄憳绛夌骇", trigger: "change" },
+        ],
       },
       tableData: [],
       oldWidth: "",
@@ -708,55 +1012,57 @@
         failList: [],
         successList: [],
         multiFaceList: [],
-        noFaceList: []
+        noFaceList: [],
       },
-      delBtnLoading: false
-    }
+      delBtnLoading: false,
+    };
   },
 
   watch: {
-    "BaseManageData.selectBlacks": function(value) {
-      this.blackAngWhite()
+    "BaseManageData.selectBlacks": function (value) {
+      this.blackAngWhite();
     },
-    "BaseManageData.selectWhites": function(value) {
-      this.blackAngWhite()
-    }
+    "BaseManageData.selectWhites": function (value) {
+      this.blackAngWhite();
+    },
   },
   methods: {
     postCameraData() {
       getCameraFaceData(this.reqCameraParams).then((res) => {
         if (res && res.rtnCode == 1) {
-          this.cameraDetailData = res.rtnData
-          this.faceDataCount = res.rtnData.length
+          this.cameraDetailData = res.rtnData;
+          this.faceDataCount = res.rtnData.length;
         }
-      })
+      });
     },
     timeChange(val) {
-      this.reqCameraParams.startTime = val[0]
-      this.reqCameraParams.endTime = val[1]
+      this.reqCameraParams.startTime = val[0];
+      this.reqCameraParams.endTime = val[1];
     },
     showDetail(row) {
-      this.cameraDetailData = []
-      this.memberInfo.reserved = row.reserved
-      this.memberInfo.idCard = row.idCard
-      this.memberInfo.personName = row.personName
-      this.memberInfo.sex = row.sex
-      this.reqCameraParams.faceId = row.id
-      this.cameraDetailVisible = true
+      this.cameraDetailData = [];
+      this.memberInfo.reserved = row.reserved;
+      this.memberInfo.idCard = row.idCard;
+      this.memberInfo.personName = row.personName;
+      this.memberInfo.sex = row.sex;
+      this.reqCameraParams.faceId = row.id;
+      this.cameraDetailVisible = true;
     },
     isShow(authority) {
-      return this.isAdmin || this.buttonAuthority.indexOf("," + authority + ",") > -1
+      return (
+        this.isAdmin || this.buttonAuthority.indexOf("," + authority + ",") > -1
+      );
     },
     pickRow(row, column, event) {
-      this.$refs.multipleTable.toggleRowSelection(row)
+      this.$refs.multipleTable.toggleRowSelection(row);
     },
     toggleSelection(rows) {
       if (rows) {
         rows.forEach((row) => {
-          this.$refs.multipleTable.toggleRowSelection(row)
-        })
+          this.$refs.multipleTable.toggleRowSelection(row);
+        });
       } else {
-        this.$refs.multipleTable.clearSelection()
+        this.$refs.multipleTable.clearSelection();
       }
     },
     askDelete(typ, id) {
@@ -765,64 +1071,68 @@
           this.$notify({
             type: "warning",
             message: "璇烽�夋嫨瑕佸垹闄ょ殑浜哄憳",
-            duration: 1000000
-          })
-          return
+            duration: 1000000,
+          });
+          return;
         }
       }
-      this.askDeleteShow = true
-      this.delType = typ
-      id && (this.toDeleteId = id)
+      this.askDeleteShow = true;
+      this.delType = typ;
+      id && (this.toDeleteId = id);
     },
     getUploadResult(result) {
-      this.uploadResult = result.data
-      this.dialogVisible = true
-      this.getPersonList()
+      this.uploadResult = result.data;
+      this.dialogVisible = true;
+      this.getPersonList();
     },
     async setEnable(item) {
       let res = await updateDbTableStatus({
         id: item.id,
-        enable: item.enable
-      })
+        enable: item.enable,
+      });
       if (res.success) {
         this.$notify({
           type: "success",
-          message: "搴曞簱鎴愬姛鍙樻洿鐢熸晥鐘舵�侊紒"
-        })
+          message: "搴曞簱鎴愬姛鍙樻洿鐢熸晥鐘舵�侊紒",
+        });
       } else {
         this.$notify({
           type: "error",
-          message: "搴曞簱鍙樻洿鐢熸晥鐘舵�佸け璐ワ紒"
-        })
+          message: "搴曞簱鍙樻洿鐢熸晥鐘舵�佸け璐ワ紒",
+        });
       }
     },
     isDisabled(item) {
-      var flag = true
+      var flag = true;
       if (this.isShow("library:set")) {
         if (item.endTime == "") {
-          flag = false
+          flag = false;
         } else {
-          flag = !this.$moment(new Date()).isBetween(item.startTime, item.endTime)
+          flag = !this.$moment(new Date()).isBetween(
+            item.startTime,
+            item.endTime
+          );
         }
       }
-      return flag
+      return flag;
     },
     edit() {
-      this.$emit("changeShow", this.baseObject, this.syncType)
+      this.$emit("changeShow", this.baseObject, this.syncType);
     },
 
     deleteThis() {
+      debugger;
       deleteDbPersonById({ id: this.toDeleteId })
         .then((data) => {
           if (data.success) {
             this.$notify({
               type: "success",
-              message: "璇ヤ汉鍛樺垹闄ゆ垚鍔燂紒"
-            })
+              message: "璇ヤ汉鍛樺垹闄ゆ垚鍔燂紒",
+            });
           }
-          this.getPersonList()
+          this.getPersonList();
         })
-        .catch((err) => {})
+        .catch((err) => {});
     },
     deleteBase() {
       deleteDBtablesById({ id: this.baseObject.id })
@@ -830,90 +1140,92 @@
           if (res.success) {
             this.$notify({
               type: "success",
-              message: "搴曞簱鍒犻櫎鎴愬姛锛�"
-            })
+              message: "搴曞簱鍒犻櫎鎴愬姛锛�",
+            });
           }
 
-          this.$emit("onDelete")
+          this.$emit("onDelete");
         })
         .catch((err) => {
           this.$notify({
             type: "error",
-            message: err
-          })
-        })
+            message: err,
+          });
+        });
     },
     async deleteBatch() {
-      let ids = []
+      let ids = [];
       this.selectedRowKeys.map((item, index) => {
-        ids.push(item.id)
-      })
-      let res = await deleteBasePersons({ ids: ids })
+        ids.push(item.id);
+      });
+      let res = await deleteBasePersons({ ids: ids });
       if (res.success) {
         this.$notify({
           type: "success",
-          message: "鍒犻櫎鎴愬姛锛�"
-        })
-        this.getPersonList()
+          message: "鍒犻櫎鎴愬姛锛�",
+        });
+        this.getPersonList();
       } else {
         this.$notify({
           type: "error",
-          message: "鍒犻櫎澶辫触锛�"
-        })
+          message: "鍒犻櫎澶辫触锛�",
+        });
       }
     },
     async getPersonList() {
+      console.log(this.baseObject);
       this.$nextTick(() => {
         if (this.baseObject.id && this.baseObject.id !== undefined) {
-          this.BaseManageData.tableId = this.baseObject.id
-          this.setLoadSearch(this.BaseManageData.queryPersonList())
+          this.BaseManageData.tableId = this.baseObject.id;
+          this.setLoadSearch(this.BaseManageData.queryPersonList());
         }
-      })
+      });
     },
     changeDialog(data) {
       data.erFileList.map((item, index) => {
         this.$notify({
           type: "error",
-          message: item.errorMsg.message
-        })
-      })
+          message: item.errorMsg.message,
+          customClass: "PersonListDialog",
+        });
+      });
     },
     handleClose() {
-      this.showInfoDrawer = false
+      this.showInfoDrawer = false;
     },
     handleSelectionChange(val) {
-      this.selectedRowKeys = val
+      this.selectedRowKeys = val;
     },
     refrash(current, pageSize) {
-      this.current = current
-      this.BaseManageData.page = current
-      this.getPersonList()
+      this.current = current;
+      this.BaseManageData.page = current;
+      this.getPersonList();
     },
     handleSizeChange(val) {
-      this.BaseManageData.size = val
-      this.getPersonList()
+      this.BaseManageData.size = val;
+      this.getPersonList();
     },
     editRow(row) {
-      this.inputPersonForm = { ...row }
-      this.showInfoDrawer = true
+      this.inputPersonForm = { ...row };
+      this.showInfoDrawer = true;
     },
     async submit() {
       this.$refs["formForEdit"].validate(async (valid) => {
         if (valid) {
-          let { ...json } = this.inputPersonForm
-          delete json["compareScore"]
-          let res = await updateBasePerson(json)
+          let { ...json } = this.inputPersonForm;
+          delete json["compareScore"];
+          let res = await updateBasePerson(json);
           if (res.success) {
-            this.getPersonList()
-            this.$notify.success("浜哄憳淇敼鎴愬姛锛�")
-            this.showInfoDrawer = false
+            this.getPersonList();
+            this.$notify.success("浜哄憳淇敼鎴愬姛锛�");
+            this.showInfoDrawer = false;
           } else {
-            this.$notify.error("浜哄憳淇敼澶辫触锛岃閲嶈瘯锛�")
+            this.$notify.error("浜哄憳淇敼澶辫触锛岃閲嶈瘯锛�");
           }
         } else {
-          return false
+          return false;
         }
-      })
+      });
     },
     async enable(item) {
       let res = await updateBasePerson({
@@ -926,44 +1238,44 @@
         phoneNum: item.phoneNum,
         monitorLevel: item.monitorLevel,
         personPicUrl: item.personPicUrl,
-        reserved: item.reserved
-      })
+        reserved: item.reserved,
+      });
       if (res.success === true) {
         this.$notify({
           type: "success",
-          message: "搴曞簱浜哄憳鎴愬姛鍙樻洿鐢熸晥鐘舵�侊紒"
-        })
+          message: "搴曞簱浜哄憳鎴愬姛鍙樻洿鐢熸晥鐘舵�侊紒",
+        });
       } else {
         this.$notify({
           type: "error",
-          message: "搴曞簱浜哄憳鍙樻洿鐢熸晥鐘舵�佸け璐ワ紒"
-        })
+          message: "搴曞簱浜哄憳鍙樻洿鐢熸晥鐘舵�佸け璐ワ紒",
+        });
       }
     },
     handleSearch() {
-      this.getPersonList()
+      this.getPersonList();
     },
     async handleDel() {
-      this.delBtnLoading = true
+      this.delBtnLoading = true;
       if (this.delType == "single") {
-        await this.deleteThis()
+        await this.deleteThis();
       } else if (this.delType == "base") {
-        await this.deleteBase()
+        await this.deleteBase();
       } else if (this.delType == "batch") {
-        await this.deleteBatch()
+        await this.deleteBatch();
       }
 
-      this.delBtnLoading = false
-      this.askDeleteShow = false
+      this.delBtnLoading = false;
+      this.askDeleteShow = false;
     },
     searchImg() {
-      this.$refs.uploadDrag && this.$refs.uploadDrag.uploadStart()
+      this.$refs.uploadDrag && this.$refs.uploadDrag.uploadStart();
     },
     haveScore(row) {
       if (row.compareScore && row.compareScore !== "") {
-        return true
+        return true;
       } else {
-        return false
+        return false;
       }
     },
     async searchImgList(faceUrl, threshold) {
@@ -974,199 +1286,214 @@
         faceUrl: faceUrl,
         threshold: threshold,
         orderType: this.orderType,
-        orderName: this.orderName
-      }
-      let res = await getPersonByPhoto(json)
-      this.tableData = res.data.datalist
-      this.total = res.data.total
-      this.compare = true
+        orderName: this.orderName,
+      };
+      let res = await getPersonByPhoto(json);
+      this.tableData = res.data.datalist;
+      this.total = res.data.total;
+      this.compare = true;
     },
     updateThreshold() {},
     async updateFace(param) {
-      const fd = new FormData()
-      fd.append("file", param.file)
-      fd.append("id", this.inputPersonForm.id)
+      const fd = new FormData();
+      fd.append("file", param.file);
+      fd.append("id", this.inputPersonForm.id);
       let res = await axios({
         method: "post",
         url: `/data/api-v/dbperson/updateFace`,
         headers: {
           Authorization:
-            sessionStorage.getItem("loginedInfo") && JSON.parse(sessionStorage.getItem("loginedInfo")).access_token
+            sessionStorage.getItem("loginedInfo") &&
+            JSON.parse(sessionStorage.getItem("loginedInfo")).access_token,
         },
-        data: fd
-      })
+        data: fd,
+      });
       if (res.data.success) {
-        this.inputPersonForm.persoasyncnPicUrl = res.data.data.personPicUrl
-        this.inputPersonForm.faceFeature = res.data.data.faceFeature
+        this.inputPersonForm.persoasyncnPicUrl = res.data.data.personPicUrl;
+        this.inputPersonForm.faceFeature = res.data.data.faceFeature;
       }
     },
     uploadSuccess() {},
     uploadError() {},
     async init() {
-      await this.BaseManageData.querySyncTables()
-      await this.BaseManageData.queryLocalTables()
+      await this.BaseManageData.querySyncTables();
+      await this.BaseManageData.queryLocalTables();
       if (this.baseObject.id && this.baseObject.id !== undefined) {
-      } else if (this.BaseManageData.syncTables[0].id && this.BaseManageData.syncTables[0].id !== undefined) {
-        this.BaseManageData.tableId = this.BaseManageData.syncTables[0].id
-        this.BaseManageData.queryPersonList()
+      } else if (
+        this.BaseManageData.syncTables[0].id &&
+        this.BaseManageData.syncTables[0].id !== undefined
+      ) {
+        this.BaseManageData.tableId = this.BaseManageData.syncTables[0].id;
+        this.BaseManageData.queryPersonList();
       } else {
-        this.BaseManageData.tableId = this.BaseManageData.localTables[0].id
-        this.BaseManageData.queryPersonList()
+        this.BaseManageData.tableId = this.BaseManageData.localTables[0].id;
+        this.BaseManageData.queryPersonList();
       }
     },
     blackAngWhite() {
       if (this.BaseManageData.selectBlacks.length > 0) {
         for (let i = 0; i < this.BaseManageData.whiteList.length; i++) {
           //this.VideoPhotoData.whiteList[i].disabled = true
-          this.$set(this.BaseManageData.whiteList[i], "disabled", true)
+          this.$set(this.BaseManageData.whiteList[i], "disabled", true);
         }
       }
       if (this.BaseManageData.selectBlacks.length == 0) {
         for (let i = 0; i < this.BaseManageData.whiteList.length; i++) {
           //this.VideoPhotoData.whiteList[i].disabled = false
-          this.$set(this.BaseManageData.whiteList[i], "disabled", false)
+          this.$set(this.BaseManageData.whiteList[i], "disabled", false);
         }
       }
       if (this.BaseManageData.selectWhites.length > 0) {
         for (let i = 0; i < this.BaseManageData.blackList.length; i++) {
           // this.VideoPhotoData.blackList[i].disabled = true
-          this.$set(this.BaseManageData.blackList[i], "disabled", true)
+          this.$set(this.BaseManageData.blackList[i], "disabled", true);
         }
       }
       if (this.BaseManageData.selectWhites.length == 0) {
         for (let i = 0; i < this.BaseManageData.blackList.length; i++) {
           //this.VideoPhotoData.blackList[i].disabled = false
-          this.$set(this.BaseManageData.blackList[i], "disabled", false)
+          this.$set(this.BaseManageData.blackList[i], "disabled", false);
         }
       }
     },
     tosearch(item) {
       //let captureId = item.id == "" ? item.baseInfo[0].targetId : item.id
-      let captureId = item.id == "" ? item.personId : item.id
-      let imgUrl = item.personPicUrl ? item.personPicUrl : item.personPicUrl
-      let compType = 0
+      let captureId = item.id == "" ? item.personId : item.id;
+      let imgUrl = item.personPicUrl ? item.personPicUrl : item.personPicUrl;
+      let compType = 0;
 
       let message =
-        "toSearch?showType=findByPic&targetId=" + captureId + "&picSmUrl=" + imgUrl + "&compType=" + compType
+        "toSearch?showType=findByPic&targetId=" +
+        captureId +
+        "&picSmUrl=" +
+        imgUrl +
+        "&compType=" +
+        compType;
       window.parent.postMessage(
         {
-          msg: message
+          msg: message,
         },
         "*"
-      )
+      );
     },
     copyClick(row) {
-      this.BaseManageData.personId = row.id
-      this.copyVisiabled = true
+      this.BaseManageData.personId = row.id;
+      this.copyVisiabled = true;
     },
     moveClick(row) {
-      this.BaseManageData.personId = row.id
-      this.moveVisiabled = true
+      this.BaseManageData.personId = row.id;
+      this.moveVisiabled = true;
     },
     copyClose() {
-      this.copyVisiabled = false
-      this.BaseManageData.personId = ""
-      this.BaseManageData.selectBlacks = []
-      this.BaseManageData.selectWhites = []
+      this.copyVisiabled = false;
+      this.BaseManageData.personId = "";
+      this.BaseManageData.selectBlacks = [];
+      this.BaseManageData.selectWhites = [];
     },
     moveClose() {
-      this.moveVisiabled = false
-      this.BaseManageData.personId = ""
-      this.BaseManageData.selectBlacks = []
-      this.BaseManageData.selectWhites = []
+      this.moveVisiabled = false;
+      this.BaseManageData.personId = "";
+      this.BaseManageData.selectBlacks = [];
+      this.BaseManageData.selectWhites = [];
     },
     copySubmit() {
-      if (this.BaseManageData.selectBlacks.length === 0 && this.BaseManageData.selectWhites.length === 0) {
+      if (
+        this.BaseManageData.selectBlacks.length === 0 &&
+        this.BaseManageData.selectWhites.length === 0
+      ) {
         this.$notify({
           title: "娉ㄦ剰",
           message: "璇烽�夋嫨瑕佸鍒跺埌鐨勫簱",
-          type: "warning"
-        })
-        return
+          type: "warning",
+        });
+        return;
       }
-      var resp = this.BaseManageData.copyTo()
+      var resp = this.BaseManageData.copyTo();
       resp.then((data) => {
         if (data.success) {
           this.$notify({
             title: "鎴愬姛",
             message: data.data,
-            type: "success"
-          })
+            type: "success",
+          });
         } else {
           this.$notify({
             title: "澶辫触",
             message: data.data,
-            type: "error"
-          })
+            type: "error",
+          });
         }
-      })
-      this.copyVisiabled = false
-      this.BaseManageData.personId = ""
-      this.BaseManageData.selectBlacks = []
-      this.BaseManageData.selectWhites = []
+      });
+      this.copyVisiabled = false;
+      this.BaseManageData.personId = "";
+      this.BaseManageData.selectBlacks = [];
+      this.BaseManageData.selectWhites = [];
     },
     moveSubmit() {
-      if (this.BaseManageData.selectBlacks.length === 0 && this.BaseManageData.selectWhites.length === 0) {
+      if (
+        this.BaseManageData.selectBlacks.length === 0 &&
+        this.BaseManageData.selectWhites.length === 0
+      ) {
         this.$notify({
           title: "娉ㄦ剰",
           message: "璇烽�夋嫨瑕佺Щ鍔ㄥ埌鐨勫簱",
-          type: "warning"
-        })
-        return
+          type: "warning",
+        });
+        return;
       }
-      var resp = this.BaseManageData.moveTo()
+      var resp = this.BaseManageData.moveTo();
       resp.then((data) => {
         if (data.success) {
           this.$notify({
             title: "鎴愬姛",
             message: data.data,
-            type: "success"
-          })
+            type: "success",
+          });
         } else {
           this.$notify({
             title: "澶辫触",
             message: data.data,
-            type: "error"
-          })
+            type: "error",
+          });
         }
-        this.moveVisiabled = false
-        this.BaseManageData.personId = ""
-        this.BaseManageData.selectBlacks = []
-        this.BaseManageData.selectWhites = []
-        this.BaseManageData.queryPersonList()
-      })
+        this.moveVisiabled = false;
+        this.BaseManageData.personId = "";
+        this.BaseManageData.selectBlacks = [];
+        this.BaseManageData.selectWhites = [];
+        this.BaseManageData.queryPersonList();
+      });
     },
     setLoadSearch(fn) {
-      this.AuthData.setLoading("multipleTable", this)
+      this.AuthData.setLoading("multipleTable", this);
       fn.then((_) => {
-        this.AuthData.closeLoad()
-      })
-    }
+        this.AuthData.closeLoad();
+      });
+    },
   },
   mounted() {
-    this.getPersonList()
-    this.VideoPhotoData.queryDictionary()
-    this.BaseManageData.queryTagList()
-    this.oldWidth = document.body.clientWidth
-    this.oldHeight = document.body.clientHeight
-    this.blackAngWhite()
+    this.getPersonList();
+    this.VideoPhotoData.queryDictionary();
+    this.BaseManageData.queryTagList();
+    this.oldWidth = document.body.clientWidth;
+    this.oldHeight = document.body.clientHeight;
+    this.blackAngWhite();
     window.onresize = () => {
-      let width = document.body.clientWidth
-      let height = document.body.clientHeight
+      let width = document.body.clientWidth;
+      let height = document.body.clientHeight;
       if (width !== this.oldWidth && width < 1750) {
       }
       this.$nextTick(() => {
-        this.$refs.multipleTable.doLayout()
-      })
-    }
+        this.$refs.multipleTable.doLayout();
+      });
+    };
     this.$nextTick(() => {
-      this.$refs.multipleTable.doLayout()
-    })
+      this.$refs.multipleTable.doLayout();
+    });
   },
   beforeDestroy() {
-    window.onresize = null
-  }
-}
+    window.onresize = null;
+  },
+};
 </script>
 <style lang="scss">
 .activeRow {
@@ -1413,7 +1740,8 @@
         padding-top: 2px;
         left: 15px;
       }
-      .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
+      .el-form-item.is-required:not(.is-no-asterisk)
+        > .el-form-item__label:before {
         color: #fe6d68;
       }
       .el-col-20 {
@@ -1464,7 +1792,9 @@
       display: none;
     }
     .el-table--border .el-table__cell,
-    .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
+    .el-table__body-wrapper
+      .el-table--border.is-scrolling-left
+      ~ .el-table__fixed {
       border-right: none;
     }
     td {
@@ -1511,7 +1841,6 @@
       }
 
       .el-button--small:hover {
-        // background: "rgba(#{var(--colorCard-rgb)},10%) !important"  ;
         filter: brightness(92%);
       }
       .el-input__suffix {
@@ -1815,7 +2144,7 @@
   }
 }
 .el-dialog.copy-dialog {
-  width: 516px;
+  width: 550px;
   border-radius: 24px;
   .el-dialog__header {
     text-align: center;
@@ -1834,7 +2163,7 @@
     color: #5f5f5f;
   }
   .dialog-footer {
-    width: 315px;
+    // width: 315px;
     .el-button--info {
       color: #999999;
       background: #fff;
@@ -1871,7 +2200,7 @@
     .items {
       width: 100%;
       min-height: 150px;
-      margin-bottom: 20px;
+      margin-bottom: 10px;
       .lable {
         font-size: 16px;
         font-weight: bold;
@@ -1880,6 +2209,7 @@
       }
       .baseList {
         height: 100%;
+        overflow: auto;
         .base {
           width: 152px;
           padding: 5px 5px 5px 10px;
@@ -2072,4 +2402,8 @@
     }
   }
 }
+
+.PersonListDialog {
+  width: 360px !important;
+}
 </style>

--
Gitblit v1.8.0