内容提交

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: "数据机房",
@@ -11,6 +36,12 @@
        visible: true,
        x: 710,
        y: 690
      },
      info: {
        num: 99,
        tmp: 0,
        hum: 0,
        diff: 0
      }
    },
    {
@@ -22,6 +53,12 @@
        visible: true,
        x: 916,
        y: 690
      },
      info: {
        num: 99,
        tmp: 0,
        hum: 0,
        diff: 0
      }
    },
    {
@@ -33,6 +70,12 @@
        visible: true,
        x: 1212,
        y: 690
      },
      info: {
        num: 3,
        tmp: 0,
        hum: 0,
        diff: 0
      }
    },
    {
@@ -44,6 +87,12 @@
        visible: true,
        x: 1395,
        y: 690
      },
      info: {
        num: 5,
        tmp: 0,
        hum: 0,
        diff: 0
      }
    },
    {
@@ -55,6 +104,12 @@
        visible: true,
        x: 1576,
        y: 650
      },
      info: {
        num: 1,
        tmp: 0,
        hum: 0,
        diff: 0
      }
    },
    {
@@ -66,6 +121,12 @@
        visible: true,
        x: 1495,
        y: 337
      },
      info: {
        num: 99,
        tmp: 0,
        hum: 0,
        diff: 0
      }
    },
    {
@@ -77,6 +138,12 @@
        visible: true,
        x: 1190,
        y: 355
      },
      info: {
        num: 4,
        tmp: 0,
        hum: 0,
        diff: 0
      }
    },
    {
@@ -86,11 +153,91 @@
      diffPre: 1,
      pos: {
        visible: true,
        x: 1009,
        x: 1000,
        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;