#

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",
@@ -44,12 +47,53 @@
    DISABLE: 1,
})

export const NOTIFY_TYPE = Object.freeze({
    OPEN: 'open',
    SUCCESS: 'success',
    INFO: 'info',
    WARNING: 'warning',
    ERROR: 'error',
})

export const getRealPosition = (x, y, mapContainer) => {
    const rect = app.view.getBoundingClientRect();
    return {
        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) => {
@@ -335,25 +379,21 @@
    return options;
}

export const fetchMapFloor = async () => {
    const res = await Http.doPost('api/map/floor/list');
    if (res.code === 200) {
        return eval(res.data);
    } else {
        mapNotify(res.msg, NOTIFY_TYPE.ERROR);
    }
}

export const fetchMapData = async (curFloor) => {
    clearMapData();
    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
@@ -369,7 +409,6 @@
                sprite.scale.set(item.scaleX, item.scaleY);
                sprite.rotation = rotationParseNum(item.rotation);

                // sprite.tint = '#000';
                mapContainer.addChild(sprite);
            }
        })
@@ -377,7 +416,6 @@
    }).catch((error) => {
        console.error(error);
    })

}

export const saveMapData = async (intl, floor) => {
@@ -463,8 +501,8 @@
        .to(targetPos, 500).start();
}

export const mapNotify = (msg) => {
    notify.open({
export const mapNotify = (msg, type = NOTIFY_TYPE.OPEN) => {
    notify[type]({
        description: msg,
        duration: 1.5,
        style: { width: 300 },
@@ -490,6 +528,24 @@
    }
    if (showColor) {
        sprite.tint = showColor;
    } else {
        sprite.tint = 0xFFFFFF;  // recovery
    }
    return showColor;
}

export const waitTime = (time = 1000) => {
    return new Promise((resolve) => {
        setTimeout(() => {
            resolve(true);
        }, time);
    });
};

export const isNullOfUndefined = (param) => {
    if (null === param || undefined === param) {
        return true;
    } else {
        return false;
    }
}