#

luxiaotao1123

2024-03-27 8b159ae9c5db650d71e788aae5865678fa6d1cdd

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

@@ -3,9 +3,11 @@
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'
import point from '/public/img/map/point.svg'
import shuttle from '/public/img/map/shuttle.svg'

let app = null;
let mapContainer = null;
@@ -33,6 +35,7 @@
})

export const SENSOR_TYPE = Object.freeze({
    SHUTTLE: "SHUTTLE",
    SHELF: "SHELF",
    POINT: "POINT",
    AGV: "AGV",
@@ -58,6 +61,39 @@
        mapX: (x - rect.left) / mapContainer.scale.x - mapContainer.x / mapContainer.scale.x,
        mapY: (y - rect.top) / mapContainer.scale.y - mapContainer.y / mapContainer.scale.y
    }
}

export const generateSprite = (sensorType) => {
    let sprite;
    switch (sensorType) {
        case SENSOR_TYPE.SHUTTLE:
            sprite = new PIXI.Sprite(PIXI.Texture.from(shuttle, { resourceOptions: { scale: 5 } }));
            sprite.width = 50;
            sprite.height = 50;
            sprite.zIndex = 100;
            break;
        case SENSOR_TYPE.AGV:
            sprite = new PIXI.Sprite(PIXI.Texture.from(agv, { resourceOptions: { scale: 5 } }));
            sprite.width = 50;
            sprite.height = 50;
            sprite.zIndex = 100;
            break;
        case SENSOR_TYPE.SHELF:
            sprite = new PIXI.Sprite(PIXI.Texture.from(shelf, { resourceOptions: { scale: 1 } }));
            sprite.width = 60;
            sprite.height = 60;
            sprite.zIndex = 1;
            break;
        case SENSOR_TYPE.POINT:
            sprite = new PIXI.Sprite(PIXI.Texture.from(point, { resourceOptions: { scale: 5 } }));
            sprite.width = 10;
            sprite.height = 10;
            sprite.zIndex = 1;
            break;
        default:
            break;
    }
    return sprite;
}

export const initSprite = (sprite, type) => {
@@ -347,8 +383,9 @@
    const res = await Http.doPost('api/map/floor/list');
    if (res.code === 200) {
        return eval(res.data);
    } else {
        mapNotify(res.msg, NOTIFY_TYPE.ERROR);
    }
    mapNotify(res.msg, NOTIFY_TYPE.ERROR);
}

export const fetchMapData = async (curFloor) => {
@@ -356,20 +393,7 @@
    await Http.doPostPromise('api/map/list', { floor: curFloor }, (res) => {
        const mapItemList = eval(res.data);
        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;
                case SENSOR_TYPE.POINT:
                    sprite = PIXI.Sprite.from(point);
                    break;
                default:
                    break;
            }
            const sprite = generateSprite(item.type);
            if (sprite) {
                initSprite(sprite, item.type);
                // data
@@ -392,7 +416,6 @@
    }).catch((error) => {
        console.error(error);
    })

}

export const saveMapData = async (intl, floor) => {