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