From cce5e625e8870248081302513b9cb38e676a04e5 Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@iotlink.com>
Date: 星期五, 25 六月 2021 15:34:37 +0800
Subject: [PATCH] 调整全景跟踪目标选择的样式
---
src/pages/panoramicView/components/TracePlot.vue | 15 +++++++++------
1 files changed, 9 insertions(+), 6 deletions(-)
diff --git a/src/pages/panoramicView/components/TracePlot.vue b/src/pages/panoramicView/components/TracePlot.vue
index 1c91063..a4e5aca 100644
--- a/src/pages/panoramicView/components/TracePlot.vue
+++ b/src/pages/panoramicView/components/TracePlot.vue
@@ -29,6 +29,7 @@
@click="checkTarget(item)"
>
<!-- <img src alt :style="{backgroundColor:item.color}"/> -->
+ <img :src="'/httpImage/'+item.picSmUrl" />
</div>
</div>
</div>
@@ -113,7 +114,6 @@
},
beforeDestroy() {
- console.log('beforeDestroy')
clearInterval(this.timer);
},
methods: {
@@ -175,7 +175,7 @@
})
});
for (var i = 0; i < _this.actObjs.length; i++) {
- _this.actObjs[i].color = _this.colorArr[i % 10];
+ this.$set(_this.actObjs[i], 'color', _this.colorArr[i % 10]);
this.$set(_this.actObjs[i], 'isHide', _this.actObjs[i].isHide);
}
_this.drawTracePath();
@@ -224,7 +224,6 @@
})
},
drawTracePath() {
- console.log(this.actObjs)
let canvas = this.$refs['trackArea'];
let ctx = canvas.getContext('2d');
ctx.clearRect(0, 0, canvas.width, canvas.height);
@@ -338,16 +337,20 @@
if (!_this.actObjs[i].posInfo.length) {
_this.actObjs.splice(i, 1);
}
- _this.actObjs[i].color = _this.colorArr[i % 10];
+
+ this.$set(_this.actObjs[i], 'color', _this.colorArr[i % 10]);
this.$set(_this.actObjs[i], 'isHide', _this.actObjs[i].isHide);
}
- console.log(new Date(), _this.actObjs);
+
+ // console.log(_this.actObjs)
_this.drawTracePath();
_this.timeMark = new Date();
_this.timer = setTimeout(() => {
_this.searchData()
}, _this.intervalTime)
+
+
})
}
}
@@ -358,7 +361,7 @@
.trace-plot {
.filter-bar {
width: 960px;
- margin: 20px auto;
+ margin: 20px 10px;
display: flex;
align-items: center;
flex-direction: end;
--
Gitblit v1.8.0