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