| | |
| | | }); |
| | | |
| | | import agv from '/public/img/map/agv.svg' |
| | | import { set } from 'lodash'; |
| | | import shelf from '/public/img/map/shelf.png' |
| | | |
| | | const Device = (props) => { |
| | | const { styles } = useStyles(); |
| | |
| | | const onDragStart = (e, type) => { |
| | | setDragging(true); |
| | | setDragSpriteType(type); |
| | | const sprite = PIXI.Sprite.from(agv); |
| | | const sprite = PIXI.Sprite.from(e.target); |
| | | setDragSprite(sprite); |
| | | }; |
| | | |
| | |
| | | </Col> |
| | | <Col className={styles.mapCol} span={8} > |
| | | <Image |
| | | src={agv} |
| | | width='50px' |
| | | src={shelf} |
| | | width='35px' |
| | | preview={false} |
| | | draggable="true" |
| | | onDragStart={(e) => onDragStart(e, 'AGV')} |
| | | onDragStart={(e) => onDragStart(e, 'SHELF')} |
| | | /> |
| | | <div>AGV</div> |
| | | <div>SHELF</div> |
| | | </Col> |
| | | <Col className={styles.mapCol} span={8} > |
| | | <Image |
| | |
| | | |
| | | // Add New Device |
| | | const onDrop = (sprite, type, x, y) => { |
| | | console.log(sprite); |
| | | const { mapX, mapY } = Utils.getRealPosition(x, y, mapContainer); |
| | | sprite.x = mapX; |
| | | sprite.y = mapY; |