#

luxiaotao1123

2024-04-08 d6b3df3a92a6d1325926b98a49f1b22b77a8c71b

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

@@ -12,7 +12,7 @@
let app = null;
let mapContainer = null;
let notify = null;
let effectTick, effectHalfCircle, effectRectangle;
let selectedSprite, effectTick, effectHalfCircle, effectRectangle;

export function syncApp(param) {
    app = param;
@@ -35,10 +35,17 @@
})

export const SENSOR_TYPE = Object.freeze({
    SHUTTLE: "SHUTTLE",
    SHELF: "SHELF",
    SHUTTLE: "SHUTTLE",
    POINT: "POINT",
    AGV: "AGV",
})

export const SENSOR_ZINDEX = Object.freeze({
    SHELF: 1,
    POINT: 1,
    SHUTTLE: 100,
    AGV: 100,
})

export const SHELF_TYPE = Object.freeze({
@@ -70,21 +77,25 @@
            sprite = new PIXI.Sprite(PIXI.Texture.from(shuttle, { resourceOptions: { scale: 5 } }));
            sprite.width = 50;
            sprite.height = 50;
            sprite.zIndex = SENSOR_ZINDEX.SHUTTLE;
            break;
        case SENSOR_TYPE.AGV:
            sprite = new PIXI.Sprite(PIXI.Texture.from(agv, { resourceOptions: { scale: 5 } }));
            sprite.width = 50;
            sprite.height = 50;
            sprite.zIndex = SENSOR_ZINDEX.AGV;
            break;
        case SENSOR_TYPE.SHELF:
            sprite = new PIXI.Sprite(PIXI.Texture.from(shelf, { resourceOptions: { scale: 1 } }));
            sprite.width = 60;
            sprite.height = 60;
            sprite.zIndex = SENSOR_ZINDEX.SHELF;
            break;
        case SENSOR_TYPE.POINT:
            sprite = new PIXI.Sprite(PIXI.Texture.from(point, { resourceOptions: { scale: 5 } }));
            sprite.width = 10;
            sprite.height = 10;
            sprite.zIndex = SENSOR_ZINDEX.POINT;
            break;
        default:
            break;
@@ -100,6 +111,17 @@
        type: type,
        uuid: generateID()
    };
}

export const querySprite = (type, no) => {
    if (!mapContainer) {
        return;
    }
    for (const sprite of mapContainer.children) {
        if (sprite.data?.type === type && sprite.data?.no === no) {
            return sprite;
        }
    }
}

// show sprite feature from sprite click event
@@ -249,12 +271,14 @@
    effectHalfCircle.endFill();
    effectHalfCircle.position.set(sprite.x, sprite.y);
    effectHalfCircle.scale.set(1 / scale);
    effectHalfCircle.zIndex = 9999;

    effectRectangle = new PIXI.Graphics();
    effectRectangle.lineStyle(5 * scale, color, 1);
    effectRectangle.drawRoundedRect(0, 0, sideLen, sideLen, 16 * scale);
    effectRectangle.endFill();
    effectRectangle.mask = effectHalfCircle;
    effectRectangle.zIndex = 9999;

    const scaledWidth = sideLen * (1 / scale);
    const scaledHeight = sideLen * (1 / scale);
@@ -264,6 +288,8 @@

    mapContainer.addChild(effectRectangle);
    mapContainer.addChild(effectHalfCircle);

    selectedSprite = sprite;

    let phase = 0;
    effectTick = (delta) => {
@@ -275,6 +301,21 @@
    };

    app.ticker.add(effectTick);
}

export const updateEffect = (sprite) => {
    if (!sprite || sprite !== selectedSprite || !effectRectangle || !effectHalfCircle) {
        return
    }
    const { width, height } = sprite;
    const scale = sprite.scale.x;
    const sideLen = (Math.max(width, height) + 10) * scale;
    const scaledWidth = sideLen * (1 / scale);
    const scaledHeight = sideLen * (1 / scale);

    effectRectangle.position.set(sprite.x - scaledWidth / 2, sprite.y - scaledHeight / 2);

    effectHalfCircle.position.set(sprite.x, sprite.y);
}

