|  |  | 
 |  |  |     useRefresh, | 
 |  |  |     useGetList, | 
 |  |  | } from 'react-admin'; | 
 |  |  | import DialogCloseButton from "../../components/DialogCloseButton"; | 
 |  |  | import { styled } from '@mui/material/styles'; | 
 |  |  |  | 
 |  |  | import { PAGE_DRAWER_WIDTH, OPERATE_MODE, DEFAULT_PAGE_SIZE } from '@/config/setting'; | 
 |  |  | import { Grid, margin, Stack, width } from "@mui/system"; | 
 |  |  | import request from '@/utils/request'; | 
 |  |  | import SaveIcon from '@mui/icons-material/Save'; | 
 |  |  | import CheckCircleIcon from '@mui/icons-material/CheckCircle'; | 
 |  |  | import DialogCloseButton from "../../components/DialogCloseButton"; | 
 |  |  | import EditableTextField from "../../components/EditableTextField"; | 
 |  |  | import CheckCircleIcon from '@mui/icons-material/CheckCircle'; | 
 |  |  | import { Grid, margin, Stack, width } from "@mui/system"; | 
 |  |  | import SaveIcon from '@mui/icons-material/Save'; | 
 |  |  | import OutOrderPreview from "./OutOrderPreview"; | 
 |  |  | import { styled } from '@mui/material/styles'; | 
 |  |  | import request from '@/utils/request'; | 
 |  |  |  | 
 |  |  |  | 
 |  |  | const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({ | 
 |  |  |     '& .css-1vooibu-MuiSvgIcon-root': { | 
 |  |  | 
 |  |  |  | 
 |  |  | const OutOrderModal = (props) => { | 
 |  |  |     const { open, setOpen, preview, setPreview, record } = props; | 
 |  |  |     const translate = useTranslate(); | 
 |  |  |     const [drawerVal, setDrawerVal] = useState(false); | 
 |  |  |     const [params, setParams] = useState({}); | 
 |  |  |     const [select, setSelect] = useState([]); | 
 |  |  |     const [drawerVal, setDrawerVal] = useState(false); | 
 |  |  |     const translate = useTranslate(); | 
 |  |  |     const refresh = useRefresh(); | 
 |  |  |     const handleClose = (event, reason) => { | 
 |  |  |         if (reason !== "backdropClick") { | 
 |  |  |             setOpen(false); | 
 |  |  |         } | 
 |  |  |     }; | 
 |  |  |  | 
 |  |  |     const CustomFilter = () => { | 
 |  |  |         const { filterValues, setFilters, refetch } = useListContext(); | 
 |  |  |         const [formValues, setFormValues] = useState(filterValues); |