#

luxiaotao1123

2024-10-17 1e465fcab874dd5bf60fdff4151a3742b5a755b0

 zy-acs-flow/src/map/tool.js

@@ -141,43 +141,6 @@
    sprite.alpha = 1;
}

export const beMovable = (sprite) => {
    sprite.off('pointerup');
    sprite.off('pointermove');
    sprite.off('pointerdown');
    sprite.off('click');

    sprite.on("pointerdown", onDragStart);

    let dragTarget;
    function onDragStart(event) {
        if (event.button === 0) {
            dragTarget = event.currentTarget;
            mapContainer.parent.off('pointermove');
            mapContainer.parent.on('pointermove', onDragMove, dragTarget);

            mapContainer.parent.off('pointerup');
            mapContainer.parent.on('pointerup', onDragEnd.bind(mapContainer));
        }
    }

    function onDragMove(event) {
        if (this) {
            this.parent.toLocal(event.global, null, this.position);
        }
    }

    function onDragEnd() {
        if (dragTarget) {
            this.parent.off('pointermove');
            this.parent.off('pointerup');
            dragTarget.alpha = 1;
            dragTarget = null;
        }
    }

}

export const spriteListBeMovable = (selectedSprites, endFn) => {
    if (selectedSprites && selectedSprites.length > 0) {
        let batchMove = false;
@@ -254,6 +217,57 @@
        && spriteBounds.y < boxBounds.y + boxBounds.height;
}

export const beInsight = (sprite, setCurSprite) => {
    sprite.off('pointerup');
    sprite.off('pointermove');
    sprite.off('pointerdown');
    sprite.off('click');

    sprite.on("click", onClick);

    function onClick(event) {
        setCurSprite(sprite);
    }

}

export const beMovable = (sprite) => {
    sprite.off('pointerup');
    sprite.off('pointermove');
    sprite.off('pointerdown');
    sprite.off('click');

    sprite.on("pointerdown", onDragStart);

    let dragTarget;
    function onDragStart(event) {
        if (event.button === 0) {
            dragTarget = event.currentTarget;
            mapContainer.parent.off('pointermove');
            mapContainer.parent.on('pointermove', onDragMove, dragTarget);

            mapContainer.parent.off('pointerup');
            mapContainer.parent.on('pointerup', onDragEnd.bind(mapContainer));
        }
    }

    function onDragMove(event) {
        if (this) {
            this.parent.toLocal(event.global, null, this.position);
        }
    }

    function onDragEnd() {
        if (dragTarget) {
            this.parent.off('pointermove');
            this.parent.off('pointerup');
            dragTarget.alpha = 1;
            dragTarget = null;
        }
    }

}

export const beSettings = (sprite, setSpriteSettings) => {
    sprite.off('pointerup');
    sprite.off('pointermove');
@@ -272,7 +286,7 @@
        return;
    }

    mapContainer.scale.set(1);
    mapContainer.scale.set(0.3);
    mapContainer.position.set(0, 0);

    let bounds = sprite.getBounds();
@@ -282,12 +296,16 @@
    };

    let targetPos = {
        x: app.renderer.width / 3 - focusPoint.x * mapContainer.scale.x,
        y: app.renderer.height / 3 - focusPoint.y * mapContainer.scale.y
        x: app.renderer.width / 4 - focusPoint.x,
        y: app.renderer.height / 2 - focusPoint.y
    };

    new TWEEDLE.Tween(mapContainer.position).easing(TWEEDLE.Easing.Quadratic.Out)
        .to(targetPos, 500).start();
    new TWEEDLE.Tween(mapContainer.position)
        .easing(TWEEDLE.Easing.Quadratic.Out)
        .to(targetPos, 500)
        .onComplete(() => {
        })
        .start();
}

export const clearMapData = () => {
@@ -478,29 +496,31 @@

// dynamic graphic ----------------

export const generateDynamicGraphic = (curZone, data) => {
export const generateDynamicGraphic = (curZone, data, setCurSprite) => {
    // console.log("ws", curZone, data);

    for (const agvVo of data.agvVos) {
        showAgvSprite(curZone, agvVo)
    for (const agv of data.agvVos) {
        showAgvSprite(curZone, agv, setCurSprite)
    }

}

const showAgvSprite = (curZone, agvVo) => {
    const { agvNo, code, direction, backpack, battery, ...rest } = agvVo;
const showAgvSprite = (curZone, agv, setCurSprite) => {
    const { agvNo, code, direction, backpack, battery, ...rest } = agv;
    if (!code) { return }
    const codeSprite = querySprite(DEVICE_TYPE.POINT, code);
    if (!codeSprite) { return }
    let agvSprite = querySprite(DEVICE_TYPE.AGV, agvNo);
    if (!agvSprite) {
        agvSprite = generateSprite(DEVICE_TYPE.AGV, generateAgvSpriteTexture(getAgvStatusMode(backpack, battery)));
        agvSprite = generateSprite(DEVICE_TYPE.AGV,
            generateAgvSpriteTexture(getAgvStatusMode(backpack.filter(item => item.loaded === true).length, battery))
        );
        initSprite(agvSprite, DEVICE_TYPE.AGV);
        agvSprite.data.no = agvNo;
        agvSprite.position.set(codeSprite.position.x, codeSprite.position.y);
        agvSprite.rotation = rotationParseNum(direction);
        mapContainer.addChild(agvSprite);
        // viewFeature(shuttle, setCurSPrite); // todo
        beInsight(agvSprite, setCurSprite);
        // agv no on sprite
    }
}