From c7298c0ad9c728f55618ad4f924f723f7d2d0a38 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期三, 26 一月 2022 11:06:15 +0800
Subject: [PATCH] bug修复

---
 src/pages/search/index/Searching.vue |  347 ++++++++++++++++++++++++++++++++++-----------------------
 1 files changed, 205 insertions(+), 142 deletions(-)

diff --git a/src/pages/search/index/Searching.vue b/src/pages/search/index/Searching.vue
index 7116695..12de1ad 100644
--- a/src/pages/search/index/Searching.vue
+++ b/src/pages/search/index/Searching.vue
@@ -2,27 +2,42 @@
   <div class="searching-box">
     <div class="searching-right">
       <div class="searching-right-nav">
-        <el-breadcrumb separator-class="el-icon-arrow-right" style="display: inline-block;">
+        <el-breadcrumb
+          separator-class="el-icon-arrow-right"
+          style="display: inline-block"
+        >
           <el-breadcrumb-item>
             <span @click="uploadChange">妫�绱�</span>
           </el-breadcrumb-item>
-          <el-breadcrumb-item v-if="!VideoPhotoData.uploadType">鍏ㄩ儴</el-breadcrumb-item>
-          <el-breadcrumb-item v-if="VideoPhotoData.uploadType">浠ュ浘鎼滃浘</el-breadcrumb-item>
+          <el-breadcrumb-item v-if="!VideoPhotoData.uploadType"
+            >鍏ㄩ儴</el-breadcrumb-item
+          >
+          <el-breadcrumb-item v-if="VideoPhotoData.uploadType"
+            >浠ュ浘鎼滃浘</el-breadcrumb-item
+          >
         </el-breadcrumb>
       </div>
       <div class="searching-right-content">
         <div class="top">
-          <el-tooltip content="浠ュ浘鎼滃浘" placement="bottom" popper-class="atooltip">
+          <el-tooltip
+            content="浠ュ浘鎼滃浘"
+            placement="bottom"
+            popper-class="atooltip"
+          >
             <el-button
               @click="showUpload"
               type="primary"
               icon="el-icon-camera-solid"
               size="mini"
               circle
-              :style="VideoPhotoData.uploadDiaplay ? 'margin-right: 20px;' : 'margin-right: 20px;background-color:#cccccc;border-color:#cccccc'"
+              :style="
+                VideoPhotoData.uploadDiaplay
+                  ? 'margin-right: 20px;'
+                  : 'margin-right: 20px;background-color:#cccccc;border-color:#cccccc'
+              "
             ></el-button>
           </el-tooltip>
-          <p class="p-label" style="width:16%">
+          <p class="p-label" style="width: 16%">
             <b>鏍囩锛�</b>
             <el-select
               v-model="tagValues"
@@ -30,13 +45,13 @@
               :disabled="isDisabled"
               collapse-tags
               size="mini"
-              style="width:calc(100% - 40px);min-width: 120px;"
+              style="width: calc(100% - 40px); min-width: 120px"
               placeholder="璇烽�夋嫨"
               @change="tagChange"
             >
               <el-option
                 v-for="item in VideoPhotoData.tabs"
-                style="font-size:12px"
+                style="font-size: 12px"
                 :key="item.key"
                 :label="item.title"
                 :value="item.value"
@@ -44,7 +59,7 @@
               ></el-option>
             </el-select>
           </p>
-          <p class="p-task" style="width:16%">
+          <p class="p-task" style="width: 16%">
             <b>鍦烘櫙锛�</b>
             <el-select
               v-model="taskValues"
@@ -53,7 +68,7 @@
               :disabled="typeDisable"
               collapse-tags
               size="mini"
-              style="width:calc(100% - 40px);min-width: 120px;"
+              style="width: calc(100% - 40px); min-width: 120px"
               placeholder="璇烽�夋嫨"
             >
               <!-- <el-option
@@ -66,15 +81,15 @@
               ></el-option>-->
               <el-option
                 v-for="item in VideoPhotoData.tasks"
-                style="font-size:12px"
-                :key="item.id+'x'"
+                style="font-size: 12px"
+                :key="item.id + 'x'"
                 :value="item.id"
