#

luxiaotao1123

2024-11-04 7f70cb15d035f0c233b9e62b9e43aa985317c908

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

@@ -3,9 +3,12 @@
import { Drawer, Box, Typography, Tabs, Tab, IconButton, Stack, useTheme, Card, CardContent, Divider } from '@mui/material';
import CloseIcon from '@mui/icons-material/Close';
import { PAGE_DRAWER_WIDTH } from '@/config/setting';
import { MAP_MODE } from "../constants";
import BatchSettings from './BatchSettings';
import BatchInsight from './BatchInsight';

const Batch = (props) => {
    const { open, onCancel, sprite, width = PAGE_DRAWER_WIDTH, title } = props;
    const { open, onCancel, mode, batchSprites, width = PAGE_DRAWER_WIDTH } = props;
    const theme = useTheme();
    const themeMode = theme.palette.mode;
    const translate = useTranslate();
@@ -31,13 +34,30 @@
                    }}>
                        <Stack direction="row" p={2}>
                            <Typography variant="h6" flex="1">
                                {title || translate('page.map.settings.title')}
                                {batchSprites?.length || 0} {translate('common.action.selected')}
                            </Typography>
                            <IconButton onClick={handleClose} size="small">
                                <CloseIcon />
                            </IconButton>
                        </Stack>
                        <Box p={3}>
                            {mode === MAP_MODE.OBSERVER_MODE && (
                                <>
                                    <BatchInsight
                                        batchSprites={batchSprites}
                                        drawerClose={handleClose}
                                    />
                                </>
                            )}

                            {mode === MAP_MODE.SETTINGS_MODE && (
                                <>
                                    <BatchSettings
                                        batchSprites={batchSprites}
                                        drawerClose={handleClose}
                                    />
                                </>
                            )}
                        </Box>
                    </Box>
                )}