#

luxiaotao1123

2024-03-02 e72b2b72a178da9f7657e588c28ec8521d1ec2e3

#

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

New file
@@ -0,0 +1,22 @@
import React, { useState, useRef, useEffect } from 'react';
import { Col, Form, Modal, Row, Checkbox, Skeleton, Tree, Drawer, Space, Button, Card } from 'antd';

const Edit = (props) => {

    return (
        <>
            <Drawer
                open={props.open}
                onClose={() => {
                    props.onCancel();
                }}
            >
                <Card>

                </Card>
            </Drawer>
        </>
    )
}

export default Edit;

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

@@ -5,6 +5,7 @@
const { Header, Content } = Layout;
import './index.css'
import { createStyles } from 'antd-style';
import Edit from './components/edit'

const useStyles = createStyles(({ token }) => {
    let dark = token.colorBgBase==='#000';
@@ -35,6 +36,8 @@
    const { styles } = useStyles();
    const mapRef = React.useRef();
    const contentRef = React.useRef();

    const [editModalVisible, setEditModalVisible] = React.useState(false);

    const [app, setApp] = React.useState(() => {
        return new PIXI.Application({
@@ -95,19 +98,31 @@
        app.renderer.resize(width, height);
    }, [windowSize]);

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

    return (
        <>
            <Layout className={styles.layout}>
                <Header className={styles.header}>
                    <Flex className={styles.flex} gap={'large'} justify={'flex-end'} align={'center'}>
                        <Button size={'large'}><FormattedMessage id='map.edit' defaultMessage='编辑地图' /></Button>
                        <Button onClick={editHandle} size={'large'}><FormattedMessage id='map.edit' defaultMessage='编辑地图' /></Button>
                    </Flex>
                </Header>
                <Content ref={contentRef} className={styles.content}>
                    <div ref={mapRef}>
                    </div>
                    <div ref={mapRef}></div>
                </Content>
            </Layout>

            <Edit
                open={editModalVisible}
                onCancel={
                    () => {
                        setEditModalVisible(false);
                    }
                }
            />
        </>
    )
}