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()
+})