内容提交

longyvfengyun

2023-08-21 66bae94879a1ef44abe28833627564086d74ee13

 src/views/home/js/homeInfoModule.js

@@ -1,6 +1,31 @@
import {reactive} from "vue";
import {onMounted, reactive} from "vue";
import createWs from "@/assets/js/tools/websocket/createWs";

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 && iData.devId === 220000001) {
            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: "数据机房",
@@ -13,7 +38,8 @@
        y: 690
      },
      info: {
        tmp: 10,
        num: 99,
        tmp: 0,
        hum: 0,
        diff: 0
      }
@@ -29,6 +55,7 @@
        y: 690
      },
      info: {
        num: 99,
        tmp: 0,
        hum: 0,
        diff: 0
@@ -45,6 +72,7 @@
        y: 690
      },
      info: {
        num: 3,
        tmp: 0,
        hum: 0,
        diff: 0
@@ -61,6 +89,7 @@
        y: 690
      },
      info: {
        num: 5,
        tmp: 0,
        hum: 0,
        diff: 0
@@ -77,6 +106,7 @@
        y: 650
      },
      info: {
        num: 1,
        tmp: 0,
        hum: 0,
        diff: 0
@@ -93,6 +123,7 @@
        y: 337
      },
      info: {
        num: 99,
        tmp: 0,
        hum: 0,
        diff: 0
@@ -109,6 +140,7 @@
        y: 355
      },
      info: {
        num: 4,
        tmp: 0,
        hum: 0,
        diff: 0
@@ -125,12 +157,87 @@
        y: 378
      },
      info: {
        num: 99,
        tmp: 0,
        hum: 0,
        diff: 0
      }
    },
    {
      name: "库房",
      temp: 0,
      hum: 0,
      diffPre: 0,
      pos: {
        visible: true,
        x: 550,
        y: 380
      },
      info: {
        num: 99,
        tmp: 0,
        hum: 0,
        diff: 0
      }
    },
    {
      name: "灭菌室",
      temp: 0,
      hum: 0,
      diffPre: 0,
      pos: {
        visible: true,
        x: 750,
        y: 360
      },
      info: {
        num: 99,
        tmp: 0,
        hum: 0,
        diff: 0
      }
    },
    {
      name: "理化间",
      temp: 0,
      hum: 0,
      diffPre: 0,
      pos: {
        visible: true,
        x: 420,
        y: 700
      },
      info: {
        num: 99,
        tmp: 0,
        hum: 0,
        diff: 0
      }
    },
    {
      name: "空调机房",
      temp: 0,
      hum: 0,
      diffPre: 0,
      pos: {
        visible: true,
        x: 420,
        y: 1100
      },
      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;