feat：完善功能

src/views/scenic/index.vue

@@ -6,6 +6,51 @@
 <script setup>
   import box1 from './components/box-1.vue'
   import box2 from './components/box-2.vue'
+  import { useWebSocket } from '@/hooks/socket'
+  import { useScenicStore } from '@/stores/scenic'
+
+  const scenicStore = useScenicStore()
+  const { isConnected, sendMessage, dataRes } = useWebSocket('ws://36.138.38.16:81/ws/scenic-spot')
+
+  watch(
+    () => isConnected.value,
+    (val) => {
+      if (val) {
+        sendMessage(JSON.stringify({ action: 'start', type: '', scenicSpotId: '1' }))
+      }
+    }
+  )
+  watch(
+    () => dataRes.value,
+    (val) => {
+      if (val) {
+        console.log(val, '接受消息')
+        switch (val.type) {
+          case 'scenicSpotData':
+            scenicStore.setScenicSpotData(val.data)
+            break
+          case 'scenicSppotLineUp':
+            scenicStore.setScenicQueueData(val)
+            break
+          case 'scenicSppotLoad':
+            scenicStore.setScenicBearData(val)
+            break
+          case 'stopCarData':
+            scenicStore.setStopCarData(val)
+            break
+          case 'secureData':
+            scenicStore.setSecureData(val)
+            break
+          case 'trafficInformation':
+            scenicStore.setTrafficData(val)
+            break
+          case 'userPortrait':
+            scenicStore.setUserPortraitData(val)
+            break
+        }
+      }
+    }
+  )
 </script>
 
 <style scoped lang="scss"></style>