| | |
| | | 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: { |
| | | num: 99, |
| | | tmp: 10, |
| | | hum: 0, |
| | | diff: 0 |
| | | tmp: 20, |
| | | hum: 35, |
| | | diff: 5 |
| | | } |
| | | }, |
| | | { |
| | | name: "培养间", |
| | | name: "无菌室", |
| | | temp: 32, |
| | | hum: 7, |
| | | diffPre: 1, |
| | | noInfo: true, |
| | | pos: { |
| | | visible: true, |
| | | x: 916, |
| | | placement: "top", |
| | | x: 900, |
| | | y: 690 |
| | | }, |
| | | info: { |
| | |
| | | temp: 32, |
| | | hum: 7, |
| | | diffPre: 1, |
| | | noInfo: true, |
| | | pos: { |
| | | visible: true, |
| | | x: 1212, |
| | | placement: "left", |
| | | x: 1230, |
| | | y: 690 |
| | | }, |
| | | info: { |
| | |
| | | temp: 32, |
| | | hum: 7, |
| | | diffPre: 1, |
| | | noInfo: true, |
| | | pos: { |
| | | visible: true, |
| | | placement: "top", |
| | | x: 1395, |
| | | y: 690 |
| | | }, |
| | |
| | | } |
| | | }, |
| | | { |
| | | name: "文库扩展", |
| | | name: "文库扩增室", |
| | | temp: 32, |
| | | hum: 7, |
| | | diffPre: 1, |
| | | noInfo: true, |
| | | pos: { |
| | | visible: true, |
| | | placement: "top", |
| | | x: 1576, |
| | | y: 650 |
| | | }, |
| | |
| | | temp: 32, |
| | | hum: 7, |
| | | diffPre: 1, |
| | | noInfo: true, |
| | | pos: { |
| | | visible: true, |
| | | placement: "top", |
| | | x: 1495, |
| | | y: 337 |
| | | }, |
| | |
| | | temp: 32, |
| | | hum: 7, |
| | | diffPre: 1, |
| | | noInfo: true, |
| | | pos: { |
| | | visible: true, |
| | | placement: "top", |
| | | x: 1190, |
| | | y: 355 |
| | | }, |
| | |
| | | temp: 32, |
| | | hum: 7, |
| | | diffPre: 1, |
| | | noInfo: true, |
| | | pos: { |
| | | visible: true, |
| | | placement: "top", |
| | | x: 1000, |
| | | y: 378 |
| | | }, |
| | |
| | | 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: true, |
| | | 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: true, |
| | | 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; |