-                :label="item.isDelete ? item.name+'锛堝凡鍒犻櫎锛�' : item.name"
-                :title="item.isDelete ? item.name+'锛堝凡鍒犻櫎锛�' : item.name"
+                :label="item.isDelete ? item.name + '锛堝凡鍒犻櫎锛�' : item.name"
+                :title="item.isDelete ? item.name + '锛堝凡鍒犻櫎锛�' : item.name"
               ></el-option>
             </el-select>
           </p>
-          <p class="p-level" style="width:18%">
+          <p class="p-level" style="width: 18%">
             <b>浜嬩欢绛夌骇锛�</b>
             <el-select
               v-model="alarmValues"
@@ -83,7 +98,7 @@
               :disabled="isDisabled"
               collapse-tags
               size="mini"
-              style="width:calc(100% - 64px);min-width: 120px;"
+              style="width: calc(100% - 64px); min-width: 120px"
               placeholder="璇烽�夋嫨"
             >
               <el-option
@@ -94,7 +109,7 @@
               ></el-option>
             </el-select>
           </p>
-          <p class="p-date" style="width:19%;vertical-align: top;">
+          <p class="p-date" style="width: 19%; vertical-align: top">
             <el-date-picker
               size="mini"
               v-model="searchTime"
@@ -102,40 +117,57 @@
               type="datetimerange"
               start-placeholder="寮�濮嬫棩鏈�"
               end-placeholder="缁撴潫鏃ユ湡"
-              :default-time="['00:00:00','23:59:59']"
-              style="width:99%;min-width:200px"
+              :default-time="['00:00:00', '23:59:59']"
+              style="width: 99%; min-width: 200px"
             ></el-date-picker>
           </p>
-          <p class="p-input" style="width:19%">
+          <p class="p-input" style="width: 19%">
             <el-input
               placeholder="璇疯緭鍏ュ唴瀹�"
               prefix-icon="el-icon-search"
-              style="width: calc(100% - 75px);min-width:100px;margin-left:10px;margin-right: 10px;"
+              style="
+                width: calc(100% - 75px);
+                min-width: 100px;
+                margin-left: 10px;
+                margin-right: 10px;
+              "
               v-model="VideoPhotoData.inputValue"
               size="mini"
             ></el-input>
-            <el-button type="primary" size="mini" @click="searchingBtn">鎼滅储</el-button>
+            <el-button type="primary" size="mini" @click="searchingBtn"
+              >鎼滅储</el-button
+            >
           </p>
           <p class="p-clear">
             <b class="clear-searching" @click="clearSearch">閲嶇疆</b>
           </p>
         </div>
-        <div ref="mid" style="height:calc(100% - 50px);">
+        <div ref="mid" style="height: calc(100% - 50px)">
           <div class="left-selection" v-if="VideoPhotoData.uploadDiaplay">
             <upload-img ref="uploadImg" @labelDisabled="disabled"></upload-img>
           </div>
           <div
             id="searchMid"
             class="mid"
-            :style="{width: VideoPhotoData.uploadDiaplay ? 'calc(100% - 315px)' : '100%'}"
+            :style="{
+              width: VideoPhotoData.uploadDiaplay
+                ? 'calc(100% - 315px)'
+                : '100%',
+            }"
           >
             <div class="right-section" ref="scrollContain">
               <Card
                 v-for="(item, index) in VideoPhotoData.cards"
-                :class="item.activeObject.id === VideoPhotoData.activeCard ? 'my-active-card' : ''"
+                :class="
+                  item.activeObject.id === VideoPhotoData.activeCard
+                    ? 'my-active-card'
+                    : ''
+                "
                 :key="index + 'u'"
                 :outHeight="'162px'"
-                :outWidth="VideoPhotoData.uploadDiaplay?searchImgCardWidth:cardWidth"
+                :outWidth="
+                  VideoPhotoData.uploadDiaplay ? searchImgCardWidth : cardWidth
+                "
                 :data="item"
                 :searchTime="searchTimeFormated"
                 :showType="showType"
@@ -166,7 +198,7 @@
         :key="index"
         @update:height="resizeHeight"
         @update:width="resizeWidth"
-        style="background:white; height:475px"
+        style="background: white; height: 475px"
         :left="center.x + index * 10"
         :top="center.y + index * 10"
         :resizable="true"
