#

luxiaotao1123

2024-03-20 0e8b41f6f2ffa21ca6394e20053b262d2dc1e1be

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

@@ -5,6 +5,7 @@
import { API_TIMEOUT } from '@/config/setting'
import agv from '/public/img/map/agv.svg'
import shelf from '/public/img/map/shelf.png'
import point from '/public/img/map/point.svg'

let app = null;
let mapContainer = null;
@@ -28,6 +29,7 @@

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

@@ -56,7 +58,6 @@
    sprite.off('pointerdown');
    sprite.off('click');

    let viewTarget;
    sprite.on("click", onClick);

    function onClick(event) {
@@ -308,6 +309,12 @@
                    label: intl.formatMessage({ id: 'map.sensor.type.agv', defaultMessage: '无人小车' })
                })
                break;
            case SENSOR_TYPE.POINT:
                options.push({
                    value: value,
                    label: intl.formatMessage({ id: 'map.sensor.type.point', defaultMessage: '定位点' })
                })
                break;
            default:
                break;
        }
@@ -329,6 +336,9 @@
                case SENSOR_TYPE.AGV:
                    sprite = PIXI.Sprite.from(agv);
                    break;
                case SENSOR_TYPE.POINT:
                    sprite = PIXI.Sprite.from(point);
                    break;
                default:
                    break;
            }
@@ -337,6 +347,9 @@
                // data
                sprite.data.uuid = item.uuid;
                sprite.data.no = item.no;

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

                // graph
                sprite.position.set(item.positionX, item.positionY);
@@ -360,11 +373,13 @@
    let mapItemList = [];
    mapContainer?.children.forEach(child => {
        if (child.data?.uuid) {
            const { type, uuid, no, ...property } = child.data;
            mapItemList.push({
                // data
                type: child.data.type,
                uuid: child.data.uuid,
                no: child.data.no,
                type: type,
                uuid: uuid,
                no: no,
                property: property,

                // graph
                positionX: child.position.x,
@@ -405,4 +420,27 @@
        });
        childList = [];
    }
}

export const beCenter = (sprite) => {
    if (!sprite || !app || !mapContainer) {
        return;
    }

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

    let bounds = sprite.getBounds();
    let centerPoint = {
        x: bounds.x + bounds.width / 2,
        y: bounds.y + bounds.height / 2
    };

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

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