export const removeSelectedEffect = () => {
@@ -289,17 +330,21 @@
        mapContainer.removeChild(effectRectangle);
        effectRectangle = null;
    }
    selectedSprite = null;
}

export const copySprite = (sprite) => {
    const copiedSprite = new PIXI.Sprite(sprite.texture);
    // const copiedSprite = new PIXI.Sprite(sprite.texture);
    const copiedSprite = generateSprite(sprite.data.type)
    initSprite(copiedSprite);
    copiedSprite.position.set(sprite.position.x, sprite.position.y);
    copiedSprite.scale.set(sprite.scale.x, sprite.scale.y);
    copiedSprite.rotation = sprite.rotation;
    copiedSprite.data = deepCopy(sprite.data);
    copiedSprite.data.uuid = generateID();
    showSheflType(copiedSprite);
    if (copiedSprite.data.type === SENSOR_TYPE.SHELF) {
        showSheflType(copiedSprite);
    }
    return copiedSprite;
}

@@ -353,6 +398,12 @@
                options.push({
                    value: value,
                    label: intl.formatMessage({ id: 'map.sensor.type.shelf', defaultMessage: '货架' })
                })
                break;
            case SENSOR_TYPE.SHUTTLE:
                options.push({
                    value: value,
                    label: intl.formatMessage({ id: 'map.sensor.type.shuttle', defaultMessage: '穿梭车' })
                })
                break;
            case SENSOR_TYPE.AGV:
@@ -544,4 +595,72 @@
    } else {
        return false;
    }
}

export const parseLocNo = (locNo) => {
    if (!locNo || typeof locNo !== 'string') {
        return null;
    }
    const locParseArr = locNo.split('-');
    return {
        row: locParseArr?.[0],
        bay: locParseArr?.[1],
        lev: locParseArr?.[2],
    }
}

export const generateLocNo = (row, bay, lev) => {
    return row + '-' + bay + '-' + lev;
}

export const updateMapStatusInRealTime = (data) => {
    const mapVo = JSON.parse(data);
    // shuttle
    for (const shuttleVo of mapVo.shuttleVos) {

        const shuttle = querySprite(SENSOR_TYPE.SHUTTLE, shuttleVo.shuttleNo);
        if (!shuttle && !shuttleVo.curLocNo) { continue; }
        const { row, bay, lev } = parseLocNo(shuttleVo.curLocNo);
        const shelf = querySprite(SENSOR_TYPE.SHELF, row + '-' + bay);
        if (!shelf) { continue; }

        drawPreTravelPath(shuttleVo.preTravelPath)

        new TWEEDLE.Tween(shuttle?.position).easing(TWEEDLE.Easing.Linear.None).to({
            x: shelf.position.x,
            y: shelf.position.y
        }, 1000).onUpdate(() => {
            updateEffect(shuttle);
        }).start();
    }
}


export const drawPreTravelPath = (path) => {
    if (!mapContainer) {
        return;
    }

    let graphics = mapContainer.getChildByName('preTravelPath');
    if (graphics) mapContainer.removeChild(graphics);

    graphics = new PIXI.Graphics();
    graphics.name = 'preTravelPath';
    graphics.lineStyle(3 * (1 / mapContainer.scale.x), 0x3498db, 1);
    graphics.zIndex = 9999;
    for (let i = 0; i < path.length; i++) {
        const { row, bay, lev } = parseLocNo(path[i]);
        const shelf = querySprite(SENSOR_TYPE.SHELF, row + '-' + bay);

        if (!shelf) continue;
        let position = shelf.position;
        let x = position.x;
        let y = position.y;
        if (i === 0) {
            graphics.moveTo(x, y);
        } else {
            graphics.lineTo(x, y);
        }
    }
    mapContainer.addChild(graphics);
}