@@ -186,13 +218,21 @@
               <p>榛戝悕鍗� ></p>
             </div>
             <div class="baseList">
-              <el-checkbox-group v-model="VideoPhotoData.selectBlacks" @change="blackAngWhite">
-                <div class="base" v-for="(item, index) in VideoPhotoData.blackList" :key="index">
+              <el-checkbox-group
+                v-model="VideoPhotoData.selectBlacks"
+                @change="blackAngWhite"
+              >
+                <div
+                  class="base"
+                  v-for="(item, index) in VideoPhotoData.blackList"
+                  :key="index"
+                >
                   <el-checkbox
                     :label="item.value"
                     :title="item.title"
                     :disabled="item.disabled"
-                  >{{item.title}}</el-checkbox>
+                    >{{ item.title }}</el-checkbox
+                  >
                 </div>
               </el-checkbox-group>
             </div>
@@ -202,20 +242,32 @@
               <p>鐧藉悕鍗� ></p>
             </div>
             <div class="baseList">
-              <el-checkbox-group v-model="VideoPhotoData.selectWhites" @change="blackAngWhite">
-                <div class="base" v-for="(item, index) in VideoPhotoData.whiteList" :key="index">
+              <el-checkbox-group
+                v-model="VideoPhotoData.selectWhites"
+                @change="blackAngWhite"
+              >
+                <div
+                  class="base"
+                  v-for="(item, index) in VideoPhotoData.whiteList"
+                  :key="index"
+                >
                   <el-checkbox
                     :label="item.value"
                     :title="item.title"
                     :disabled="item.disabled"
-                  >{{item.title}}</el-checkbox>
+                    >{{ item.title }}</el-checkbox
+                  >
                 </div>
               </el-checkbox-group>
             </div>
           </div>
           <div class="buttons">
-            <el-button type="primary" @click="saveAddBase(item, index)">淇濆瓨</el-button>
-            <el-button type="default" @click="closeWindow(index)">鍙栨秷</el-button>
+            <el-button type="primary" @click="saveAddBase(item, index)"
+              >淇濆瓨</el-button
+            >
+            <el-button type="default" @click="closeWindow(index)"
+              >鍙栨秷</el-button
+            >
           </div>
         </div>
       </hsc-window>
