#

luxiaotao1123

2024-10-16 93ece83d6d9c3a01195b64cf28cf943cae029704

 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,15 +296,14 @@
    };

    let targetPos = {
        x: app.renderer.width / 4 - focusPoint.x * mapContainer.scale.x,
        y: app.renderer.height / 2 - 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)
        .onComplete(() => {
            // mapContainer.scale.set(.3);
        })
        .start();
}
@@ -482,14 +495,19 @@


// dynamic graphic ----------------
let isFirstRender = true;

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

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

    if (isFirstRender) {
        isFirstRender = false;
        callback();
    }
}

const showAgvSprite = (curZone, agvVo) => {