#

luxiaotao1123

2024-03-15 70f8661346210fa8b3bfc518d5bbff106ea135d7

#

 zy-asrs-flow/src/pages/map/components/device.jsx

@@ -40,6 +40,7 @@
import { Util } from '@antv/g6';

const Device = (props) => {
    const intl = useIntl();
    const { styles } = useStyles();
    const [dragging, setDragging] = useState(false);
    const [dragSprite, setDragSprite] = useState(null);
@@ -90,7 +91,9 @@
                            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
@@ -100,7 +103,9 @@
                            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} >
                        <Image
@@ -108,9 +113,11 @@
                            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>
                </Row>
                <Row className={styles.mapRow}>
@@ -120,9 +127,23 @@
                            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
@@ -130,19 +151,11 @@
                            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}>
@@ -152,9 +165,23 @@
                            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
@@ -162,19 +189,11 @@
                            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>

 zy-asrs-flow/src/pages/map/utils.js

@@ -3,6 +3,8 @@
import Http from '@/utils/http';
import { message } from 'antd';
import { API_TIMEOUT } from '@/config/setting'
import agv from '/public/img/map/agv.svg'
import shelf from '/public/img/map/shelf.png'

let app = null;
let mapContainer = null;