feat:对接监控大屏
This commit is contained in:
@@ -8,9 +8,15 @@
|
||||
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 { isConnected, sendMessage } = useWebSocket('ws://36.138.38.16:81/ws/third-party')
|
||||
import { useWebSocket } from '@/hooks/socket'
|
||||
import { useHomeStore } from '@/stores/home'
|
||||
import { mode, socketBaseUrl, proSocketBaseUrl } from '@/utils/config'
|
||||
|
||||
const homeStore = useHomeStore()
|
||||
const { isConnected, dataRes, sendMessage } = useWebSocket(
|
||||
`${mode == 'dev' ? socketBaseUrl : proSocketBaseUrl}/ws/third-party`
|
||||
)
|
||||
|
||||
watch(
|
||||
() => isConnected.value,
|
||||
@@ -26,7 +32,52 @@
|
||||
}
|
||||
}
|
||||
)
|
||||
|
||||
watch(
|
||||
() => dataRes.value,
|
||||
(val) => {
|
||||
if (val) {
|
||||
console.log(val, '首页接受消息')
|
||||
switch (val.type) {
|
||||
case 'userPortrait':
|
||||
homeStore.setUserPortraitData(val.data)
|
||||
break
|
||||
case 'admission':
|
||||
homeStore.setScenicData(val)
|
||||
break
|
||||
case 'queuingInScenicSpots':
|
||||
homeStore.setScenicQueueData(val)
|
||||
break
|
||||
case 'queuingScenicSpots':
|
||||
homeStore.setScenicBearData(val)
|
||||
break
|
||||
case 'visitorInfo':
|
||||
homeStore.setVisitorInfoData(val.data)
|
||||
break
|
||||
case 'visitorDataInfo':
|
||||
homeStore.setVisitorInfoList(val.data)
|
||||
break
|
||||
case 'baiduMap':
|
||||
homeStore.setBaiduMapData(val.data)
|
||||
break
|
||||
case 'wordkOrderlist':
|
||||
homeStore.setWordkOrderList(val.data)
|
||||
break
|
||||
case 'trafficInformation':
|
||||
homeStore.setTrafficInfoData(val)
|
||||
break
|
||||
case 'carStopInfo':
|
||||
homeStore.setCarStopInfoData(val)
|
||||
break
|
||||
case 'carShipData':
|
||||
homeStore.setCarShipData(val.data)
|
||||
break
|
||||
case 'hotelData':
|
||||
homeStore.setHotelData(val.data)
|
||||
break
|
||||
}
|
||||
}
|
||||
}
|
||||
)
|
||||
const switchSpot = (e) => {
|
||||
sendMessage(
|
||||
JSON.stringify({
|
||||
|
||||
Reference in New Issue
Block a user