修改

src/components/mars3d/Map.vue

@@ -150,9 +150,25 @@ export default {
           that.zuobianData = data1
           //console.log("zuobianData",that.zuobianData);
           //console.log("weilanName",that.weilanName); 
+          
+          this.getlishiguijiFn();
+
+				}
+			})
+
+    },
+    //后台获取数据——获取实时位置
+    getlishiguijiFn() {
+      let that = this;
+      HttpReq.truckDispatching.getCarTrajectoryQuery().then((res) => {
+        //console.log(res);
+				if(res.code == 200){
+          that.historyTrajectoryData = res.data;
+
           this.$nextTick(()=>{
             if (this.appendToBody) {
               document.body.appendChild(this.$el)
+              console.log(465);
             }
             if (this.mapKey) {
               this.initMars3d(this.options)
@@ -165,16 +181,6 @@ export default {
 
         }
 			})
-
-    },
-    //后台获取数据——获取实时位置
-    getlishiguijiFn() {
-      let that = this;
-      HttpReq.truckDispatching.getCarTrajectoryQuery().then((res) => {
-				if(res.code == 200){
-          that.historyTrajectoryData = res.data;
-        }
-			})
     },
    
     //创建地图
@@ -196,7 +202,6 @@ export default {
       
       //围栏回显
       that.zuobianData.forEach(function(item,index){
-        //console.log(item);
         var graphicLayer = new mars3d.layer.GraphicLayer();
         map.addLayer(graphicLayer);
         initLayerManager(graphicLayer,that.weilanName[index]);
@@ -204,10 +209,11 @@ export default {
       })
 
       //实时位置
-      var graphicLayer4 = new mars3d.layer.GraphicLayer();
-      map.addLayer(graphicLayer4)
-      //that.addDemoGraphics(graphicLayer4);
-      
+      // that.historyTrajectoryData.forEach((item,index)=>{
+      //   var graphicLayer4 = new mars3d.layer.GraphicLayer();
+      //   map.addLayer(graphicLayer4)
+      //   that.addDemoGraphics(graphicLayer4,item);
+      // })
 
       // 抛出事件
       this.$emit('onload', map)
@@ -246,16 +252,13 @@ export default {
       return property;
     },
     //实时位置
-    addDemoGraphics(graphicLayer4) {
+    addDemoGraphics(graphicLayer4,item) {
       let that = this;
-      
-      for (let i = 0; i < 1; i++) {
       const graphic = new mars3d.graphic.ModelPrimitive({
         style: {
           url: "//data.mars3d.cn/gltf/mars/car/tufangche.glb",
           scale: 0.1,
           minimumPixelSize: 50,
-
           // 高亮时的样式（默认为鼠标移入，也可以指定type:'click'单击高亮），构造后也可以openHighlight、closeHighlight方法来手动调用
           highlight: {
             type: mars3d.EventType.click,
@@ -263,10 +266,9 @@ export default {
             silhouetteColor: "#ff0000",
             silhouetteSize: 4
           },
-
           label: {
             // 不需要文字时，去掉label配置即可
-              text: "鲁A12345",
+            text: item.name,
             font_size: 16,
             color: "#ffffff",
             outline: true,
@@ -279,35 +281,31 @@ export default {
         },
       })
       graphicLayer4.addGraphic(graphic)
-      }
 
       // 设置动态位置
       graphicLayer4.eachGraphic((graphic) => {
-        graphic.addDynamicPosition(that.randomPoint()) // 首次出现的位置
+        graphic.addDynamicPosition(Cesium.Cartesian3.fromDegrees(item.lat, item.lon, 500)) // 首次出现的位置
       })
       graphicLayer4.eachGraphic((graphic) => {
-        graphic.addDynamicPosition(that.randomPoint(), 50) // 按20秒运动至指定位置
+        graphic.addDynamicPosition(that.randomPoint(item.name), 6) // 按6秒运动至指定位置
       })
 
       // 定时更新动态位置（setInterval为演示）
-      setInterval(() => {
-        graphicLayer4.eachGraphic((graphic) => {
-          graphic.addDynamicPosition(that.randomPoint(), 50)
-        })
-      }, 20000)
+      // setInterval(() => {
+      //   graphicLayer4.eachGraphic((graphic) => {
+      //     graphic.addDynamicPosition(that.randomPoint(item.name), 6)
+      //   })
+      // }, 6000)
     },
     // 取区域内的随机点
-    randomPoint() {
-      this.getlishiguijiFn()
-      // const jd = this.random(117.130666 * 1000, 117.130241 * 1000) / 1000
-      // const wd = this.random(36.655207 * 1000, 36.665207 * 1000) / 1000
-      // console.log("jd",jd);
-      // console.log("wd",wd);
-      // return Cesium.Cartesian3.fromDegrees(jd, wd, 500)
-    },
-    random(min, max) {
-      return Math.floor(Math.random() * (max - min + 1) + min)
+    randomPoint(name) {
+      HttpReq.truckDispatching.getCarTrajectoryQuery({name:name}).then((res) => {
+				if(res.code == 200){
+          return Cesium.Cartesian3.fromDegrees(res.data[0].lat, res.data[0].lon, 500)
         }
+			})
+    },
+    
   }
 }
 </script>

src/components/mars3d/js/graphicManager.js

@@ -178,7 +178,8 @@ import $ from 'jquery'
       //attr.text = "围栏";
       // attr["视频"] = `<video src='http://data.mars3d.cn/file/video/lukou.mp4' controls autoplay style="width: 300px;" ></video>`;
   
-      return mars3d.Util.getTemplateHtml({ title: "围栏区域", template: "all", attr: attr });
+      //return mars3d.Util.getTemplateHtml({ title: "围栏区域", template: "all", attr: attr });
+      return mars3d.Util.getTemplateHtml({ title: "围栏区域", template: "all"});
     });
   }
   

src/views/MLargeScreen/components/dataAnalysis/index.vue

@@ -916,9 +916,9 @@ export default {
     width: 100%;
     height: 19vh;
 }
-.table-box{
+/* .table-box{
 	margin-top: -10px;
-}
+} */
 dl{
 	display:table;
 	width:100%;

src/views/MLargeScreen/components/intelligentSchedul/index.vue

@@ -17,8 +17,7 @@
                         <div class="voiceAppContent_2_content">
                             <el-checkbox-group v-model="selectCarRadioArray">
                                 <el-checkbox v-for="(item,index) in carsInforData" :label="item" :key="index" style="margin-top:7px;">
-                                    <div style="width:7.5vw;margin-left:1.7vw;">{{item.name}}</div>
-                                    <div>{{item.number}}</div>
+                                    <div style="width:12vw;margin-left:1.7vw;text-align: center;">{{item.number}}</div>
                                 </el-checkbox>
                             </el-checkbox-group>
                         </div>
@@ -27,7 +26,7 @@
                         <div class="voiceAppContent_2_title">已选中车辆</div>
                         <div class="voiceAppContent_3_content">
                             <div v-for="(item,index) in selectCarRadioArray" :key="index" class="voiceAppContent_3_content_selectCar">
-                                <div>{{item.name}}</div>
+                                <div>{{item.number}}</div>
                                 <div style="width:20px;height:20px;background-color: rgb(4,112,171);text-align: center;font-size:30px;line-height:20px;cursor: pointer;" @click="cancelSelect(index)">
                                     <span>×</span>
                                 </div>
@@ -205,9 +204,9 @@ export default {
 
                 //页面刚进入时开启长连接
                 this.initWebSocket();
-                this.heartbeatTimer = setInterval(() => {
-                    this.reconnect();
-                }, 10000)
+                // this.heartbeatTimer = setInterval(() => {
+                //     this.reconnect();
+                // }, 10000)
 
             }else{
                 this.whetherShow = false;
@@ -521,9 +520,9 @@ export default {
 .intelligentSchScrView_leftView_content,.intelligentSchScrView_rightView_content{
     width: 100%;
 }
-.table-box{
+/* .table-box{
 	margin-top: -10px;
-}
+} */
 dl{
 	display:table;
 	width:100%;