#

luxiaotao1123

2024-04-08 f454bde2b085b53b39429c598cd47294f9239834

#

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

@@ -107,7 +107,7 @@
            websocket = new WebSocketClient('/ws/map/websocket');
            websocket.connect();
            websocket.onMessage = (data) => {
                Utils.updateMapStatusInRealTime(data, () => curFloorRef.current);
                Utils.updateMapStatusInRealTime(data, () => curFloorRef.current, setCurSPrite);
            }

            const handleResize = () => {

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

@@ -440,23 +440,28 @@
    await Http.doPostPromise('api/map/list', { floor: curFloor }, (res) => {
        const mapItemList = eval(res.data);
        mapItemList.forEach(item => {
            const sprite = generateSprite(item.type);
            if (sprite) {
                initSprite(sprite, item.type);
                // data
                sprite.data.uuid = item.uuid;
                sprite.data.no = item.no;
            if (!(
                item.type === SENSOR_TYPE.SHUTTLE
                || item.type === SENSOR_TYPE.AGV
            )) {
                const sprite = generateSprite(item.type);
                if (sprite) {
                    initSprite(sprite, item.type);
                    // data
                    sprite.data.uuid = item.uuid;
                    sprite.data.no = item.no;

                // dynamical data
                Object.assign(sprite.data, item.property);
                    // dynamical data
                    Object.assign(sprite.data, item.property);

                showSheflType(sprite);
                // graph
                sprite.position.set(item.positionX, item.positionY);
                sprite.scale.set(item.scaleX, item.scaleY);
                sprite.rotation = rotationParseNum(item.rotation);
                    showSheflType(sprite);
                    // graph
                    sprite.position.set(item.positionX, item.positionY);
                    sprite.scale.set(item.scaleX, item.scaleY);
                    sprite.rotation = rotationParseNum(item.rotation);

                mapContainer.addChild(sprite);
                    mapContainer.addChild(sprite);
                }
            }
        })

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

export const updateMapStatusInRealTime = (data, curFloorGetter) => {
export const updateMapStatusInRealTime = (data, curFloorGetter, setCurSPrite) => {
    const curFloor = curFloorGetter();
    if (isNullOfUndefined(curFloor)) { return; }
    const mapVo = JSON.parse(data);
@@ -622,7 +627,7 @@
        // path
        drawPreTravelPath(shuttleVo.preTravelPath, shuttleVo.shuttleNo, curFloor);
        // shuttle
        showShuttle(shuttleVo.shuttleNo, shuttleVo.curLocNo, curFloor);
        showShuttle(shuttleVo.shuttleNo, shuttleVo.curLocNo, curFloor, setCurSPrite);
    }
}

@@ -658,13 +663,19 @@
    mapContainer.addChild(pathLine);
}

export const showShuttle = (shuttleNo, curLocNo, curFloor) => {
export const showShuttle = (shuttleNo, curLocNo, curFloor, setCurSPrite) => {
    if (!curLocNo) { return }
    const { row, bay, lev } = parseLocNo(curLocNo);
    if (Number(lev) !== curFloor) { return }

    const shuttle = querySprite(SENSOR_TYPE.SHUTTLE, shuttleNo);
    if (!shuttle) { return }
    let shuttle = querySprite(SENSOR_TYPE.SHUTTLE, shuttleNo);
    if (!shuttle) {
        shuttle = generateSprite(SENSOR_TYPE.SHUTTLE);
        initSprite(shuttle, SENSOR_TYPE.SHUTTLE);
        shuttle.data.no = shuttleNo;
        mapContainer.addChild(shuttle);
        viewFeature(shuttle, setCurSPrite);
    }

    const shelf = querySprite(SENSOR_TYPE.SHELF, row + '-' + bay);
    if (!shelf) { return }