#

luxiaotao1123

2024-10-09 62774ce5aa3f92f8aae12fb38fe773fd63bceb2a

 zy-acs-flow/src/map/Device.jsx

@@ -4,6 +4,7 @@
import CloseIcon from '@mui/icons-material/Close';
import * as Common from '@/utils/common';
import { PAGE_DRAWER_WIDTH } from '@/config/setting';
import * as Tool from './tool';

import shelf from '/map/shelf.svg';
import charge from '/map/charge.svg';
@@ -24,8 +25,13 @@
        width = PAGE_DRAWER_WIDTH,
        children
    } = props;

    const theme = useTheme();
    const themeMode = theme.palette.mode;
    const translate = useTranslate();

    const [dragging, setDragging] = useState(false);
    const [dragSprite, setDragSprite] = useState(null);
    const [dragSpriteType, setDragSpriteType] = useState(null);

    const handleClose = () => {
        onCancel();
@@ -33,6 +39,26 @@
            closeCallback();
        }
    }

    const onDragStart = (e, type) => {
        setDragging(true);
        const sprite = Tool.generateSprite(type);
        setDragSprite(sprite);
        setDragSpriteType(type);
    };

    useEffect(() => {
        const handleMouseMove = (e) => {
            if (dragging) {
                props.onDrop(dragSprite, dragSpriteType, e.clientX, e.clientY);
                setDragging(false);
                setDragSpriteType(null);
            }
        };
        window.addEventListener('mousemove', handleMouseMove);
        return () => window.removeEventListener('mousemove', handleMouseMove);
    }, [dragging, props.onDrop, props.onCancel]);


    return (
        <Drawer
@@ -53,25 +79,6 @@
                            <CloseIcon />
                        </IconButton>
                    </Stack>
                    <DeviceContent />
                </Box>
            )}
        </Drawer>
    )
}

const DeviceContent = (props) => {
    const theme = useTheme();
    const themeMode = theme.palette.mode;
    const translate = useTranslate();

    const onDragStart = (e, type) => {
        // setDragging(true);
        // setDragSpriteType(type);
        // 根据需要处理拖拽逻辑
    };

    return (
        <Box p={3}>
            <Grid container spacing={0} sx={{
                borderTop: themeMode === 'light' ? '1px solid #f0f0f0' : '1px solid #303030',
@@ -120,6 +127,9 @@
                })}
            </Grid>
        </Box>
                </Box>
            )}
        </Drawer>
    )
}