值班人员轨迹优化

gassafety-web/src/assets/styles/gassafety.scss

@@ -105,13 +105,16 @@
 
 // gis地图中底部table样式
 .drawer {
-  // .el-button {
-  //   color:red;
-  //   .is-disabled {
-  //     background-color: none;
-  //   }
-  // }
-
+  .el-button {
+    color: #ffffff;
+    &:not(.is-disabled):hover {
+      color: rgb(46, 231, 231);
+    }
+    &.is-disabled {
+      border-color: #ccccccc3 !important;
+      color: #ccccccc3;
+    }
+  }
 }
 .right-bottom-data-left {
   .el-table {

gassafety-web/src/utils/gaodeMapView.js

@@ -103,6 +103,9 @@ class gaodeMap {
     // 地图开始平移删除infowindow
     this.myMap.on("movestart", () => {
       // console.log("地图平移");
+      // 如果这个值为真，下面都不执行,trac用的，第一额值班人员的infowindow显示的时候被消掉了
+      if (this.tracMoveFlag) return;
+
       if (this.leftListClick) {
         console.log("moveStart");
         this.closeInfoWindow();
@@ -113,11 +116,15 @@ class gaodeMap {
     // 地图开始缩放删除infowindow
     this.myMap.on("zoomstart", () => {
       // console.log("缩放开始")
+      this.domAllShow();
+      // 如果这个值为真，下面都不执行,trac用的，第一额值班人员的infowindow显示的时候被消掉了
+      if (this.tracMoveFlag) return;
       this.closeInfoWindow();
-      this.polyLinesColorClear()
-
+      this.polyLinesColorClear();
     });
     this.myMap.on("moveend", () => {
+      this.tracMoveFlag = false;
+
       if (this.handleInfoWindowOpenFunc) {
         this.handleInfoWindowOpenFunc();
         this.handleInfoWindowOpenFunc = null;
@@ -703,6 +710,11 @@ class gaodeMap {
   }
   //
   trackBack(marker, arr, data) {
+    this.tracMoveFlag = true;
+    // 飞过去
+    this.panTo(arr[0]);
+    // 放大
+    this.myMap.setZoom(13);
     // 值班人员轨迹回放
     AMap.plugin("AMap.MoveAnimation", () => {
       let lineArr = arr;
@@ -766,15 +778,30 @@ class gaodeMap {
       });
       // 刚开始的时候要立个点
       let workPoint = this.addMarker(DEVICE_TYPE.SMALLINSPECTOR, data[0]);
+      this.wokerManOpen({
+        target: workPoint,
+        lnglat: workPoint.getExtData().pos
+      });
       marker.pointArr.push(workPoint);
       marker.moveMarker.on("moveend", e => {
         // 如果不是最后一个点，就创建一个新的worderpoint，如果是就不创建，并且把自身删除
+        let z = {};
         if (e.index == lineArr.length - 1) {
+          z = {
+            target: marker,
+            lnglat: e.passedPos
+          };
           map.remove(marker.moveMarker);
         } else {
           workPoint = this.addMarker(DEVICE_TYPE.SMALLINSPECTOR, data[e.index]);
+          // workPoint.infoWindow.open(map,e.passedPos);
+          z = {
+            target: workPoint,
+            lnglat: e.passedPos
+          };
           marker.pointArr.push(workPoint);
         }
+        this.wokerManOpen(z);
       });
       marker.moveMarker.on("moveAlong", () => {
         console.log("moveAlong", e);
@@ -789,6 +816,7 @@ class gaodeMap {
     });
   }
   workerManAttrRemove(marker) {
+    marker.moveMarker && marker.moveMarker.stopMove();
     marker.moveMarker && map.remove(marker.moveMarker);
     marker.polyline && map.remove(marker.polyline);
     marker.passedPolyline && map.remove(marker.passedPolyline);