From b670c64208a10c789bc7ab61eddb1f8528ef8daa Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期一, 18 三月 2024 15:22:41 +0800
Subject: [PATCH] #
---
zy-asrs-flow/src/pages/map/utils.js | 97 +++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 90 insertions(+), 7 deletions(-)
diff --git a/zy-asrs-flow/src/pages/map/utils.js b/zy-asrs-flow/src/pages/map/utils.js
index ae5567b..58fb2b2 100644
--- a/zy-asrs-flow/src/pages/map/utils.js
+++ b/zy-asrs-flow/src/pages/map/utils.js
@@ -1,6 +1,10 @@
import * as PIXI from 'pixi.js';
import * as TWEEDLE from 'tweedle.js';
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;
@@ -52,7 +56,6 @@
sprite.off('pointerdown');
sprite.off('click');
- let viewTarget;
sprite.on("click", onClick);
function onClick(event) {
@@ -281,7 +284,7 @@
}
export const rotationParseNum = (num) => {
-
+ return num * Math.PI / 180;
}
export const findSpriteByUuid = (uuid) => {
@@ -312,12 +315,43 @@
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);
+ })
}
-export const saveMapData = async () => {
+export const saveMapData = async (intl) => {
if (!mapContainer) {
return;
}
@@ -325,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,
@@ -342,6 +375,56 @@
}
})
- const resp = await Http.doPost('api/map/save', { itemList: mapItemList })
- console.log(resp);
+ 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();
+ }).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();
}
\ No newline at end of file
--
Gitblit v1.9.1