#

luxiaotao1123

2024-10-19 ddf7bafdc51befaa108a3d9475706821983e680a

#

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

New file
@@ -0,0 +1,51 @@
import React, { useState, useRef, useEffect } from 'react';
import { useTranslate } from "react-admin";
import { Box, Typography, Toolbar, Stack, useTheme, Card, Divider, Button } from '@mui/material';
import JsonShow from '../JsonShow';
import CheckOutlinedIcon from '@mui/icons-material/CheckOutlined';
import ClearOutlinedIcon from '@mui/icons-material/ClearOutlined';
import * as Tool from '../tool';

const BatchInsight = (props) => {
    const theme = useTheme();
    const themeMode = theme.palette.mode;
    const translate = useTranslate();
    const { batchSprites, drawerClose } = props;

    return (
        <Box>
            <JsonShow
                data={
                    batchSprites?.map(item => {
                        return item.data?.type + '-' + item.data?.no;
                    })
                }
                height={550}
            />
            <Box mt={2}>
                <Divider sx={{
                    marginBottom: '16px'
                }} />
                <Toolbar sx={{
                    display: 'flex',
                    justifyContent: 'space-between',
                    minHeight: { sm: 0 },
                }}>
                    <Button
                        variant="outlined"
                        color="primary"
                        onClick={drawerClose}
                        sx={{ borderColor: theme => theme.palette.success.main }}
                        startIcon={
                            <CheckOutlinedIcon sx={{ color: theme => theme.palette.success.main }} />
                        }
                    >
                        {translate('ra.action.confirm')}
                    </Button>
                </Toolbar>
            </Box>
        </Box>
    )
}

export default BatchInsight;

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

@@ -5,6 +5,7 @@
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, mode, batchSprites, width = PAGE_DRAWER_WIDTH } = props;
@@ -42,7 +43,7 @@
                        <Box p={3}>
                            {mode === MAP_MODE.OBSERVER_MODE && (
                                <>
                                    <BatchSettings
                                    <BatchInsight
                                        batchSprites={batchSprites}
                                        drawerClose={handleClose}
                                    />