#

luxiaotao1123

2024-03-04 d993d5030b00c7a12e126c727a47883bf311ec5b

#

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

File was renamed from zy-asrs-flow/src/pages/map/components/edit.jsx
@@ -34,7 +34,7 @@

import agv from '/public/img/map/agv.svg'

const Edit = (props) => {
const Device = (props) => {
    const { styles } = useStyles();
    const [dragging, setDragging] = useState(false);
    const [dragSprite, setDragSprite] = useState(null);
@@ -178,4 +178,4 @@
    )
}

export default Edit;
export default Device;

 zy-asrs-flow/src/pages/map/index.jsx

@@ -10,7 +10,7 @@
} from '@ant-design/icons';
import './index.css'
import { createStyles } from 'antd-style';
import Edit from './components/edit'
import Edit from './components/device'
import * as Utils from './utils'
import Player from './player';

@@ -45,7 +45,7 @@
    const mapRef = React.useRef();
    const contentRef = React.useRef();

    const [editModalVisible, setEditModalVisible] = React.useState(false);
    const [deviceVisible, setDeviceVisible] = React.useState(false);
    const [windowSize, setWindowSize] = React.useState({
        width: window.innerWidth,
        height: window.innerHeight,
@@ -79,7 +79,6 @@
    }, [app, mapContainer, windowSize])

    const editHandle = () => {
        setEditModalVisible(true);
    }

    const onDrop = (sprite, x, y) => {
@@ -101,8 +100,6 @@
                            </Flex>
                        </Col>
                    </Row>


                </Header>
                <Content ref={contentRef} className={styles.content}>
                    <div ref={mapRef} style={{ position: "relative" }} />
@@ -131,16 +128,18 @@
                        <FloatButton
                            tooltip={<div><FormattedMessage id='map.edit' defaultMessage='编辑地图' /></div>}
                            icon={<FileAddOutlined />}
                            onClick={editHandle}
                            onClick={() => {
                                setDeviceVisible(true);
                            }}
                        />
                    </FloatButton.Group>
                </Content>
            </Layout>

            <Edit
                open={editModalVisible}
                open={deviceVisible}
                onCancel={() => {
                    setEditModalVisible(false);
                    setDeviceVisible(false);
                }}
                refCurr={mapRef.current}
                onDrop={onDrop}