|  |  | 
 |  |  |     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); | 
 |  |  | 
 |  |  |                                 /> | 
 |  |  |                                 <StyledDatagrid | 
 |  |  |                                     preferenceKey='deliveryItem' | 
 |  |  |                                     bulkActionButtons={<AddOutStockButton setOpen={setOpen} setPreview={setPreview} setSelect={setSelect}/>} | 
 |  |  |                                     bulkActionButtons={<AddOutStockButton setOpen={setOpen} setPreview={setPreview} setSelect={setSelect} />} | 
 |  |  |                                     rowClick={(id, resource, record) => false} | 
 |  |  |                                     expand={false} | 
 |  |  |                                     expandSingle={true} | 
 |  |  |                                     omit={['id', 'createTime', 'createBy', 'memo', 'workQty', 'startTime', 'endTime', 'updateBy', 'createTime']} | 
 |  |  |                                     omit={['id', 'createTime', 'createBy', 'memo', 'startTime', 'endTime', 'updateBy', 'createTime']} | 
 |  |  |                                 > | 
 |  |  |                                     <NumberField source="id" /> | 
 |  |  |                                     <TextField source="deliveryCode" label="table.field.deliveryItem.deliveryCode" /> | 
 |  |  | 
 |  |  |                                     <TextField source="maktx" label="table.field.deliveryItem.matnrName" /> | 
 |  |  |                                     <TextField source="unit" label="table.field.deliveryItem.unit" /> | 
 |  |  |                                     <NumberField source="anfme" label="table.field.deliveryItem.anfme" /> | 
 |  |  |                                     <NumberField source="workQty" label="table.field.outStockItem.workQty" /> | 
 |  |  |                                     <TextField source="splrName" label="table.field.deliveryItem.splrName" /> | 
 |  |  |                                     <TextField source="splrBatch" label="table.field.deliveryItem.splrBatch" /> | 
 |  |  |                                     <TextField source="updateBy$" label="common.field.updateBy" /> | 
 |  |  | 
 |  |  |                 </DialogContent> | 
 |  |  |             </Grid> | 
 |  |  |             <Grid> | 
 |  |  |                 <OutOrderPreview open={preview} setOpen={setPreview} selectedIds={select} /> | 
 |  |  |                 <OutOrderPreview open={preview} setOpen={setPreview} selectedIds={select} setCloseParent={setOpen} /> | 
 |  |  |             </Grid> | 
 |  |  |         </Dialog > | 
 |  |  |     ) | 
 |  |  | 
 |  |  |     const notify = useNotify(); | 
 |  |  |     const refresh = useRefresh(); | 
 |  |  |     const confirm = async (event) => { | 
 |  |  |         const res = await request.post(`/outStock/generate/orders`, { ids: selectedIds }); | 
 |  |  |         if (res?.data?.code === 200) { | 
 |  |  |             notify(res.data.msg); | 
 |  |  |         } else { | 
 |  |  |             notify(res.data.msg); | 
 |  |  |         } | 
 |  |  |         setPreview(true) | 
 |  |  |         setSelect(selectedIds); | 
 |  |  |         onUnselectItems(); |