| | |
| | | await Http.doPostPromise('api/map/list', { floor: curFloor }, (res) => { |
| | | const mapItemList = eval(res.data); |
| | | mapItemList.forEach(item => { |
| | | const sprite = generateSprite(item.type); |
| | | if (sprite) { |
| | | initSprite(sprite, item.type); |
| | | // data |
| | | sprite.data.uuid = item.uuid; |
| | | sprite.data.no = item.no; |
| | | if (!( |
| | | item.type === SENSOR_TYPE.SHUTTLE |
| | | || item.type === SENSOR_TYPE.AGV |
| | | )) { |
| | | const sprite = generateSprite(item.type); |
| | | if (sprite) { |
| | | initSprite(sprite, item.type); |
| | | // data |
| | | sprite.data.uuid = item.uuid; |
| | | sprite.data.no = item.no; |
| | | |
| | | // dynamical data |
| | | Object.assign(sprite.data, item.property); |
| | | // dynamical data |
| | | Object.assign(sprite.data, item.property); |
| | | |
| | | showSheflType(sprite); |
| | | // graph |
| | | sprite.position.set(item.positionX, item.positionY); |
| | | sprite.scale.set(item.scaleX, item.scaleY); |
| | | sprite.rotation = rotationParseNum(item.rotation); |
| | | showSheflType(sprite); |
| | | // graph |
| | | sprite.position.set(item.positionX, item.positionY); |
| | | sprite.scale.set(item.scaleX, item.scaleY); |
| | | sprite.rotation = rotationParseNum(item.rotation); |
| | | |
| | | mapContainer.addChild(sprite); |
| | | mapContainer.addChild(sprite); |
| | | } |
| | | } |
| | | }) |
| | | |
| | |
| | | return row + '-' + bay + '-' + lev; |
| | | } |
| | | |
| | | export const updateMapStatusInRealTime = (data, curFloorGetter) => { |
| | | export const updateMapStatusInRealTime = (data, curFloorGetter, setCurSPrite) => { |
| | | const curFloor = curFloorGetter(); |
| | | if (isNullOfUndefined(curFloor)) { return; } |
| | | const mapVo = JSON.parse(data); |
| | | // shuttle |
| | | // shuttleVo |
| | | for (const shuttleVo of mapVo.shuttleVos) { |
| | | const shuttle = querySprite(SENSOR_TYPE.SHUTTLE, shuttleVo.shuttleNo); |
| | | if (!shuttle && !shuttleVo.curLocNo) { continue; } |
| | | const { row, bay, lev } = parseLocNo(shuttleVo.curLocNo); |
| | | const shelf = querySprite(SENSOR_TYPE.SHELF, row + '-' + bay); |
| | | if (!shelf) { continue; } |
| | | |
| | | drawPreTravelPath(shuttleVo.preTravelPath) |
| | | |
| | | new TWEEDLE.Tween(shuttle?.position).easing(TWEEDLE.Easing.Linear.None).to({ |
| | | x: shelf.position.x, |
| | | y: shelf.position.y |
| | | }, 1000).onUpdate(() => { |
| | | updateEffect(shuttle); |
| | | }).start(); |
| | | // path |
| | | drawPreTravelPath(shuttleVo.preTravelPath, shuttleVo.shuttleNo, curFloor); |
| | | // shuttle |
| | | showShuttle(shuttleVo.shuttleNo, shuttleVo.curLocNo, curFloor, setCurSPrite); |
| | | } |
| | | } |
| | | |
| | | |
| | | export const drawPreTravelPath = (path) => { |
| | | export const drawPreTravelPath = (path, shuttleNo, curFloor) => { |
| | | if (!mapContainer) { |
| | | return; |
| | | } |
| | | |
| | | let pathLine = mapContainer.getChildByName('preTravelPath'); |
| | | const pathLineName = 'preTravelPath-' + shuttleNo; |
| | | let pathLine = mapContainer.getChildByName(pathLineName); |
| | | if (pathLine) mapContainer.removeChild(pathLine); |
| | | |
| | | pathLine = new PIXI.Graphics(); |
| | | pathLine.name = 'preTravelPath'; |
| | | pathLine.name = pathLineName; |
| | | pathLine.lineStyle(3 * (1 / mapContainer.scale.x), 0x3498db, 1); |
| | | pathLine.zIndex = 9999; |
| | | let firstNode = true; |
| | | for (let i = 0; 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; |
| | | if (!shelf) { continue }; |
| | | let position = shelf.position; |
| | | let x = position.x; |
| | | let y = position.y; |
| | | if (i === 0) { |
| | | if (firstNode) { |
| | | pathLine.moveTo(x, y); |
| | | firstNode = false; |
| | | } else { |
| | | pathLine.lineTo(x, y); |
| | | } |
| | | } |
| | | mapContainer.addChild(pathLine); |
| | | } |
| | | |
| | | export const showShuttle = (shuttleNo, curLocNo, curFloor, setCurSPrite) => { |
| | | if (!curLocNo) { return } |
| | | const { row, bay, lev } = parseLocNo(curLocNo); |
| | | if (Number(lev) !== curFloor) { return } |
| | | |
| | | let shuttle = querySprite(SENSOR_TYPE.SHUTTLE, shuttleNo); |
| | | if (!shuttle) { |
| | | shuttle = generateSprite(SENSOR_TYPE.SHUTTLE); |
| | | initSprite(shuttle, SENSOR_TYPE.SHUTTLE); |
| | | shuttle.data.no = shuttleNo; |
| | | 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, |
| | | y: shelf.position.y |
| | | }, 1000).onUpdate(() => { |
| | | updateEffect(shuttle); |
| | | }).start(); |
| | | } |