|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 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' | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | export const SENSOR_TYPE = Object.freeze({ | 
|---|
|  |  |  | SHELF: "SHELF", | 
|---|
|  |  |  | SHUTTLE: "SHUTTLE", | 
|---|
|  |  |  | LIFT: "LIFT", | 
|---|
|  |  |  | CONVEYOR: "CONVEYOR", | 
|---|
|  |  |  | POINT: "POINT", | 
|---|
|  |  |  | AGV: "AGV", | 
|---|
|  |  |  | }) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | export const SENSOR_ZINDEX = Object.freeze({ | 
|---|
|  |  |  | SHELF: 1, | 
|---|
|  |  |  | CONVEYOR: 1, | 
|---|
|  |  |  | POINT: 1, | 
|---|
|  |  |  | TRAVEL_PATH: 80, | 
|---|
|  |  |  | SHUTTLE: 100, | 
|---|
|  |  |  | 
|---|
|  |  |  | export const SHELF_TYPE = Object.freeze({ | 
|---|
|  |  |  | STORE: 0, | 
|---|
|  |  |  | TRACK: 3, | 
|---|
|  |  |  | DISABLE: 1, | 
|---|
|  |  |  | LIFT: 67, | 
|---|
|  |  |  | CHARGE: 5, | 
|---|
|  |  |  | DISABLE: -1, | 
|---|
|  |  |  | }) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | export const NOTIFY_TYPE = Object.freeze({ | 
|---|
|  |  |  | 
|---|
|  |  |  | 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 } })); | 
|---|
|  |  |  | 
|---|
|  |  |  | return | 
|---|
|  |  |  | } | 
|---|
|  |  |  | const { width, height } = sprite; | 
|---|
|  |  |  | const scale = sprite.scale.x; | 
|---|
|  |  |  | const scale = sprite?.scale.x; | 
|---|
|  |  |  | const sideLen = (Math.max(width, height) + 10) * scale; | 
|---|
|  |  |  | const scaledWidth = sideLen * (1 / scale); | 
|---|
|  |  |  | const scaledHeight = sideLen * (1 / scale); | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 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); | 
|---|
|  |  |  | 
|---|
|  |  |  | return mapContainer?.children?.find(child => child?.data?.uuid === uuid); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | export const sensorTypeSelectOptions = (intl) => { | 
|---|
|  |  |  | let options = []; | 
|---|
|  |  |  | Object.entries(SENSOR_TYPE).forEach(([key, value]) => { | 
|---|
|  |  |  | switch (key) { | 
|---|
|  |  |  | case SENSOR_TYPE.SHELF: | 
|---|
|  |  |  | options.push({ | 
|---|
|  |  |  | value: value, | 
|---|
|  |  |  | label: intl.formatMessage({ id: 'map.sensor.type.shelf', defaultMessage: '货架' }) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | break; | 
|---|
|  |  |  | case SENSOR_TYPE.SHUTTLE: | 
|---|
|  |  |  | options.push({ | 
|---|
|  |  |  | value: value, | 
|---|
|  |  |  | label: intl.formatMessage({ id: 'map.sensor.type.shuttle', defaultMessage: '穿梭车' }) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | break; | 
|---|
|  |  |  | case SENSOR_TYPE.AGV: | 
|---|
|  |  |  | options.push({ | 
|---|
|  |  |  | value: value, | 
|---|
|  |  |  | 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; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | return options; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | export const fetchMapFloor = async () => { | 
|---|
|  |  |  | const res = await Http.doPost('api/map/floor/list'); | 
|---|
|  |  |  | if (res.code === 200) { | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 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); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | 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; | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | pathLine = new PIXI.Graphics(); | 
|---|
|  |  |  | pathLine.name = pathLineName; | 
|---|
|  |  |  | pathLine.lineStyle(2 * (1 / mapContainer.scale.x), 0x3498db, 0.8); | 
|---|
|  |  |  | pathLine.lineStyle(3 * (1 / mapContainer.scale.x), 0x3498db, 0.8); | 
|---|
|  |  |  | pathLine.zIndex = SENSOR_ZINDEX.TRAVEL_PATH; | 
|---|
|  |  |  | let firstNode = true; | 
|---|
|  |  |  | for (let i = Math.max(0, path.indexOf(curLocNo) - 1); i < path.length; i++) { | 
|---|
|  |  |  | for (let i = Math.max(0, path.indexOf(curLocNo)); i < path.length; i++) { | 
|---|
|  |  |  | const { row, bay, lev } = parseLocNo(path[i]); | 
|---|
|  |  |  | if (Number(lev) !== curFloor) { continue } | 
|---|
|  |  |  | const shelf = querySprite(SENSOR_TYPE.SHELF, row + '-' + bay); | 
|---|