| | |
| | | @click="checkTarget(item)" |
| | | > |
| | | <!-- <img src alt :style="{backgroundColor:item.color}"/> --> |
| | | <img :src="'/httpImage/'+item.picSmUrl" /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | |
| | | }, |
| | | beforeDestroy() { |
| | | console.log('beforeDestroy') |
| | | clearInterval(this.timer); |
| | | }, |
| | | methods: { |
| | |
| | | }) |
| | | }); |
| | | 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(); |
| | |
| | | }) |
| | | }, |
| | | drawTracePath() { |
| | | console.log(this.actObjs) |
| | | let canvas = this.$refs['trackArea']; |
| | | let ctx = canvas.getContext('2d'); |
| | | ctx.clearRect(0, 0, canvas.width, canvas.height); |
| | |
| | | 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) |
| | | |
| | | |
| | | }) |
| | | } |
| | | } |
| | |
| | | .trace-plot { |
| | | .filter-bar { |
| | | width: 960px; |
| | | margin: 20px auto; |
| | | margin: 20px 10px; |
| | | display: flex; |
| | | align-items: center; |
| | | flex-direction: end; |