From 71d23129eff75fb89e95e7a33b3683c2017ce72c Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期一, 14 十月 2024 11:21:49 +0800
Subject: [PATCH] #

---
 zy-acs-flow/src/map/batch/BatchSettings.jsx |   58 +++++++++++++++++++++++++++++++++++++++++++++++++++++-----
 1 files changed, 53 insertions(+), 5 deletions(-)

diff --git a/zy-acs-flow/src/map/batch/BatchSettings.jsx b/zy-acs-flow/src/map/batch/BatchSettings.jsx
index 7ace3a3..cbcaed5 100644
--- a/zy-acs-flow/src/map/batch/BatchSettings.jsx
+++ b/zy-acs-flow/src/map/batch/BatchSettings.jsx
@@ -1,18 +1,66 @@
 import React, { useState, useRef, useEffect } from 'react';
 import { useTranslate } from "react-admin";
-import { Box, Typography, IconButton, Stack, useTheme, Card, CardContent, Divider } from '@mui/material';
+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 BatchSettings = (props) => {
-    const { data } = props;
+    const theme = useTheme();
+    const themeMode = theme.palette.mode;
+    const translate = useTranslate();
+    const { batchSprites, drawerClose } = props;
 
     return (
         <Box>
             <JsonShow
-                data={data}
-                height={600}
+                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>
+
+                    <Button
+                        variant="outlined"
+                        color="primary"
+                        onClick={() => {
+                            batchSprites?.forEach((sprite) => {
+                                Tool.getMapContainer().removeChild(sprite);
+                                drawerClose();
+                            })
+                        }}
+                        sx={{ borderColor: theme => theme.palette.error.main }}
+                        startIcon={
+                            <ClearOutlinedIcon sx={{ color: theme => theme.palette.error.main }} />
+                        }
+                    >
+                        {translate('ra.action.delete')}
+                    </Button>
+                </Toolbar>
+            </Box>
         </Box>
     )
 }

--
Gitblit v1.9.1