From 2ec33de134bb69ede62df6ae2c119d03906c8f15 Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期三, 10 四月 2024 10:00:53 +0800 Subject: [PATCH] # --- zy-asrs-flow/src/pages/map/utils.js | 55 +++++++++++++++++++++++++++++++++++++++---------------- 1 files changed, 39 insertions(+), 16 deletions(-) diff --git a/zy-asrs-flow/src/pages/map/utils.js b/zy-asrs-flow/src/pages/map/utils.js index 553aace..4578c9a 100644 --- a/zy-asrs-flow/src/pages/map/utils.js +++ b/zy-asrs-flow/src/pages/map/utils.js @@ -6,6 +6,7 @@ import agv from '/public/img/map/agv.svg' import shelf from '/public/img/map/shelf.png' +import conveyor from '/public/img/map/conveyor.png' import point from '/public/img/map/point.svg' import shuttle from '/public/img/map/shuttle.svg' @@ -36,6 +37,7 @@ export const SENSOR_TYPE = Object.freeze({ SHELF: "SHELF", + CONVEYOR: "CONVEYOR", SHUTTLE: "SHUTTLE", POINT: "POINT", AGV: "AGV", @@ -43,7 +45,9 @@ export const SENSOR_ZINDEX = Object.freeze({ SHELF: 1, + CONVEYOR: 1, POINT: 1, + TRAVEL_PATH: 80, SHUTTLE: 100, AGV: 100, }) @@ -51,6 +55,8 @@ export const SHELF_TYPE = Object.freeze({ STORE: 0, TRACK: 3, + LIFT: 67, + CHARGE: 5, DISABLE: 1, }) @@ -90,6 +96,12 @@ sprite.width = 60; sprite.height = 60; sprite.zIndex = SENSOR_ZINDEX.SHELF; + break; + case SENSOR_TYPE.CONVEYOR: + sprite = new PIXI.Sprite(PIXI.Texture.from(conveyor, { resourceOptions: { scale: 5 } })); + sprite.width = 112; + sprite.height = 63; + sprite.zIndex = SENSOR_ZINDEX.CONVEYOR; break; case SENSOR_TYPE.POINT: sprite = new PIXI.Sprite(PIXI.Texture.from(point, { resourceOptions: { scale: 5 } })); @@ -334,7 +346,6 @@ } export const copySprite = (sprite) => { - // const copiedSprite = new PIXI.Sprite(sprite.texture); const copiedSprite = generateSprite(sprite.data.type) initSprite(copiedSprite); copiedSprite.position.set(sprite.position.x, sprite.position.y); @@ -456,9 +467,11 @@ showSheflType(sprite); // graph - sprite.position.set(item.positionX, item.positionY); - sprite.scale.set(item.scaleX, item.scaleY); - sprite.rotation = rotationParseNum(item.rotation); + setTimeout(() => { + sprite.position.set(item.positionX, item.positionY); + sprite.scale.set(item.scaleX, item.scaleY); + sprite.rotation = rotationParseNum(item.rotation); + }, 50); mapContainer.addChild(sprite); } @@ -577,6 +590,12 @@ case SHELF_TYPE.TRACK: showColor = '#faf6e9'; break; + case SHELF_TYPE.LIFT: + showColor = '#EBDEF0'; + break; + case SHELF_TYPE.CHARGE: + showColor = '#D4EFDF'; + break; case SHELF_TYPE.DISABLE: showColor = '#ffc8c8'; break; @@ -630,30 +649,32 @@ // shuttleVo for (const shuttleVo of mapVo.shuttleVos) { // path - drawPreTravelPath(shuttleVo.preTravelPath, shuttleVo.shuttleNo, curFloor); + drawTravelPath(shuttleVo, curFloor); // shuttle - showShuttle(shuttleVo.shuttleNo, shuttleVo.curLocNo, curFloor, setCurSPrite); + showShuttle(shuttleVo, curFloor, setCurSPrite); } } -export const drawPreTravelPath = (path, shuttleNo, curFloor) => { +export const drawTravelPath = (shuttleVo, curFloor) => { + const { shuttleNo, curLocNo, travelPath: path } = shuttleVo; if (!mapContainer) { return; } const pathLineName = 'preTravelPath-' + shuttleNo; let pathLine = mapContainer.getChildByName(pathLineName); - if (pathLine) mapContainer.removeChild(pathLine); + if (pathLine) { + mapContainer.removeChild(pathLine); + } pathLine = new PIXI.Graphics(); pathLine.name = pathLineName; - pathLine.lineStyle(3 * (1 / mapContainer.scale.x), 0x3498db, 1); - pathLine.zIndex = 9999; + pathLine.lineStyle(2 * (1 / mapContainer.scale.x), 0x3498db, 0.8); + pathLine.zIndex = SENSOR_ZINDEX.TRAVEL_PATH; let firstNode = true; - for (let i = 0; i < path.length; i++) { + for (let i = Math.max(0, path.indexOf(curLocNo) - 1); i < path.length; i++) { const { row, bay, lev } = parseLocNo(path[i]); if (Number(lev) !== curFloor) { continue } const shelf = querySprite(SENSOR_TYPE.SHELF, row + '-' + bay); - if (!shelf) { continue }; let position = shelf.position; let x = position.x; @@ -668,22 +689,24 @@ mapContainer.addChild(pathLine); } -export const showShuttle = (shuttleNo, curLocNo, curFloor, setCurSPrite) => { +export const showShuttle = (shuttleVo, curFloor, setCurSPrite) => { + const { shuttleNo, curLocNo } = shuttleVo; if (!curLocNo) { return } const { row, bay, lev } = parseLocNo(curLocNo); if (Number(lev) !== curFloor) { return } + + const shelf = querySprite(SENSOR_TYPE.SHELF, row + '-' + bay); + if (!shelf) { return } let shuttle = querySprite(SENSOR_TYPE.SHUTTLE, shuttleNo); if (!shuttle) { shuttle = generateSprite(SENSOR_TYPE.SHUTTLE); initSprite(shuttle, SENSOR_TYPE.SHUTTLE); shuttle.data.no = shuttleNo; + shuttle.position.set(shelf.position.x, shelf.position.y); mapContainer.addChild(shuttle); viewFeature(shuttle, setCurSPrite); } - - const shelf = querySprite(SENSOR_TYPE.SHELF, row + '-' + bay); - if (!shelf) { return } new TWEEDLE.Tween(shuttle?.position).easing(TWEEDLE.Easing.Linear.None).to({ x: shelf.position.x, -- Gitblit v1.9.1