2025.7.18 动态溯源-测试版本

riku

2025-07-18 306ef09707d6bcf9ffa67de55f86ab6f4362deee

 src/views/historymode/HistoryMode.vue

@@ -28,7 +28,6 @@
        :factor="factorDatas.factor[factorType]"
        @change="handleLegendTypeChange"
      ></FactorLegend>
      <!-- <SourceTrace></SourceTrace> -->
    </el-row>
    <el-row class="historical" justify="center">
      <HistoricalTrajectory
@@ -53,6 +52,13 @@
      :device-type="deviceType"
      :device-code="deviceCode"
    ></DataSheet>
    <SourceTrace
      class="source-trace"
      v-model:factorType="factorType"
      direction="left"
      mode="history"
      :mission-code="missionCode"
    ></SourceTrace>
  </div>
</template>

@@ -87,6 +93,7 @@
  },
  data() {
    return {
      missionCode: undefined,
      // 监测设备类型
      deviceType: TYPE0,
      // 监测设备编号
@@ -119,7 +126,7 @@
    factorType(nValue, oValue) {
      if (nValue != oValue && this.status == 0) {
        Layer.clear();
        this.draw();
        this.draw(true);
        // this.drawHighlightPollution();
      }
    }
@@ -162,13 +169,17 @@
      done();
      this.draw();
    },
    draw() {
    draw(notSetBound) {
      // 刷新图例
      const factor = this.factorDatas.factor[this.factorType];
      sector.clearSector();
      // this.drawRoadLine(factor);
      this.drawRoadMap(factor);
      this.drawMassMarks(factor);
      // 调整地图视角
      if (!notSetBound) {
        mapUtil.setBound(this.factorDatas.lnglats_GD);
      }
    },
    // 绘制3D走行路线图
    drawRoadMap(e) {
@@ -183,8 +194,6 @@
      marks.drawMassMarks(this.factorDatas, e, (index) => {
        this.handelIndexChange(index);
      });
      // 调整地图视角
      mapUtil.setBound(this.factorDatas.lnglats_GD);
    },
    drawSector(index) {
      // 1. 绘制新扇形区域
@@ -227,6 +236,7 @@
      this.deviceType = deviceType;
      this.deviceCode = deviceCode;
      this.mission = mission;
      this.missionCode = mission.missionCode;
      let startTime, endTime;
      if (timeArray && timeArray.length == 2) {
        startTime = moment(timeArray[0]).format('YYYY-MM-DD HH:mm:ss');
@@ -307,4 +317,9 @@
  left: 0;
  right: 0;
}
.source-trace {
  position: absolute;
  right: 0;
  bottom: 0px;
}
</style>