|  |  | 
 |  |  |     }; | 
 |  |  | }); | 
 |  |  |  | 
 |  |  | import shuttle from '/public/img/map/shuttle.svg' | 
 |  |  | 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' | 
 |  |  |  | 
 |  |  | const Device = (props) => { | 
 |  |  | 
 |  |  |     const onDragStart = (e, type) => { | 
 |  |  |         setDragging(true); | 
 |  |  |         setDragSpriteType(type); | 
 |  |  |         const sprite = PIXI.Sprite.from(e.target); | 
 |  |  |         sprite.width = 20; | 
 |  |  |         sprite.height = 20; | 
 |  |  |         const sprite = Utils.generateSprite(type); | 
 |  |  |         setDragSprite(sprite); | 
 |  |  |     }; | 
 |  |  |  | 
 |  |  | 
 |  |  |                 <Row className={styles.mapRow}> | 
 |  |  |                     <Col className={styles.mapCol} span={8} > | 
 |  |  |                         <Image | 
 |  |  |                             src={agv} | 
 |  |  |                             src={shuttle} | 
 |  |  |                             width='50px' | 
 |  |  |                             preview={false} | 
 |  |  |                             draggable="true" | 
 |  |  |                             onDragStart={(e) => onDragStart(e, Utils.SENSOR_TYPE.AGV)} | 
 |  |  |                             onDragStart={(e) => onDragStart(e, Utils.SENSOR_TYPE.SHUTTLE)} | 
 |  |  |                         /> | 
 |  |  |                         <div className={styles.title}> | 
 |  |  |                             <FormattedMessage id='map.sensor.type.agv' defaultMessage='无人小车' /> | 
 |  |  |                             <FormattedMessage id='map.sensor.type.shuttle' defaultMessage='穿梭车' /> | 
 |  |  |                         </div> | 
 |  |  |                     </Col> | 
 |  |  |                     <Col className={styles.mapCol} span={8} > | 
 |  |  | 
 |  |  |                     </Col> | 
 |  |  |                     <Col className={styles.mapCol} span={8} > | 
 |  |  |                         <Image | 
 |  |  |                             src={shelf} | 
 |  |  |                             src={conveyor} | 
 |  |  |                             width='35px' | 
 |  |  |                             preview={false} | 
 |  |  |                             draggable="true" | 
 |  |  |                             onDragStart={(e) => onDragStart(e, Utils.SENSOR_TYPE.SHELF)} | 
 |  |  |                             onDragStart={(e) => onDragStart(e, Utils.SENSOR_TYPE.CONVEYOR)} | 
 |  |  |                         /> | 
 |  |  |                         <div className={styles.title}> | 
 |  |  |                             <FormattedMessage id='map.sensor.type.shelf' defaultMessage='货架' /> | 
 |  |  |                             <FormattedMessage id='map.sensor.type.conveyor' defaultMessage='输送线' /> | 
 |  |  |                         </div> | 
 |  |  |                     </Col> | 
 |  |  |                     <Col className={styles.mapCol} span={8} > |