|  |  | 
 |  |  |     NumberField, | 
 |  |  |     ReferenceInput, | 
 |  |  |     AutocompleteInput, | 
 |  |  |     useRecordSelection, | 
 |  |  |     required, | 
 |  |  |     Form, | 
 |  |  |     useRefresh, | 
 |  |  | 
 |  |  |     TextInput, | 
 |  |  | } from 'react-admin'; | 
 |  |  | import { PAGE_DRAWER_WIDTH, OPERATE_MODE, DEFAULT_PAGE_SIZE, DEFAULT_ITEM_PAGE_SIZE, DEFAULT_TYPE } from '@/config/setting'; | 
 |  |  | import { styled } from '@mui/material/styles'; | 
 |  |  | import { DataGrid, useGridApiContext, GridActionsCellItem, useGridApiRef } from '@mui/x-data-grid'; | 
 |  |  | import request from '@/utils/request'; | 
 |  |  | import ConfirmationNumberOutlinedIcon from '@mui/icons-material/ConfirmationNumberOutlined'; | 
 |  |  | import CloseSharpIcon from '@mui/icons-material/CloseSharp'; | 
 |  |  | import ConfirmButton from '../../components/ConfirmButton'; | 
 |  |  | import { Delete, Edit, Add } from '@mui/icons-material'; | 
 |  |  | import CheckOrderSiteDialog from "./CheckOrderSiteDialog"; | 
 |  |  | import CheckPreviewTable from "./CheckPreviewTable"; | 
 |  |  | import { styled } from '@mui/material/styles'; | 
 |  |  | import request from '@/utils/request'; | 
 |  |  |  | 
 |  |  |  | 
 |  |  | const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({ | 
 |  |  |     '& .css-1vooibu-MuiSvgIcon-root': { | 
 |  |  | 
 |  |  | const CheckOrderPub = (props) => { | 
 |  |  |     const { record, open, setOpen, setManualDialog } = props; | 
 |  |  |     const notify = useNotify(); | 
 |  |  |     const translate = useTranslate(); | 
 |  |  |     const gridRef = useGridApiRef(); | 
 |  |  |     const [rows, setRows] = useState([]); | 
 |  |  |     const [fetchRows, setFetchRows] = useState([]); | 
 |  |  |     const translate = useTranslate(); | 
 |  |  |     const [selectItem, setSelectItem] = useState({}); | 
 |  |  |     const [rowSelectedIds, setRowSelectedIds] = useState([]); | 
 |  |  |     const [selectedMatnr, setSelectedMatnr] = useState([]); | 
 |  |  |     const [selectedIds, setSelectedIds] = useState([]); | 
 |  |  |     const [leftSelectedIds, setLeftSelectedIds] = useState([]); | 
 |  |  |     const [formData, setFormData] = useState({ orderId: record?.id, waveId: DEFAULT_TYPE }); | 
 |  |  |     const [dialog, setDialog] = useState(false); | 
 |  |  |     const [selectedValue, setSelectedValue] = useState({}); | 
 |  |  | 
 |  |  |  | 
 |  |  |  | 
 |  |  |     const getLocs = async (ids) => { | 
 |  |  |         const { data: { code, data, msg } } = await request.post('/check/locs/' + ids); | 
 |  |  |         let params = { matnrCode: ids } | 
 |  |  |         const { data: { code, data, msg } } = await request.post('/check/locs/', params); | 
 |  |  |         if (code === 200) { | 
 |  |  |             setRows(data) | 
 |  |  |             const matnrs = selectedMatnr.filter(item => data.some(bigData => bigData.matnrCode === item)); | 
 |  |  | 
 |  |  |         } | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |  | 
 |  |  |     const ComfirmButton = () => { | 
 |  |  |         const { selectedIds, data, onUnselectItems } = useListContext(); | 
 |  |  |         const { selectedIds, data, onUnselectItems, } = useListContext(); | 
 |  |  |         const handleRowClick = () => { | 
 |  |  |             const ids = data.filter(item => selectedIds.includes(item.id)); | 
 |  |  |             setRowSelectedIds(ids); | 
 |  |  |             const mas = data.filter(item => selectedIds.includes(item.id)).map(item => item.matnrCode); | 
 |  |  |             //设置库位信息筛选条件 | 
 |  |  |             setSelectedMatnr(mas); | 
 |  |  |             onUnselectItems() | 
 |  |  |             onUnselectItems(); | 
 |  |  |         } | 
 |  |  |         return ( | 
 |  |  |             record.exceStatus != 3 ? <><Button label="toolbar.confirm" size="medium" onClick={handleRowClick} /></> : <></> | 
 |  |  | 
 |  |  |                                     setRows={setRows} | 
 |  |  |                                     record={record} | 
 |  |  |                                     formData={formData} | 
 |  |  |                                     selectedIds={selectedIds} | 
 |  |  |                                     selectedMatnr={selectedMatnr} | 
 |  |  |                                     leftSelectedIds={leftSelectedIds} | 
 |  |  |                                     setDialog={setDialog} | 
 |  |  |                                     setSelectedIds={setSelectedIds} | 
 |  |  |                                     setLeftSelectedIds={setLeftSelectedIds} | 
 |  |  |                                 /> | 
 |  |  |                             </Box> | 
 |  |  |                             <Box sx={{ textAlign: 'center' }}> | 
 |  |  |                                 <CloseButton setOpen={setOpen} /> | 
 |  |  |                                 <SubmitButton selectedIds={selectedIds} setOpen={setOpen} setSelectedIds={setSelectedIds} selectedMatnr={selectedMatnr} rowSelectedIds={rowSelectedIds} gridRef={gridRef} record={record} /> | 
 |  |  |                                 <SubmitButton | 
 |  |  |                                     leftSelectedIds={leftSelectedIds} | 
 |  |  |                                     setOpen={setOpen} | 
 |  |  |                                     setLeftSelectedIds={setLeftSelectedIds} | 
 |  |  |                                     selectItem={selectItem} | 
 |  |  |                                     selectedMatnr={selectedMatnr} | 
 |  |  |                                     rowSelectedIds={rowSelectedIds} | 
 |  |  |                                     gridRef={gridRef} | 
 |  |  |                                     record={record} /> | 
 |  |  |                             </Box> | 
 |  |  |                         </Card> | 
 |  |  |                     </Grid> | 
 |  |  | 
 |  |  | } | 
 |  |  |  | 
 |  |  | //提交按钮 | 
 |  |  | const SubmitButton = ({ selectedIds, setSelectedIds, rowSelectedIds, gridRef, record, setOpen, selectedMatnr }) => { | 
 |  |  | const SubmitButton = ({ leftSelectedIds, setLeftSelectedIds, rowSelectedIds, selectItem, gridRef, record, setOpen, selectedMatnr }) => { | 
 |  |  |     const notify = useNotify(); | 
 |  |  |     const refresh = useRefresh(); | 
 |  |  |     const translate = useTranslate(); | 
 |  |  |     const redirect = useRedirect(); | 
 |  |  |     const submit = async () => { | 
 |  |  |         const items = gridRef.current?.getSortedRows(); | 
 |  |  |         let selctRecord = items.filter(item => selectedIds.includes(item?.id)); | 
 |  |  |         let selctRecord = items.filter(item => leftSelectedIds.includes(item?.id)); | 
 |  |  |  | 
 |  |  |         if (selctRecord == undefined || selctRecord.length < 1) { | 
 |  |  |             notify(translate('common.msg.locEmpty'), { type: 'error' }); | 
 |  |  |             return | 
 |  |  | 
 |  |  |  | 
 |  |  |         let params = records.filter(record => record?.items.length > 0); | 
 |  |  |  | 
 |  |  |         const { data: { code, data, msg } } = await request.post('/check/generate/tasks', params); | 
 |  |  |         if (code == 200) { | 
 |  |  |             refresh(); | 
 |  |  |             setOpen(false) | 
 |  |  |         } else { | 
 |  |  |             notify(msg); | 
 |  |  |         } | 
 |  |  |         redirect("/task") | 
 |  |  |  | 
 |  |  |  | 
 |  |  |         // const { data: { code, data, msg } } = await request.post('/check/generate/tasks', params); | 
 |  |  |         // if (code == 200) { | 
 |  |  |         //     refresh(); | 
 |  |  |         //     redirect("/task") | 
 |  |  |         //     setOpen(false) | 
 |  |  |         // } else { | 
 |  |  |         //     notify(msg); | 
 |  |  |         // } | 
 |  |  |     } | 
 |  |  |     return ( | 
 |  |  |         <ConfirmButton |