From 5d43a50efe1773feee64b815c25252149529fe36 Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@iotlink.com>
Date: 星期二, 22 六月 2021 18:00:14 +0800
Subject: [PATCH] 完善全景跟踪检索交互

---
 src/pages/panoramicView/components/History.vue |   17 +++++++++--------
 1 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/pages/panoramicView/components/History.vue b/src/pages/panoramicView/components/History.vue
index c7e179b..197c7a1 100644
--- a/src/pages/panoramicView/components/History.vue
+++ b/src/pages/panoramicView/components/History.vue
@@ -25,7 +25,7 @@
           class="list-item"
           v-for="item in personList"
           :key="item.id"
-          :style="selectedID == item.id ? 'border-color:#3D68E1': ''"
+          :style="item.selected ? 'border-color:#3D68E1': ''"
           @click="checkTarget(item)"
         >
           <!-- <img src alt :style="{backgroundColor:item.color}"/> -->
@@ -74,11 +74,12 @@
   name: "histroy",
   computed: {
     videos() {
-      if (this.selectedID == "") {
+      if (this.searching) {
         return this.videoList
       }
 
-      return this.videoList.filter(v => v.id == this.selectedID);
+      // return this.videoList.filter(v => v.id == this.selectedID);
+      return this.videoList.filter(v => v.selected);
     }
   },
   data() {
@@ -115,7 +116,7 @@
           }
         }]
       },
-      selectedID: "",
+      search: "",
       personList: [],
       videoList: [
         // {
@@ -137,15 +138,15 @@
       }
 
       this.searchData();
-
     },
     checkTarget(item) {
-      this.selectedID = item.id;
+      this.searching = false;
+      this.$set(item, 'selected', item.selected != undefined ? !item.selected : true);
     },
     searchData() {
-      this.selectedID = "";
-
       findTraceResult({ searchTime: this.searchTime }).then(rsp => {
+        this.searching = true;
+
         this.videoList = this.personList = [];
 
         if (rsp && rsp.success && rsp.data) {

--
Gitblit v1.8.0