#

luxiaotao1123

2024-03-18 c352df43ea5eea9a84e89867eb3b03ba3b2dbb83

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

@@ -3,6 +3,8 @@
import Http from '@/utils/http';
import { message } from 'antd';
import { API_TIMEOUT } from '@/config/setting'
import agv from '/public/img/map/agv.svg'
import shelf from '/public/img/map/shelf.png'

let app = null;
let mapContainer = null;
@@ -54,7 +56,6 @@
    sprite.off('pointerdown');
    sprite.off('click');

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

    function onClick(event) {
@@ -283,7 +284,7 @@
}

export const rotationParseNum = (num) => {

    return num * Math.PI / 180;
}

export const findSpriteByUuid = (uuid) => {
@@ -314,8 +315,39 @@
    return options;
}

export const fetchMapData = () => {
export const fetchMapData = async (intl) => {
    clearMapData();
    await Http.doPostPromise('api/map/list', {}, (res) => {
        const mapItemList = res.data.itemList;
        mapItemList.forEach(item => {
            let sprite;
            switch (item.type) {
                case SENSOR_TYPE.SHELF:
                    sprite = PIXI.Sprite.from(shelf);
                    break;
                case SENSOR_TYPE.AGV:
                    sprite = PIXI.Sprite.from(agv);
                    break;
                default:
                    break;
            }
            if (sprite) {
                initSprite(sprite, item.type);
                // data
                sprite.data.uuid = item.uuid;
                sprite.data.no = item.no;

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

    }).catch((error) => {
        console.error(error);
    })

}

@@ -327,7 +359,6 @@
    let mapItemList = [];
    mapContainer?.children.forEach(child => {
        if (child.data?.uuid) {
            console.log(child.scale, child.rotation);
            mapItemList.push({
                // data
                type: child.data.type,
@@ -347,9 +378,53 @@
    const closeLoading = message.loading({ content: intl.formatMessage({ id: 'common.loading.api.message', defaultMessage: '等待服务器......' }), duration: API_TIMEOUT });
    await Http.doPostPromise('api/map/save', { itemList: mapItemList }, (res) => {
        closeLoading();
        console.log(res);
    }).catch((error) => {
        closeLoading();
        console.error(error);
    })
}

export const clearMapData = (intl) => {
    if (!mapContainer) {
        return;
    }
    let childList = [];
    mapContainer.children.forEach(child => {
        if (child.data?.uuid) {
            childList.push(child);
        }
    })
    if (childList.length > 0) {
        childList.forEach(child => {
            mapContainer.removeChild(child);
            child.destroy({ children: true, texture: false, baseTexture: false });
        })
        childList.forEach((child, index) => {
            childList[index] = null;
        });
        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();
}