详情修复

src/assets/styles/map.scss

@@ -162,7 +162,7 @@
     & > div {
       height: 100%;
       width: 100%;
-      overflow-y: auto;
+      overflow: hidden;
     }
     ::-webkit-scrollbar {
       width: 3px; /* 滚动条宽度 */
@@ -188,7 +188,15 @@
       font-size: 18px;
       color: #ffffff;
       text-align: center;
-      margin: 15px 0 20px 0;
+      height: 20%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+    .diy-popup-container {
+      height: 80%;
+      width: 100%;
+      overflow-y: auto;
     }
     .sub-title {
       width: 120px;

src/components/grids.vue

@@ -45,9 +45,11 @@
       append-to-body
       :modal="false"
       :destroy-on-close="true"
+      :close-on-press-escape="false"
+      :close-on-click-modal="false"
     >
       <div class="video-dialog-top">
-        <div class="video-name-data">001号线_01_早送_守押001_苏E</div>
+        <div class="video-name-data">{{ missionName }}</div>
         <div class="dialog-close" @click="handleClose('0521')">
           <img src="../assets/images/dialog-close.png" alt="" />
           收起
@@ -88,6 +90,7 @@ export default {
   },
 
   created() {
+    this.missionName = this.$route.query.missionName;
     this.getCarInfo();
   },
   beforeDestroy() {

src/views/carInfo.vue

@@ -2,8 +2,8 @@
   <div class="map-container">
     <div class="container-top">
       <div class="next-stand">
-        <img src="../assets/images/next.png" alt="" />
+        <img src="../assets/images/sudu.png" alt="" />
-        <span>0</span>
+        <span>{{ mileData.speed }}</span>
       </div>
       <div class="real-time">
         <img src="../assets/images/realTime.png" alt="" />
@@ -35,6 +35,7 @@ export default {
       missionData: {}, //任务id
       mileData: {
         mile: 0, //已经行驶多少里程
+        speed: 0, //速度
       },
       queryParams: {
         startTime: undefined,
@@ -251,18 +252,23 @@ export default {
 
       const interval = 10;
       this.changePosition(interval);
+      if (process.env.NODE_ENV === "production") {
         this.timer = setInterval(() => {
           this.changePosition(interval);
         }, interval * 1000);
+      }
     },
     async changePosition(interval) {
       let list = await this.carPoint();
+      if (list.length == 0) return;
       let carItem = this.mapLayer.car.getGraphicById(this.queryParams.carId);
       // carItem.model.heading = parseFloat(list[0].drct);
       // console.log(carItem.model.heading, "sss");
       //StyleOptions({
       //   heading:parseFloat(list[0].drct)
       // })
+
+      this.mileData.speed = list[0].speed;
       this.mileData.mile = list[0].preMile;
       let position = Cesium.Cartesian3.fromDegrees(
         parseFloat(list[0].lng),
@@ -301,6 +307,7 @@ export default {
             <div class="popup-title">${this.missionData.missionName}<br/>
              
               </div>
+              <div class="diy-popup-container">
             <div class="popup-item">
                 <div class="popup-lable">线路类型：</div>
                 <div class="popup-value">${data.lineType}</div>
@@ -321,6 +328,7 @@ export default {
               </div>
                 </div>
                 </div>
+                </div>
           </div>`;
 
       fixedRoute.bindPopup(html, {