@@ -231,9 +283,9 @@
 export default {
   components: {
     Card,
-    UploadImg
+    UploadImg,
   },
-  data () {
+  data() {
     return {
       cardWidth: "",
       center: "",
@@ -248,33 +300,33 @@
       taskValues: [],
       searchTime: [
         this.$moment().format("YYYY-MM-DD 00:00:00"),
-        this.$moment().format("YYYY-MM-DD HH:mm:ss")
+        this.$moment().format("YYYY-MM-DD HH:mm:ss"),
       ],
       searchText: "",
       currentPage: 1,
     };
   },
   computed: {
-    searchTimeFormated(){
-      return this.format(this.searchTime)
-    }
+    searchTimeFormated() {
+      return this.format(this.searchTime);
+    },
   },
-  created () {
+  created() {
     this.TreeDataPool.readonly = true;
     this.TreeDataPool.gbReadonly = true;
     this.TreeDataPool.multiple = true;
     this.TreeDataPool.clean();
     this.TreeDataPool.fetchTreeData();
   },
-  mounted () {
+  mounted() {
     this.$nextTick(() => {
-      let scrollContain = this.$refs.scrollContain
-      this.VideoPhotoData.scrollContainDom = scrollContain
-      let list = this.TreeDataPool.localVedioList.filter(i => {
-        return i.progress == 100
-      })
-      this.TreeDataPool.localVedioList = list
-    })
+      let scrollContain = this.$refs.scrollContain;
+      this.VideoPhotoData.scrollContainDom = scrollContain;
+      let list = this.TreeDataPool.localVedioList.filter((i) => {
+        return i.progress == 100;
+      });
+      this.TreeDataPool.localVedioList = list;
+    });
     window.addEventListener("resize", this.getHeight);
     this.getCenter();
     this.getHeight();
@@ -285,12 +337,12 @@
     //     this.VideoTaskData.tasks[this.VideoTaskData.activeIndex].taskId
     //   ];
     // }
-      let start =  getUrlKey("start")
-      let end =  getUrlKey("end")
-    if (start&&end) {
-      this.searchTime = [start,end]
-     this.VideoPhotoData.searchTime = [start,end]
-    }else{
+    let start = getUrlKey("start");
+    let end = getUrlKey("end");
+    if (start && end) {
+      this.searchTime = [start, end];
+      this.VideoPhotoData.searchTime = [start, end];
+    } else {
       this.searchTime = this.getDateInit();
       this.VideoPhotoData.searchTime = this.getDateInit();
     }
@@ -301,10 +353,10 @@
       this.VideoPhotoData.uploadDiaplay = true;
       this.VideoPhotoData.picUrl = getUrlKey("picSmUrl");
       this.VideoPhotoData.uploadImg = getUrlKey("picSmUrl");
-      this.VideoPhotoData.uploadType = true
-      this.VideoPhotoData.compTargetId = getUrlKey("targetId")
-      this.VideoPhotoData.compTargetType = getUrlKey("compType")
-      this.VideoPhotoData.size = 30
+      this.VideoPhotoData.uploadType = true;
+      this.VideoPhotoData.compTargetId = getUrlKey("targetId");
+      this.VideoPhotoData.compTargetType = getUrlKey("compType");
+      this.VideoPhotoData.size = 30;
       this.VideoPhotoData.compareTabs = ["esData"];
       this.VideoPhotoData.findPerson2(); // 鏌ユ壘姝や汉
     } else {
@@ -318,13 +370,13 @@
     this.VideoPhotoData.queryTaskList();
     this.VideoPhotoData.queryDictionary();
     this.$nextTick(() => {
-      bus.$on("changePage", page => {
+      bus.$on("changePage", (page) => {
         this.currentPage = page;
         this.VideoPhotoData.page = page;
       });
     });
   },
-  destroyed () {
+  destroyed() {
     window.removeEventListener("resize", this.getHeight);
     this.CardList.details = [];
     // this.TreeDataPool.treeActiveName = "camera";
@@ -339,13 +391,13 @@
     this.VideoPhotoData.selectWhites = [];
   },
   watch: {
-    'TreeDataPool.treeActiveName' (n, o) {
-      if (n && n == 'camera') {
+    "TreeDataPool.treeActiveName"(n, o) {
+      if (n && n == "camera") {
         this.VideoPhotoData.treeNodes = [];
         this.setLoadSearch(this.VideoPhotoData.querySearchList());
       }
     },
-    "TreeDataPool.showTreeBox" (value) {
+    "TreeDataPool.showTreeBox"(value) {
       this.getHeight();
       if (this.VideoPhotoData.realSmallPath.length > 0) {
         this.VideoPhotoData.findPersonByPage();
@@ -365,38 +417,45 @@
         if (newVal !== oldVal) {
           this.VideoPhotoData.treeNodes = newVal;
           if (this.VideoPhotoData.uploadType) {
-            this.VideoPhotoData.findPersonByPage()
+            this.VideoPhotoData.findPersonByPage();
           } else {
             this.setLoadSearch(this.VideoPhotoData.querySearchList());
-
           }
         }
       },
-      deep: true    //娣卞害鐩戝惉
+      deep: true, //娣卞害鐩戝惉
     },
     "DataStackPool.selectedDir": {
-      handler (nodes, oldNodes) {
+      handler(nodes, oldNodes) {
         if (nodes !== oldNodes && nodes.id != "") {
           // this.VideoPhotoData.treeNodes = nodes.map(i=>{return i.id});
           this.VideoPhotoData.treeNodes = [nodes.id];
           if (this.VideoPhotoData.uploadType) {
-            this.VideoPhotoData.findPersonByPage()
+            this.VideoPhotoData.findPersonByPage();
           } else {
             // this.VideoPhotoData.querySearchList();
             this.setLoadSearch(this.VideoPhotoData.querySearchList());
           }
         }
       },
-      deep: true
+      deep: true,
     },
     "VideoPhotoData.activeCard": function (value) {
-      let card = this.$refs.scrollContain.getElementsByClassName("my-active-card");
+      let card =
+        this.$refs.scrollContain.getElementsByClassName("my-active-card");
+      console.log(1);
+      console.log(card);
 
       if (card.length > 0) {
         let cardHeight = card[0].clientHeight;
         let cardTop = card[0].offsetTop;
         let scrollTop = this.$refs.scrollContain.scrollTop;
         let divHeight = this.$refs.scrollContain.clientHeight;
+        console.log(2);
+        console.log(cardHeight);
+        console.log(cardTop);
+        console.log(scrollTop);
+        console.log(divHeight);
         if (
           cardTop - cardHeight - scrollTop > divHeight ||
           cardTop - cardHeight - scrollTop < 0
@@ -414,17 +473,17 @@
       }
     },
     "VideoPhotoData.selectBlacks": function (value) {
-      this.blackAngWhite()
+      this.blackAngWhite();
     },
     "VideoPhotoData.selectWhites": function (value) {
-      this.blackAngWhite()
+      this.blackAngWhite();
     },
     "VideoPhotoData.uploadDiaplay": function (value) {
       this.getHeight();
       if (value) {
         if (!this.VideoPhotoData.uploadType) {
-          let scrollContain = this.$refs.scrollContain
-          this.VideoPhotoData.scrollContainDom = scrollContain
+          let scrollContain = this.$refs.scrollContain;
+          this.VideoPhotoData.scrollContainDom = scrollContain;
           this.VideoPhotoData.showType = "search";
           // this.VideoPhotoData.querySearchList();
           //this.setLoadSearch(this.VideoPhotoData.querySearchList());
@@ -437,15 +496,15 @@
         this.VideoPhotoData.uploadType = false;
         this.VideoPhotoData.showType = "search";
       }
-    }
+    },
   },
   methods: {
-    isShowUpload () {
+    isShowUpload() {
       this.getHeight();
       if (this.VideoPhotoData.uploadDiaplay) {
         if (!this.VideoPhotoData.uploadType) {
-          let scrollContain = this.$refs.scrollContain
-          this.VideoPhotoData.scrollContainDom = scrollContain
+          let scrollContain = this.$refs.scrollContain;
+          this.VideoPhotoData.scrollContainDom = scrollContain;
           this.VideoPhotoData.showType = "search";
           // this.VideoPhotoData.querySearchList();
           //this.setLoadSearch(this.VideoPhotoData.querySearchList());
@@ -459,13 +518,13 @@
         this.VideoPhotoData.showType = "search";
       }
     },
-    resizeWidth (w) {
+    resizeWidth(w) {
       this.defaultWidth = w;
     },
-    resizeHeight (h) {
+    resizeHeight(h) {
       this.defaultHeight = h;
     },
-    getHeight () {
+    getHeight() {
       let w = this.$refs.mid.offsetWidth;
       let integer = parseInt(w / 330);
       let integerSearchImg = parseInt((w - 300) / 325);
@@ -476,86 +535,90 @@
       this.cardWidth = `calc(${100 / integer}% - 20px)`;
       this.searchImgCardWidth = `calc(${100 / integerSearchImg}% - 20px)`;
     },
-    uploadChange () {
+    uploadChange() {
       this.VideoPhotoData.uploadDiaplay = false;
-      this.VideoPhotoData.clearStatus()
+      this.VideoPhotoData.clearStatus();
     },
-    blackAngWhite () {
+    blackAngWhite() {
       if (this.VideoPhotoData.selectBlacks.length > 0) {
         for (let i = 0; i < this.VideoPhotoData.whiteList.length; i++) {
           //this.VideoPhotoData.whiteList[i].disabled = true
-          this.$set(this.VideoPhotoData.whiteList[i], 'disabled', true)
+          this.$set(this.VideoPhotoData.whiteList[i], "disabled", true);
         }
       }
       if (this.VideoPhotoData.selectBlacks.length == 0) {
         for (let i = 0; i < this.VideoPhotoData.whiteList.length; i++) {
           //this.VideoPhotoData.whiteList[i].disabled = false
-          this.$set(this.VideoPhotoData.whiteList[i], 'disabled', false)
+          this.$set(this.VideoPhotoData.whiteList[i], "disabled", false);
         }
       }
       if (this.VideoPhotoData.selectWhites.length > 0) {
         for (let i = 0; i < this.VideoPhotoData.blackList.length; i++) {
-          // this.VideoPhotoData.blackList[i].disabled = true   
-          this.$set(this.VideoPhotoData.blackList[i], 'disabled', true)
+          // this.VideoPhotoData.blackList[i].disabled = true
+          this.$set(this.VideoPhotoData.blackList[i], "disabled", true);
         }
       }
       if (this.VideoPhotoData.selectWhites.length == 0) {
         for (let i = 0; i < this.VideoPhotoData.blackList.length; i++) {
-          //this.VideoPhotoData.blackList[i].disabled = false          
-          this.$set(this.VideoPhotoData.blackList[i], 'disabled', false)
+          //this.VideoPhotoData.blackList[i].disabled = false
+          this.$set(this.VideoPhotoData.blackList[i], "disabled", false);
         }
       }
     },
-    saveAddBase (item, index) {
-      if (this.VideoPhotoData.selectBlacks.length === 0 && this.VideoPhotoData.selectWhites.length === 0) {
+    saveAddBase(item, index) {
+      if (
+        this.VideoPhotoData.selectBlacks.length === 0 &&
+        this.VideoPhotoData.selectWhites.length === 0
+      ) {
         this.$notify({
           title: "娉ㄦ剰",
           message: "璇烽�夋嫨瑕佹坊鍔犵殑搴曞簱",
-          type: "warning"
-        })
-        return
+          type: "warning",
+        });
+        return;
       }
-      let res = this.VideoPhotoData.addBase(item)
-      res.then(data => {
+      let res = this.VideoPhotoData.addBase(item);
+      res.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.CardList.addBaseList.splice(index, 1);
-        this.VideoPhotoData.selectBlacks = []
-        this.VideoPhotoData.selectWhites = []
-      })
+        this.VideoPhotoData.selectBlacks = [];
+        this.VideoPhotoData.selectWhites = [];
+      });
     },
-    getDetails (ev, index) {
+    getDetails(ev, index) {
       //let obj = this.CardList.datalist[index];
       this.CardList.datalist = this.VideoPhotoData.cards;
       let obj = this.CardList.datalist[index];
       this.CardList.details = Array.from(
         new Set([...this.CardList.details, ...[obj]])
       );
+      console.log(this.CardList.details);
       // this.CardList.details.push(obj);
       this.VideoPhotoData.activeCard = obj.activeObject.id;
     },
-    toAdd (item) {
-      this.CardList.addBaseList.push(item)
+    toAdd(item) {
+      this.CardList.addBaseList.push(item);
     },
-    handleClose (done) {
-      this.$confirm('纭鍏抽棴锛�')
-        .then(_ => {
+    handleClose(done) {
+      this.$confirm("纭鍏抽棴锛�")
+        .then((_) => {
           done();
         })
-        .catch(_ => { });
+        .catch((_) => {});
     },
-    showUpload () {
+    showUpload() {
       this.VideoPhotoData.uploadDiaplay = !this.VideoPhotoData.uploadDiaplay;
       //鍒濆鍖栨暟鎹�
       this.VideoPhotoData.clearStatus();
@@ -565,7 +628,7 @@
       // }
       //this.VideoPhotoData.uploadImg = require("C:/Users/mdesign/Desktop/cvasdv.jpg");
     },
-    getDateInit () {
+    getDateInit() {
       // 瑕佹眰 榛樿涓�涓湀
       const end = new Date();
       const start = new Date();
@@ -578,16 +641,16 @@
       end.setTime(nowDate.getTime() + 3600 * 1000 * 24 - 1);
       return [
         this.$moment(start).format("YYYY-MM-DD HH:mm:ss"),
-        this.$moment(end).format("YYYY-MM-DD HH:mm:ss")
+        this.$moment(end).format("YYYY-MM-DD HH:mm:ss"),
       ];
     },
-    format (array) {
+    format(array) {
       return [
         this.$moment(array[0]).format("YYYY-MM-DD HH:mm:ss"),
-        this.$moment(array[1]).format("YYYY-MM-DD HH:mm:ss")
+        this.$moment(array[1]).format("YYYY-MM-DD HH:mm:ss"),
       ];
     },
-    searchingBtn () {
+    searchingBtn() {
       // let obj = document.getElementById('searchMid');
       // let load = this.$loading({
       //   target:obj,
@@ -597,10 +660,10 @@
       this.VideoPhotoData.page = 1;
       this.VideoPhotoData.queryTabs = this.tagValues;
       //澶勭悊鎼滅储绫诲瀷
-      var tempArr = this.taskValues.map(task => task.split(','));
+      var tempArr = this.taskValues.map((task) => task.split(","));
       var tasks = [];
-      tempArr.forEach(arr => {
-        tasks = tasks.concat(arr)
+      tempArr.forEach((arr) => {
+        tasks = tasks.concat(arr);
       });
       this.VideoPhotoData.queryTasks = tasks;
 
@@ -619,9 +682,9 @@
         this.setLoadSearch(this.VideoPhotoData.findPersonByPage());
       }
     },
-    stringToNum () {
+    stringToNum() {
       var arr = [];
-      this.alarmValues.forEach(element => {
+      this.alarmValues.forEach((element) => {
         if (element == "-1") {
           arr.push(-1);
         }
@@ -643,7 +706,7 @@
       });
       return arr;
     },
-    changePages (page) {
+    changePages(page) {
       this.VideoPhotoData.page = page;
       if (!this.VideoPhotoData.uploadType) {
         this.VideoPhotoData.uploadDiaplay = false;
@@ -654,10 +717,10 @@
         this.setLoadSearch(this.VideoPhotoData.findPersonByPage());
       }
     },
-    closeWindow (index) {
+    closeWindow(index) {
       this.CardList.addBaseList.splice(index, 1);
     },
-    handleSizeChange (integer, integerSearchImg) {
+    handleSizeChange(integer, integerSearchImg) {
       if (this.VideoPhotoData.uploadDiaplay) {
         this.VideoPhotoData.size = integerSearchImg * 10;
         //this.VideoPhotoData.findPersonByPage();
@@ -666,7 +729,7 @@
         //this.VideoPhotoData.querySearchList();
       }
     },
-    sizeChange (size) {
+    sizeChange(size) {
       if (this.VideoPhotoData.uploadType) {
         this.VideoPhotoData.size = size;
         this.VideoPhotoData.findPersonByPage();
@@ -677,10 +740,10 @@
         this.setLoadSearch(this.VideoPhotoData.querySearchList());
       }
     },
-    clearSearch () {
-      this.tagValues = []
-      this.taskValues = []
-      this.alarmValues = []
+    clearSearch() {
+      this.tagValues = [];
+      this.taskValues = [];
+      this.alarmValues = [];
       this.VideoPhotoData.queryTabs = [];
       this.VideoPhotoData.queryTasks = [];
       this.VideoPhotoData.queryAlarmlevel = [];
@@ -695,22 +758,22 @@
         this.setLoadSearch(this.VideoPhotoData.findPersonByPage());
       }
     },
-    disabled (data) {
+    disabled(data) {
       this.isDisabled = data;
     },
-    getCenter () {
+    getCenter() {
       this.center = {
         x: document.documentElement.clientWidth / 2 - 250,
-        y: document.documentElement.clientHeight / 2 - 200
+        y: document.documentElement.clientHeight / 2 - 200,
       };
     },
-    setLoadSearch (fn) {
+    setLoadSearch(fn) {
       this.AuthData.setLoading("searchMid", this);
-      fn.then(_ => {
+      fn.then((_) => {
         this.AuthData.closeLoad();
-      })
+      });
     },
-    tagChange (obj) {
+    tagChange(obj) {
       if (obj.length > 0) {
         this.showType = "compare";
       } else {
@@ -720,8 +783,8 @@
       this.VideoPhotoData.queryTabs = obj;
 
       this.setLoadSearch(this.VideoPhotoData.querySearchList());
-    }
-  }
+    },
+  },
 };
 </script>
 
@@ -921,7 +984,7 @@
       width: 100%;
       height: 100%;
       .el-loading-spinner-search {
-        background: url('/images/search/searchLoading.gif') no-repeat;
+        background: url("/images/search/searchLoading.gif") no-repeat;
       }
     }
   }

--
Gitblit v1.8.0