ZZJ
2021-11-09 ccee429d379e0108b7445f72ade8d97c110a6fb3
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;