From 18c69a897526867550f3778671f28f23e0fca005 Mon Sep 17 00:00:00 2001
From: zjj <3272660260@qq.com>
Date: 星期四, 30 五月 2024 09:36:32 +0800
Subject: [PATCH] #订单页面
---
zy-asrs-flow/src/pages/map/utils.js | 62 +++++++++++++++++++++++++++++--
1 files changed, 58 insertions(+), 4 deletions(-)
diff --git a/zy-asrs-flow/src/pages/map/utils.js b/zy-asrs-flow/src/pages/map/utils.js
index bce144c..d00398a 100644
--- a/zy-asrs-flow/src/pages/map/utils.js
+++ b/zy-asrs-flow/src/pages/map/utils.js
@@ -5,6 +5,7 @@
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'
let app = null;
let mapContainer = null;
@@ -28,6 +29,7 @@
export const SENSOR_TYPE = Object.freeze({
SHELF: "SHELF",
+ POINT: "POINT",
AGV: "AGV",
})
@@ -56,7 +58,6 @@
sprite.off('pointerdown');
sprite.off('click');
- let viewTarget;
sprite.on("click", onClick);
function onClick(event) {
@@ -308,6 +309,12 @@
label: intl.formatMessage({ id: 'map.sensor.type.agv', defaultMessage: '鏃犱汉灏忚溅' })
})
break;
+ case SENSOR_TYPE.POINT:
+ options.push({
+ value: value,
+ label: intl.formatMessage({ id: 'map.sensor.type.point', defaultMessage: '瀹氫綅鐐�' })
+ })
+ break;
default:
break;
}
@@ -316,7 +323,8 @@
return options;
}
-export const fetchMapData = async () => {
+export const fetchMapData = async (intl) => {
+ clearMapData();
await Http.doPostPromise('api/map/list', {}, (res) => {
const mapItemList = res.data.itemList;
mapItemList.forEach(item => {
@@ -328,11 +336,13 @@
case SENSOR_TYPE.AGV:
sprite = PIXI.Sprite.from(agv);
break;
+ case SENSOR_TYPE.POINT:
+ sprite = PIXI.Sprite.from(point);
+ break;
default:
break;
}
if (sprite) {
- console.log(item);
initSprite(sprite, item.type);
// data
sprite.data.uuid = item.uuid;
@@ -379,9 +389,53 @@
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();
- console.log(res);
}).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