From d310c767eef62fc8202f531e7492ecd58779af72 Mon Sep 17 00:00:00 2001 From: longyvfengyun <496960745@qq.com> Date: 星期一, 09 十月 2023 16:03:54 +0800 Subject: [PATCH] 内容修改 --- src/views/home/js/homeInfoModule.js | 333 +++++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 319 insertions(+), 14 deletions(-) diff --git a/src/views/home/js/homeInfoModule.js b/src/views/home/js/homeInfoModule.js index 38885a5..43dd696 100644 --- a/src/views/home/js/homeInfoModule.js +++ b/src/views/home/js/homeInfoModule.js @@ -1,25 +1,69 @@ -import {reactive} from "vue"; +import {onMounted, reactive} from "vue"; +import createWs from "@/assets/js/tools/websocket/createWs"; +import regEquipType from "@/assets/js/tools/regEquipType"; const homeInfoModule = ()=>{ + const { + SOCKET + } = createWs("homePageSocket"); + + const handleOpen = ()=>{}; + + const handleMessage = (res=>{ + const rs = JSON.parse(res.data); + if(rs.code === 1 && rs.data) { + const data = rs.data2; + for(let i=0; i<data.length;i++) { + let iData = data[i]; + for(let j=0; j<homeInfo.length; j++) { + let jData = homeInfo[j]; + if(iData.roomName === jData.name && regEquipType(iData.devId, 'env')) { + jData.info.tmp = iData.envirState.devTemp.toHold(2); + jData.info.hum = iData.envirState.devHumid.toHold(2); + jData.info.diff = iData.envirState.devPresss.toHold(2); + } + } + } + } + }); + const homeInfo = reactive([ { name: "鏁版嵁鏈烘埧", temp: 32, hum: 7, diffPre: 1, + noInfo: true, pos: { - x: 446, - y: 355 + visible: true, + placement: "left", + x: 710, + y: 690 + }, + info: { + num: 99, + tmp: 20, + hum: 35, + diff: 5 } }, { - name: "鍩瑰吇闂�", + name: "鏃犺弻瀹�", temp: 32, hum: 7, diffPre: 1, + noInfo: false, pos: { - x: 555, - y: 385 + visible: true, + placement: "top", + x: 900, + y: 690 + }, + info: { + num: 99, + tmp: 0, + hum: 0, + diff: 0 } }, { @@ -27,9 +71,18 @@ temp: 32, hum: 7, diffPre: 1, + noInfo: true, pos: { - x: 765, - y: 450 + visible: true, + placement: "left", + x: 1230, + y: 690 + }, + info: { + num: 3, + tmp: 0, + hum: 0, + diff: 0 } }, { @@ -37,22 +90,274 @@ temp: 32, hum: 7, diffPre: 1, + noInfo: true, pos: { - x: 910, - y: 495 + visible: true, + placement: "top", + x: 1395, + y: 690 + }, + info: { + num: 5, + tmp: 0, + hum: 0, + diff: 0 } }, { - name: "鏂囧簱鎵╁睍", + name: "鏂囧簱鎵╁瀹�", temp: 32, hum: 7, diffPre: 1, + noInfo: true, pos: { - x: 1105, - y: 530 + visible: true, + placement: "top", + x: 1576, + y: 650 + }, + info: { + num: 1, + tmp: 0, + hum: 0, + diff: 0 } - } + }, + { + name: "鏍峰搧鍙婃枃搴撳埗澶囧", + temp: 32, + hum: 7, + diffPre: 1, + noInfo: false, + pos: { + visible: true, + placement: "top", + x: 1495, + y: 337 + }, + info: { + num: 99, + tmp: 0, + hum: 0, + diff: 0 + } + }, + { + name: "璇曞墏鍑嗗瀹�", + temp: 32, + hum: 7, + diffPre: 1, + noInfo: true, + pos: { + visible: true, + placement: "top", + x: 1190, + y: 355 + }, + info: { + num: 4, + tmp: 0, + hum: 0, + diff: 0 + } + }, + { + name: "鐢垫吵瀹�", + temp: 32, + hum: 7, + diffPre: 1, + noInfo: false, + pos: { + visible: true, + placement: "top", + x: 1000, + y: 378 + }, + info: { + num: 99, + tmp: 0, + hum: 0, + diff: 0 + } + }, + { + name: "搴撴埧", + temp: 0, + hum: 0, + diffPre: 0, + noInfo: true, + pos: { + visible: true, + placement: "top", + x: 550, + y: 380 + }, + info: { + num: 99, + tmp: 20, + hum: 35, + diff: 5 + } + }, + { + name: "鐏弻瀹�", + temp: 0, + hum: 0, + diffPre: 0, + noInfo: true, + pos: { + visible: true, + placement: "top", + x: 750, + y: 360 + }, + info: { + num: 99, + tmp: 20, + hum: 35, + diff: 5 + } + }, + { + name: "鐞嗗寲闂�", + temp: 0, + hum: 0, + diffPre: 0, + noInfo: true, + pos: { + visible: true, + placement: "top", + x: 420, + y: 700 + }, + info: { + num: 99, + tmp: 20, + hum: 35, + diff: 5 + } + }, + { + name: "绌鸿皟鏈烘埧", + temp: 0, + hum: 0, + diffPre: 0, + noInfo: true, + pos: { + visible: true, + placement: "top", + x: 420, + y: 1100 + }, + info: { + num: 99, + tmp: 20, + hum: 35, + diff: 5 + } + }, + { + name: "缂撳啿闂�", + temp: 32, + hum: 7, + diffPre: 1, + noInfo: false, + pos: { + visible: true, + placement: "left", + x: 820, + y: 490 + }, + info: { + num: 99, + tmp: 0, + hum: 0, + diff: 0 + } + }, + { + name: "娲佸噣璧板粖", + temp: 32, + hum: 7, + diffPre: 1, + noInfo: false, + pos: { + visible: true, + placement: "left", + x: 1240, + y: 490 + }, + info: { + num: 99, + tmp: 0, + hum: 0, + diff: 0 + } + }, + { + name: "浼氳瀹�", + temp: 32, + hum: 7, + diffPre: 1, + noInfo: true, + pos: { + visible: true, + placement: "top", + x: 1900, + y: 450 + }, + info: { + num: 99, + tmp: 0, + hum: 0, + diff: 0 + } + }, + { + name: "鑼舵按闂�", + temp: 32, + hum: 7, + diffPre: 1, + noInfo: true, + pos: { + visible: true, + placement: "top", + x: 1790, + y: 730 + }, + info: { + num: 99, + tmp: 0, + hum: 0, + diff: 0 + } + }, + { + name: "浠撳簱", + temp: 32, + hum: 7, + diffPre: 1, + noInfo: true, + pos: { + visible: true, + placement: "top", + x: 2180, + y: 730 + }, + info: { + num: 99, + tmp: 0, + hum: 0, + diff: 0 + } + }, ]); + + onMounted(()=>{ + SOCKET.value.addEventListener("open", handleOpen, false); + SOCKET.value.addEventListener("message", handleMessage, false); + }); + return {homeInfo}; }; export default homeInfoModule; -- Gitblit v1.9.1