From 57aca98a743b4f7a334ba3a070e94dc587af7ce2 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期三, 13 三月 2024 14:40:05 +0800
Subject: [PATCH] #

---
 zy-asrs-flow/src/pages/map/utils.js |  119 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++--
 1 files changed, 115 insertions(+), 4 deletions(-)

diff --git a/zy-asrs-flow/src/pages/map/utils.js b/zy-asrs-flow/src/pages/map/utils.js
index f97a5f9..a1ca052 100644
--- a/zy-asrs-flow/src/pages/map/utils.js
+++ b/zy-asrs-flow/src/pages/map/utils.js
@@ -1,8 +1,8 @@
-
-
+import * as PIXI from 'pixi.js';
 
 let app = null;
 let mapContainer = null;
+let effectTick, effectHalfCircle, effectRectangle;
 
 export function syncApp(param) {
     app = param;
@@ -12,8 +12,17 @@
     mapContainer = param;
 }
 
+export function getMapContainer() {
+    return mapContainer;
+}
+
 export const MapEvent = Object.freeze({
     SELECTION_BOX: Symbol.for(0),
+})
+
+export const SENSOR_TYPE = Object.freeze({
+    AGV: "AGV",
+    SHELF: "SHELF",
 })
 
 export const getRealPosition = (x, y, mapContainer) => {
@@ -24,16 +33,20 @@
     }
 }
 
-export const initSprite = (sprite) => {
+export const initSprite = (sprite, type) => {
     sprite.anchor.set(0.5);
     sprite.cursor = 'pointer';
     sprite.eventMode = 'static';
-    sprite.data = {};
+    sprite.data = {
+        type: type,
+        uuid: generateID()
+    };
 }
 
 // sprite be movable from sprite click event
 export const beMovable = (sprite, setDidClickSprite) => {
     sprite.off('pointerup');
+    sprite.off('pointermove');
     sprite.off('pointerdown');
     sprite.off('click');
 
@@ -60,11 +73,27 @@
         if (dragTarget) {
             setDidClickSprite(false);
             this.parent.off('pointermove');
+            this.parent.off('pointerup');
             dragTarget.alpha = 1;
             dragTarget = null;
         }
     }
 
+}
+
+// sprite be beSettings from sprite click event
+export const beSettings = (sprite, setSpriteBySettings, setDidClickSprite) => {
+    sprite.off('pointerup');
+    sprite.off('pointermove');
+    sprite.off('pointerdown');
+    sprite.off('click');
+
+    sprite.on("click", onClick);
+
+    function onClick(event) {
+        setSpriteBySettings(sprite);
+        // setDidClickSprite(true);
+    }
 }
 
 // sprites be movable from select box
@@ -131,10 +160,92 @@
         && spriteBounds.y < boxBounds.y + boxBounds.height;
 }
 
+export const showSelectedEffect = (sprite) => {
+    const { width, height } = sprite;
+    const scale = sprite.scale.x;
+    const sideLen = (Math.max(width, height) + 10) * scale;
+    const color = 0x273c75;
+
+    effectHalfCircle = new PIXI.Graphics();
+    effectHalfCircle.beginFill(color);
+    effectHalfCircle.lineStyle(2 * scale, color);
+    effectHalfCircle.arc(0, 0, sideLen, 0, Math.PI);
+    effectHalfCircle.endFill();
+    effectHalfCircle.position.set(sprite.x, sprite.y);
+    effectHalfCircle.scale.set(1 / scale);
+
+    effectRectangle = new PIXI.Graphics();
+    effectRectangle.lineStyle(2 * scale, color, 1);
+    effectRectangle.drawRoundedRect(0, 0, sideLen, sideLen, 16 * scale);
+    effectRectangle.endFill();
+    effectRectangle.mask = effectHalfCircle;
+
+    const scaledWidth = sideLen * (1 / scale);
+    const scaledHeight = sideLen * (1 / scale);
+
+    effectRectangle.scale.set(1 / scale);
+    effectRectangle.position.set(sprite.x - scaledWidth / 2, sprite.y - scaledHeight / 2);
+
+    mapContainer.addChild(effectRectangle);
+    mapContainer.addChild(effectHalfCircle);
+
+    let phase = 0;
+    effectTick = (delta) => {
+        phase += delta / 10;
+        phase %= (Math.PI * 2);
+        if (effectHalfCircle) {
+            effectHalfCircle.rotation = phase;
+        }
+    };
+
+    app.ticker.add(effectTick);
+}
+
+export const removeSelectedEffect = () => {
+    if (effectTick) {
+        app.ticker.remove(effectTick);
+    }
+    if (effectHalfCircle) {
+        mapContainer.removeChild(effectHalfCircle);
+        effectHalfCircle = null;
+    }
+    if (effectRectangle) {
+        mapContainer.removeChild(effectRectangle);
+        effectRectangle = null;
+    }
+}
+
+export const copySprite = (sprite) => {
+    const copiedSprite = new PIXI.Sprite(sprite.texture);
+    initSprite(copiedSprite);
+    copiedSprite.position.set(sprite.position.x, sprite.position.y);
+    copiedSprite.scale.set(sprite.scale.x, sprite.scale.y);
+    copiedSprite.rotation = sprite.rotation;
+    copiedSprite.data = deepCopy(sprite.data);
+    copiedSprite.data.uuid = generateID();
+    return copiedSprite;
+}
+
 export const markSprite = (sprite) => {
     sprite.alpha = 0.5;
 }
 
 export const unMarkSprite = (sprite) => {
     sprite.alpha = 1;
+}
+
+export const generateID = () => {
+    return Date.now().toString(36) + Math.random().toString(36).substring(2);
+}
+
+export const deepCopy = (data) => {
+    return JSON.parse(JSON.stringify(data));
+}
+
+export const pureNumStr = (param) => {
+    if (param) {
+        return Number(param);
+    } else {
+        return '';
+    }
 }
\ No newline at end of file

--
Gitblit v1.9.1