#

luxiaotao1123

2024-10-11 ae9f5505eb01efdfd6a7a6ac9d84b77aa741052d

#

 zy-acs-flow/src/map/settings/CopyDrawer.jsx

New file
@@ -0,0 +1,63 @@
import React, { useEffect } from 'react';
import { useForm, Controller } from 'react-hook-form';
import {
    Box,
    Grid,
    Typography,
    TextField,
    Slider,
    Button,
    Select,
    MenuItem,
    InputLabel,
    FormControl,
    Stack,
    Divider,
    Drawer,
    IconButton,
} from '@mui/material';
import CloseIcon from '@mui/icons-material/Close';
import { useTranslate } from 'react-admin';
import * as Tool from '../tool';
import { PAGE_DRAWER_WIDTH } from '@/config/setting';


const CopyDrawer = (props) => {
    const { open, onCancel, sprite, width = PAGE_DRAWER_WIDTH, title } = props;
    const translate = useTranslate();

    const handleClose = () => {
        onCancel();
    }

    return (
        <>
            <Drawer
                variant="persistent"
                open={open}
                anchor="right"
                onClose={handleClose}
                sx={{ zIndex: 100, opacity: 1 }}
            >
                {open && (
                    <Box pt={12} width={{ xs: '100vW', sm: width }} height={'calc(100vh - 200px);'} mt={{ xs: 2, sm: 1 }} sx={{
                    }}>
                        <Stack direction="row" p={2}>
                            <Typography variant="h6" flex="1">
                                {translate('page.map.settings.map.copy.title')}
                            </Typography>
                            <IconButton onClick={handleClose} size="small">
                                <CloseIcon />
                            </IconButton>
                        </Stack>

                        <Box p={3}>
                        </Box>
                    </Box>
                )}
            </Drawer>
        </>
    )
}

export default CopyDrawer;

 zy-acs-flow/src/map/settings/MapSettings.jsx

@@ -1,4 +1,4 @@
import React, { useEffect } from 'react';
import React, { useEffect, useState } from 'react';
import { useForm, Controller } from 'react-hook-form';
import {
    Box,
@@ -18,10 +18,12 @@
import { useTranslate } from 'react-admin';
import * as Tool from '../tool';
import ConfirmButton from '../../page/components/ConfirmButton';
import CopyDrawer from './CopyDrawer';

const MapSettings = (props) => {
    const { sprite, setSpriteSettings, onSubmit } = props;
    const { sprite, setSpriteSettings, onSubmit, width } = props;
    const translate = useTranslate();
    const [copyVisible, setCopyVisible] = useState(false);

    const { control, handleSubmit, reset, watch } = useForm({
        defaultValues: {
@@ -39,6 +41,7 @@

    useEffect(() => {
        if (sprite) {
            setCopyVisible(false);
            reset({
                x: sprite.position.x,
                y: sprite.position.y,
@@ -304,7 +307,9 @@
                </Grid>
                <Grid item xs={12}>
                    <Stack direction="row" spacing={2}>
                        <Button variant="contained" color="primary">
                        <Button variant="contained" color="primary" onClick={() => {
                            setCopyVisible(true);
                        }}>
                            {translate('page.map.settings.map.copy.execute')}
                        </Button>
                        <Button variant="text" color="primary">
@@ -313,6 +318,14 @@
                    </Stack>
                </Grid>

                <CopyDrawer
                    open={copyVisible}
                    onCancel={() => {
                        setCopyVisible(false);
                    }}
                    width={width}
                />

                <Grid item xs={12}>
                    <Divider />
                </Grid>

 zy-acs-flow/src/map/settings/index.jsx

@@ -81,6 +81,7 @@
                                                setSpriteSettings={setSpriteSettings}
                                                onSubmit={() => {
                                                }}
                                                width={width}
                                            />
                                        )}
                                        {activeTab === 1 && (