feat：完善整体样式

src/views/home/index.vue

@@ -1,32 +1,31 @@
 <template>
-  <!-- <Header title="奉节县旅游指挥调度中心" is-skip :nav-left="navLeft" :nav-right="navRight" />
-  <CoreVideo /> -->
-  <box1 :data="data" />
+  <box1 />
   <box2 />
   <box3 />
-  <!-- <Correspondence /> -->
 </template>
 
 <script setup>
   import box1 from './components/box-1.vue'
   import box2 from './components/box-2.vue'
   import box3 from './components/box-3.vue'
-
   import { useWebSocket } from '@/hooks/socket'
 
-  const { data, sendMessage } = useWebSocket('ws://36.138.38.16:81/ws/third-party')
+  const { data, isConnected, sendMessage } = useWebSocket('ws://36.138.38.16:81/ws/third-party')
 
   provide('homeData', data)
 
-  const navLeft = [
-    { name: '安全', path: '/monitor' },
-    { name: '景区', path: '/scenic' },
-    { name: '交通', path: '/traffic' }
-  ]
-  const navRight = [
-    { name: '停车' },
-    { name: '工单', path: '/workOrder' },
-    { name: '舆情', path: '/sentiment' },
-    { name: '酒店' }
-  ]
+  watch(
+    () => isConnected.value,
+    (val) => {
+      if (val) {
+        sendMessage(
+          JSON.stringify({
+            action: 'start',
+            type: 'index',
+            scenitspot: 'index'
+          })
+        )
+      }
+    }
+  )
 </script>