| | |
| | | |
| | | import agv from '/public/img/map/agv.svg' |
| | | import shelf from '/public/img/map/shelf.png' |
| | | import { Util } from '@antv/g6'; |
| | | import point from '/public/img/map/point.svg' |
| | | |
| | | const Device = (props) => { |
| | | const intl = useIntl(); |
| | | const { styles } = useStyles(); |
| | | const [dragging, setDragging] = useState(false); |
| | | const [dragSprite, setDragSprite] = useState(null); |
| | |
| | | rootStyle={{ position: "absolute" }} |
| | | mask={false} |
| | | width={378} |
| | | style={{ |
| | | opacity: .8 |
| | | }} |
| | | extra={ |
| | | <Space> |
| | | <Button onClick={() => props.onCancel()}><FormattedMessage id='common.cancel' defaultMessage='取消' /></Button> |
| | |
| | | draggable="true" |
| | | onDragStart={(e) => onDragStart(e, Utils.SENSOR_TYPE.AGV)} |
| | | /> |
| | | <div className={styles.title}>AGV</div> |
| | | <div className={styles.title}> |
| | | <FormattedMessage id='map.sensor.type.agv' defaultMessage='无人小车' /> |
| | | </div> |
| | | </Col> |
| | | <Col className={styles.mapCol} span={8} > |
| | | <Image |
| | |
| | | draggable="true" |
| | | onDragStart={(e) => onDragStart(e, Utils.SENSOR_TYPE.SHELF)} |
| | | /> |
| | | <div className={styles.title}>SHELF</div> |
| | | <div className={styles.title}> |
| | | <FormattedMessage id='map.sensor.type.shelf' defaultMessage='货架' /> |
| | | </div> |
| | | </Col> |
| | | <Col className={styles.mapCol} span={8} > |
| | | <Col className={styles.mapCol} span={8}> |
| | | <Image |
| | | src={agv} |
| | | src={point} |
| | | style={{ |
| | | }} |
| | | width='50px' |
| | | preview={false} |
| | | draggable="true" |
| | | onDragStart={(e) => onDragStart(e, 'AGV')} |
| | | onDragStart={(e) => onDragStart(e, Utils.SENSOR_TYPE.POINT)} |
| | | /> |
| | | <div>AGV</div> |
| | | <div className={styles.title}> |
| | | <FormattedMessage id='map.sensor.type.point' defaultMessage='定位点' /> |
| | | </div> |
| | | </Col> |
| | | </Row> |
| | | <Row className={styles.mapRow}> |
| | |
| | | width='50px' |
| | | preview={false} |
| | | draggable="true" |
| | | onDragStart={(e) => onDragStart(e, 'AGV')} |
| | | onDragStart={(e) => onDragStart(e, Utils.SENSOR_TYPE.AGV)} |
| | | /> |
| | | <div>AGV</div> |
| | | <div className={styles.title}> |
| | | <FormattedMessage id='map.sensor.type.agv' defaultMessage='无人小车' /> |
| | | </div> |
| | | </Col> |
| | | <Col className={styles.mapCol} span={8} > |
| | | <Image |
| | | src={shelf} |
| | | width='35px' |
| | | preview={false} |
| | | draggable="true" |
| | | onDragStart={(e) => onDragStart(e, Utils.SENSOR_TYPE.SHELF)} |
| | | /> |
| | | <div className={styles.title}> |
| | | <FormattedMessage id='map.sensor.type.shelf' defaultMessage='货架' /> |
| | | </div> |
| | | </Col> |
| | | <Col className={styles.mapCol} span={8} > |
| | | <Image |
| | |
| | | width='50px' |
| | | preview={false} |
| | | draggable="true" |
| | | onDragStart={(e) => onDragStart(e, 'AGV')} |
| | | onDragStart={(e) => onDragStart(e, Utils.SENSOR_TYPE.AGV)} |
| | | /> |
| | | <div>AGV</div> |
| | | </Col> |
| | | <Col className={styles.mapCol} span={8} > |
| | | <Image |
| | | src={agv} |
| | | width='50px' |
| | | preview={false} |
| | | draggable="true" |
| | | onDragStart={(e) => onDragStart(e, 'AGV')} |
| | | /> |
| | | <div>AGV</div> |
| | | <div className={styles.title}> |
| | | <FormattedMessage id='map.sensor.type.agv' defaultMessage='无人小车' /> |
| | | </div> |
| | | </Col> |
| | | </Row> |
| | | <Row className={styles.mapRow}> |
| | |
| | | width='50px' |
| | | preview={false} |
| | | draggable="true" |
| | | onDragStart={(e) => onDragStart(e, 'AGV')} |
| | | onDragStart={(e) => onDragStart(e, Utils.SENSOR_TYPE.AGV)} |
| | | /> |
| | | <div>AGV</div> |
| | | <div className={styles.title}> |
| | | <FormattedMessage id='map.sensor.type.agv' defaultMessage='无人小车' /> |
| | | </div> |
| | | </Col> |
| | | <Col className={styles.mapCol} span={8} > |
| | | <Image |
| | | src={shelf} |
| | | width='35px' |
| | | preview={false} |
| | | draggable="true" |
| | | onDragStart={(e) => onDragStart(e, Utils.SENSOR_TYPE.SHELF)} |
| | | /> |
| | | <div className={styles.title}> |
| | | <FormattedMessage id='map.sensor.type.shelf' defaultMessage='货架' /> |
| | | </div> |
| | | </Col> |
| | | <Col className={styles.mapCol} span={8} > |
| | | <Image |
| | |
| | | width='50px' |
| | | preview={false} |
| | | draggable="true" |
| | | onDragStart={(e) => onDragStart(e, 'AGV')} |
| | | onDragStart={(e) => onDragStart(e, Utils.SENSOR_TYPE.AGV)} |
| | | /> |
| | | <div>AGV</div> |
| | | </Col> |
| | | <Col className={styles.mapCol} span={8} > |
| | | <Image |
| | | src={agv} |
| | | width='50px' |
| | | preview={false} |
| | | draggable="true" |
| | | onDragStart={(e) => onDragStart(e, 'AGV')} |
| | | /> |
| | | <div>AGV</div> |
| | | <div className={styles.title}> |
| | | <FormattedMessage id='map.sensor.type.agv' defaultMessage='无人小车' /> |
| | | </div> |
| | | </Col> |
| | | </Row> |
| | | </Drawer> |