feature: 弱网环境检测和在线模式、离线模式自动切换

src/components/page/HomePage.vue

@@ -5,6 +5,7 @@ import BottomBar from "@/components/BottomBar.vue";
 import Toolbar from "@/components/toolbar.vue";
 import CollisionDetection from "@/components/CollisionDetection.vue";
 import {useMessage} from 'naive-ui'
+import {useStaticStore} from "@/store/staticOptions.js";
 
 export default defineComponent({
   name: "HomePage",
@@ -13,8 +14,32 @@ export default defineComponent({
     return {
       showDetection: false,
       graphHeight: 0,
-      message: useMessage()
+      message: useMessage(),
+			staticStore: useStaticStore(),
+			timeId: undefined,
+			msgbox: true,
     }
+  },
+	mounted() {
+		if(!window.navigator.onLine) {
+			this.message.warning('无法连接互联网，当前为离线模式')
+			this.staticStore.networkStatus.offlineMode = true
+		}else{
+			this.setNetworkTimer()
+		}
+
+		// 网络状态监测
+		window.addEventListener('online', () => {
+			this.message.success('网络已连接')
+			this.staticStore.networkStatus.offlineMode = false
+			this.setNetworkTimer()
+		})
+		window.addEventListener('offline', () => {
+			this.message.warning('无法连接互联网，已进入离线模式')
+			this.staticStore.networkStatus.offlineMode = true
+			// 	关闭网络检测定时器
+			this.timeId && clearInterval(this.timeId)
+		})
 	},
 	computed: {
     setPageStyle: function () {
@@ -31,6 +56,24 @@ export default defineComponent({
         this.showDetection = true
       }
     },
+		setNetworkTimer(){
+			this.timeId = setInterval(()=>{
+				console.log(navigator['connection'].downlink)
+				if(navigator['connection'].downlink < 1){
+					this.staticStore.networkStatus.offlineMode = true
+					if(this.msgbox){
+						this.message.warning('检测到当前网络环境差，已切换至离线模式')
+						this.msgbox = false
+					}
+				}else{
+					this.staticStore.networkStatus.offlineMode = false
+					if(!this.msgbox){
+						this.msgbox = true
+						this.message.info('已切换至在线模式')
+					}
+				}
+			},3000)
+		}
   }
 })
 </script>

src/components/toolbar.vue

@@ -201,7 +201,7 @@ async function connectWebSocket() {
           hasPlane.value = true;
         }
         // 加载和更新碰撞检测图(50帧更新一次) (只在联网模式下启用)
-        if(frameCount>50 && lStore.openDetect && window.navigator.onLine){
+        if(frameCount>50 && lStore.openDetect && !store.networkStatus.offlineMode){
           emit('resizeMap', detectDivHeight.value)
           showDetection.value = true
           frameCount = 0

src/store/staticOptions.js

@@ -11,6 +11,9 @@ export const useStaticStore = defineStore('staticOptions',{
                 password:"sysUser003",
                 token:"",
             },
+            networkStatus: {
+              offlineMode: false,   //离线模式
+            },
             menuOptions:{
                 EditOptions: [
                     {label: '绘制航线', key: 'createLine'},