信号评价对接轨迹回放

wj-manage-web/src/common/js/singal/resize.js

@@ -2,7 +2,6 @@
 	var getFontSize = function () {
 		var fontSize = 0;
 		var clientWidth = docEl.clientHeight;
-		console.log(clientWidth);
 		//console.log(clientWidth,"clientWidth---")
 		if (!clientWidth) {
 			return

wj-manage-web/src/components/CrossControl/crossContent.vue

@@ -674,7 +674,6 @@ export default {
 
       var dirLampGroupMap = this.dirLampGroupMap || {};
       var dirMap = dirLampGroupMap[dirType] || {};
-      console.log(dirMap);
       var color = dirMap[phaseDist[direction]] || "";
       color = color.trim();
       if (color) {

wj-manage-web/src/components/Standard/map/pathMap/pathMap.vue

@@ -142,7 +142,7 @@ export default {
       return [map, scene];
     },
     clearAll() {
-      window.tb.clear(true);
+      window.tb?.clear(true);
       this.dillPath = [];
       this.fullTrack = [];
       this.playStatus = false;

wj-manage-web/src/views/signal/crossContent.vue

@@ -879,6 +879,7 @@ export default {
   width: 100%;
   height: 100%;
   position: relative;
+  border: none;
   /* border: 0.0115rem solid #ffffff; */
   border-radius: 100%;
 }

wj-manage-web/src/views/signal/dialogCross.vue

@@ -94,12 +94,19 @@
         </div>
         <div class="detail-title">轨迹回放</div>
         <div class="map-box">
-          <timeSlider
+          <!-- <timeSlider
             :duration="minutes.value * 120"
             class="time-slider-com"
             v-if="minutes.value"
           ></timeSlider>
-          <MapCompWithCtrl ref="signal_dialog_map" mapId="signal_dialog_map" />
+          <MapCompWithCtrl ref="signal_dialog_map" mapId="signal_dialog_map" /> -->
+          <path-map-ctrl
+            style="height: 100%"
+            :params="pathParam"
+            apiName="vehicleTrack"
+            class="common_map"
+            ref="tab_map"
+          ></path-map-ctrl>
         </div>
       </div>
     </div>
@@ -113,12 +120,14 @@ import crossContent from "./crossContent.vue";
 import { api_evaluateCrossDetail, api_evaluateMetrics } from "@/dao/signal.js";
 import timeSlider from "./timeSlider.vue";
 import MapCompWithCtrl from "../../components/Standard/map/mapCompWithCtrl.vue";
+import PathMapCtrl from "../../components/Standard/map/pathMap/index.vue";
 let signalMap = null;
 export default {
   name: "dialogCross",
-  components: { MapCompWithCtrl, crossContent, timeSlider },
+  components: { MapCompWithCtrl, crossContent, timeSlider, PathMapCtrl },
   data() {
     return {
+      pathParam: {},
       wsType: "signal",
       crossId: "",
       dirObj: {
@@ -185,17 +194,29 @@ export default {
     this.getCrossWs();
     this.crossShow = true;
     this.initApiData();
-    this.$nextTick(() => {
-      const mapCenter = [this.model.location?.[0], this.model.location?.[1]];
-      signalMap = this.$refs.signal_dialog_map.init();
-      signalMap.setCenter(mapCenter);
-      // this.$refs.tab_map.noVehicleView()
-    });
+
+    // this.$nextTick(() => {
+    //   const mapCenter = [this.model.location?.[0], this.model.location?.[1]];
+    //   signalMap = this.$refs.signal_dialog_map.init();
+    //   signalMap.setCenter(mapCenter);
+    //   // this.$refs.tab_map.noVehicleView()
+    // });
     // setTimeout(() => {
     //   this.$refs.indexbacks.fitSmall();
     // }, 500);
   },
   methods: {
+    mapInit(startTime, endTime) {
+      this.pathParam = {
+        // crossId: "12F6S08J8T0",
+        crossId: this.crossId,
+        endTime: endTime,
+        startTime: startTime,
+      };
+      this.$nextTick(() => {
+        this.$refs.tab_map.getTracksAndPlay();
+      });
+    },
     initApiData() {
       const params = {
         crossId: this.model.crossId,
@@ -205,6 +226,7 @@ export default {
         if (res) {
           const data = res.content;
           this.kipApiData = data;
+          this.mapInit(data.windowStartTime, data.windowEndTime);
           this.kipData.forEach((item) => {
             if (item.key === "optStatus") {
               item.value =