From df0d6900ef9a3826ddd5ce8eaa9be36ff67eebf1 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期三, 13 三月 2024 13:50:08 +0800
Subject: [PATCH] #

---
 zy-asrs-flow/src/pages/map/utils.js |   98 ++++++++++++++++++++++++++++++++++++++++++++++--
 1 files changed, 93 insertions(+), 5 deletions(-)

diff --git a/zy-asrs-flow/src/pages/map/utils.js b/zy-asrs-flow/src/pages/map/utils.js
index 6fbcf0b..eb57314 100644
--- a/zy-asrs-flow/src/pages/map/utils.js
+++ b/zy-asrs-flow/src/pages/map/utils.js
@@ -1,6 +1,8 @@
+import * as PIXI from 'pixi.js';
 
 let app = null;
 let mapContainer = null;
+let effectTick, effectHalfCircle, effectRectangle;
 
 export function syncApp(param) {
     app = param;
@@ -10,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) => {
@@ -22,11 +33,14 @@
     }
 }
 
-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
@@ -68,16 +82,16 @@
 }
 
 // sprite be beSettings from sprite click event
-export const beSettings = (sprite, setCurrSpriteBySettings, setDidClickSprite) => {
+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) {
-        setCurrSpriteBySettings(sprite);
+        setSpriteBySettings(sprite);
         // setDidClickSprite(true);
     }
 }
@@ -146,10 +160,84 @@
         && 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));
 }
\ No newline at end of file

--
Gitblit v1.9.1