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: "数据机房",
      temp: 32,
      hum: 7,
      diffPre: 1,
      pos: {
        visible: true,
        x: 710,
        y: 690
      },
      info: {
        num: 99,
        tmp: 0,
        hum: 0,
        diff: 0
      }
    },
    {
      name: "培养间",
      temp: 32,
      hum: 7,
      diffPre: 1,
      pos: {
        visible: true,
        x: 916,
        y: 690
      },
      info: {
        num: 99,
        tmp: 0,
        hum: 0,
        diff: 0
      }
    },
    {
      name: "测序间",
      temp: 32,
      hum: 7,
      diffPre: 1,
      pos: {
        visible: true,
        x: 1212,
        y: 690
      },
      info: {
        num: 3,
        tmp: 0,
        hum: 0,
        diff: 0
      }
    },
    {
      name: "质控室",
      temp: 32,
      hum: 7,
      diffPre: 1,
      pos: {
        visible: true,
        x: 1395,
        y: 690
      },
      info: {
        num: 5,
        tmp: 0,
        hum: 0,
        diff: 0
      }
    },
    {
      name: "文库扩展",
      temp: 32,
      hum: 7,
      diffPre: 1,
      pos: {
        visible: true,
        x: 1576,
        y: 650
      },
      info: {
        num: 1,
        tmp: 0,
        hum: 0,
        diff: 0
      }
    },
    {
      name: "样品及文库制备室",
      temp: 32,
      hum: 7,
      diffPre: 1,
      pos: {
        visible: true,
        x: 1495,
        y: 337
      },
      info: {
        num: 99,
        tmp: 0,
        hum: 0,
        diff: 0
      }
    },
    {
      name: "试剂准备室",
      temp: 32,
      hum: 7,
      diffPre: 1,
      pos: {
        visible: true,
        x: 1190,
        y: 355
      },
      info: {
        num: 4,
        tmp: 0,
        hum: 0,
        diff: 0
      }
    },
    {
      name: "电泳室",
      temp: 32,
      hum: 7,
      diffPre: 1,
      pos: {
        visible: true,
        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;