diff --git a/src/views/device/device/add_edit.vue b/src/views/device/device/add_edit.vue index 28decae..1c3a291 100644 --- a/src/views/device/device/add_edit.vue +++ b/src/views/device/device/add_edit.vue @@ -11,7 +11,7 @@ + /> diff --git a/src/views/screen/devItem/index.vue b/src/views/screen/devItem/index.vue index d588e5f..74e97f2 100644 --- a/src/views/screen/devItem/index.vue +++ b/src/views/screen/devItem/index.vue @@ -141,6 +141,7 @@ import StackBarChart from './component/stackBarChart.vue'; import Progress from './component/Progress.vue'; import LineChart from './component/lineChart.vue'; import { useRoute,useRouter } from 'vue-router'; +import { connectWebsocket, closeWebsocket} from "@/utils/websocket"; import { listDevice, deviceCheck, deviceRepair, deviceStatusById, deviceStatusChart,deviceRateChart,deviceElectChart } from '@/api/screen/micro' @@ -240,6 +241,27 @@ function getdeviceElectChart() { function handleBack() { router.go(-1); } + + + +//socket +function getWebsocket(val) { + try { + let data = JSON.parse(val); + + if (data.type == "status" && data.msg.id == id.value) { + let obj = data.msg; + devStatus.state = obj.status; + + } + } catch (err) { + console.log(err); + } +} +function errWebsocket(val) { + // headerref.value.HeadererrWebsocket(val) + // console.log(val); +} onMounted(() => { id.value = route.params.id; getDeviceCheck(); @@ -249,8 +271,11 @@ onMounted(() => { getDeviceStatusChart() getDeviceRateChart() getdeviceElectChart() + connectWebsocket('','',getWebsocket, errWebsocket) }); - +onUnmounted(() => { + closeWebsocket() +})