地图事件实时刷新

ruoyi-ui/src/views/JiHeExpressway/pages/Home/components/HomeFilter/index.vue

@@ -133,12 +133,12 @@ export default {
     },
     async handleResetForm() {
       if(this.isButtonClick){return}
-        
+
       this.isButtonClick = true;
       setTimeout(() => {
         this.isButtonClick = false;
       }, 500);
-      
+
       this.$refs.FormConfigRef?.reset();
       this.activeIcon = "filter";
       this.filterEnd(initSearch);
@@ -152,14 +152,14 @@ export default {
         data.startStakeMark[0] = data.startStakeMark[0].padStart(3,'0')
         data.startStakeMark[1] = data.startStakeMark[1].padStart(3,'0')
       }
-        
+
       if (!data.endStakeMark[0] || !data.endStakeMark[1]){
         delete data.endStakeMark;
       } else {
         data.endStakeMark[0] = data.endStakeMark[0].padStart(3,'0')
         data.endStakeMark[1] = data.endStakeMark[1].padStart(3,'0')
       }
-        
+
       this.activeIcon = null;
       this.filterEnd(data);
     },
@@ -178,6 +178,10 @@ export default {
   async created() {
     // await this.getDeviceTypeOptions();
   },
+  mounted() {
+    //添加全局事件监听
+    this.$root.$on('refreshMap', this.handleSearch);
+  },
 };
 </script>
 

ruoyi-ui/src/views/websocket.vue

@@ -32,6 +32,7 @@ export default {
       this.socket.initialize({
         // url: 'ws://' + location.hostname + ':' + port + path,
         url: 'wss://' + location.hostname + ':' + window.location.port + '/ws' || 80 + '/ws',
+        // url: 'wss://10.0.111.11:90/ws',
         // url: "ws://10.168.66.196:7789" +  path,
         // url: 'ws://10.168.77.128:7789/ws',
         // url: "ws://10.7.179.15" + ":" + port + path,
@@ -105,6 +106,9 @@ export default {
             });
             break;
           case "0":
+            this.$emit("newEvent", params);
+            this.$root.$emit('refreshMap');
+            break;
           case "3":
           case "externalPlatformOffline":
           case "trafficFlowDataEarlyWarning":
@@ -112,6 +116,7 @@ export default {
             break;
           case "2":
             this.triggerAlert()
+            this.$root.$emit('refreshMap');
             setTimeout(() => {
               this.$emit("newEvent", params);
             }, 1000); // 1000 毫秒 = 1 秒
@@ -125,6 +130,7 @@ export default {
             }else{
               this.$emit("newEvent", params);
             }
+            this.$root.$emit('refreshMap');
             break;
           case "deviceState":
             this.EventBus.$emit("deviceState", contentList);