#

luxiaotao1123

2024-04-08 5510c0c383a06ebca91e6813d4b54ef0772af306

#

 zy-asrs-flow/src/pages/map/index.jsx

@@ -1,5 +1,5 @@
import * as React from 'react'
import * as PIXI from 'pixi.js';
import * as TWEEDLE from 'tweedle.js';
import { FormattedMessage, useIntl, useModel } from '@umijs/max';
import { Layout, Button, Flex, Row, Col, FloatButton, Select, notification, Segmented } from 'antd';
const { Header, Content } = Layout;
@@ -90,6 +90,7 @@
        const storedValue = localStorage.getItem('curFloor');
        return storedValue !== null ? JSON.parse(storedValue) : null;
    });
    const curFloorRef = React.useRef(curFloor);
    const [batchSprites, setBatchSprites] = React.useState([]);
    const [batchDrawerVisible, setBatchDrawerVisible] = React.useState(false);

@@ -105,7 +106,9 @@

            websocket = new WebSocketClient('/ws/map/websocket');
            websocket.connect();
            websocket.onMessage = Utils.updateMapStatusInRealTime;
            websocket.onMessage = (data) => {
                Utils.updateMapStatusInRealTime(data, () => curFloorRef.current);
            }

            const handleResize = () => {
                setWindowSize({
@@ -252,6 +255,7 @@

    // watch curFloor
    React.useEffect(() => {
        curFloorRef.current = curFloor;
        if (!mapContainer && !dataFetched) {
            return;
        }

 zy-asrs-flow/src/pages/map/utils.js

@@ -613,7 +613,9 @@
    return row + '-' + bay + '-' + lev;
}

export const updateMapStatusInRealTime = (data) => {
export const updateMapStatusInRealTime = (data, curFloorGetter) => {
    const curFloor = curFloorGetter();
    if (isNullOfUndefined(curFloor)) { return; }
    const mapVo = JSON.parse(data);
    // shuttle
    for (const shuttleVo of mapVo.shuttleVos) {