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 | 245 +++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 236 insertions(+), 9 deletions(-) diff --git a/src/views/home/js/homeInfoModule.js b/src/views/home/js/homeInfoModule.js index 5e514d3..43dd696 100644 --- a/src/views/home/js/homeInfoModule.js +++ b/src/views/home/js/homeInfoModule.js @@ -1,34 +1,66 @@ -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: { visible: true, + placement: "left", x: 710, y: 690 }, info: { - tmp: 10, - hum: 0, - diff: 0 + num: 99, + tmp: 20, + hum: 35, + diff: 5 } }, { - name: "鍩瑰吇闂�", + name: "鏃犺弻瀹�", temp: 32, hum: 7, diffPre: 1, + noInfo: false, pos: { visible: true, - x: 916, + placement: "top", + x: 900, y: 690 }, info: { + num: 99, tmp: 0, hum: 0, diff: 0 @@ -39,12 +71,15 @@ temp: 32, hum: 7, diffPre: 1, + noInfo: true, pos: { visible: true, - x: 1212, + placement: "left", + x: 1230, y: 690 }, info: { + num: 3, tmp: 0, hum: 0, diff: 0 @@ -55,28 +90,34 @@ temp: 32, hum: 7, diffPre: 1, + noInfo: true, pos: { 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: { visible: true, + placement: "top", x: 1576, y: 650 }, info: { + num: 1, tmp: 0, hum: 0, diff: 0 @@ -87,12 +128,15 @@ 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 @@ -103,12 +147,15 @@ 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 @@ -119,18 +166,198 @@ 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