|  |  | 
 |  |  |             requestGetHead() | 
 |  |  |             requestGetBody() | 
 |  |  |         } | 
 |  |  |         setDisabled(false) | 
 |  |  |     }, [open]) | 
 |  |  |  | 
 |  |  |     const handleClose = (event, reason) => { | 
 |  |  | 
 |  |  |     const [formData, setFormData] = useState({ | 
 |  |  |         type: '', | 
 |  |  |         wkType: '', | 
 |  |  |         poCode: '', | 
 |  |  |         logisNo: '', | 
 |  |  |         arrTime: '' | 
 |  |  |     }); | 
 |  |  |  | 
 |  |  |     const [tabelData, setTableData] = useState([]); | 
 |  |  | 
 |  |  |         })); | 
 |  |  |     }; | 
 |  |  |  | 
 |  |  |     const resetData = () => { | 
 |  |  |         setFormData({ | 
 |  |  |             type: '', | 
 |  |  |             wkType: '', | 
 |  |  |             poCode: '', | 
 |  |  |             logisNo: '', | 
 |  |  |             arrTime: '' | 
 |  |  |         }) | 
 |  |  |         setTableData([]) | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     const setFinally = () => { | 
 |  |  |         const rows = tableRef.current.state.editRows; | 
 |  |  |         for (const key in rows) { | 
 |  |  | 
 |  |  |             find.anfme = rows[key].anfme.value; | 
 |  |  |         } | 
 |  |  |         setTableData([...tabelData]); | 
 |  |  |  | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |  | 
 |  |  |  | 
 |  |  |     const handleSubmit = async () => { | 
 |  |  |         setFinally() | 
 |  |  | 
 |  |  |                 setOpen(false); | 
 |  |  |                 refresh(); | 
 |  |  |                 billReload?.current() | 
 |  |  |                 resetData() | 
 |  |  |             } else { | 
 |  |  |                 notify(res.data.msg); | 
 |  |  |             } | 
 |  |  | 
 |  |  |                 setOpen(false); | 
 |  |  |                 refresh(); | 
 |  |  |                 billReload?.current() | 
 |  |  |  | 
 |  |  |                 resetData() | 
 |  |  |             } else { | 
 |  |  |                 notify(res.data.msg); | 
 |  |  |             } | 
 |  |  | 
 |  |  |                 aria-hidden | 
 |  |  |                 fullWidth | 
 |  |  |                 disableRestoreFocus | 
 |  |  |                 maxWidth="md"   // 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 
 |  |  |                 maxWidth="lg"   // 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 
 |  |  |             > | 
 |  |  |                 <DialogTitle id="form-dialog-title" sx={{ | 
 |  |  |                     position: 'sticky', | 
 |  |  | 
 |  |  |                     <Box sx={{ display: 'flex', flexDirection: 'column', gap: 3 }}> | 
 |  |  |                         <Form> | 
 |  |  |                             <Grid container spacing={2}> | 
 |  |  |                                 <Grid item md={4}> | 
 |  |  |                                 <Grid item md={3}> | 
 |  |  |                                     <DictSelect | 
 |  |  |                                         label={translate("table.field.asnOrder.type")} | 
 |  |  |                                         value={formData.type} | 
 |  |  | 
 |  |  |  | 
 |  |  |                                 </Grid> | 
 |  |  |  | 
 |  |  |                                 <Grid item md={4}> | 
 |  |  |                                 <Grid item md={3}> | 
 |  |  |                                     <DictSelect | 
 |  |  |                                         label={translate("table.field.asnOrder.wkType")} | 
 |  |  |                                         value={formData.wkType} | 
 |  |  | 
 |  |  |                                         dictTypeCode="sys_business_type" | 
 |  |  |                                         required | 
 |  |  |                                     /> | 
 |  |  |                                 </Grid> | 
 |  |  |  | 
 |  |  |                                 <Grid item md={3}> | 
 |  |  |                                     <TextField | 
 |  |  |                                         label={translate("table.field.asnOrder.poCode")} | 
 |  |  |                                         value={formData.poCode} | 
 |  |  |                                         onChange={(e) => handleChange(e.target.value, 'poCode')} | 
 |  |  |                                     /> | 
 |  |  |                                 </Grid> | 
 |  |  |  | 
 |  |  |                                 <Grid item md={3}> | 
 |  |  |                                     <TextField | 
 |  |  |                                         label={translate("table.field.asnOrder.logisNo")} | 
 |  |  |                                         value={formData.logisNo} | 
 |  |  |                                         onChange={(e) => handleChange(e.target.value, 'logisNo')} | 
 |  |  |                                     /> | 
 |  |  |                                 </Grid> | 
 |  |  |  | 
 |  |  |                                 <Grid item md={3}> | 
 |  |  |                                     {/* <TextField | 
 |  |  |                                         label={translate("table.field.asnOrder.arrTime")} | 
 |  |  |                                         value={formData.arrTime} | 
 |  |  |                                         onChange={(e) => handleChange(e.target.value, 'arrTime')} | 
 |  |  |                                     /> */} | 
 |  |  |                                     <DateInput | 
 |  |  |                                         source="arrTime" | 
 |  |  |                                         label="table.field.asnOrder.arrTime" | 
 |  |  |                                         value={formData.arrTime} | 
 |  |  |                                         onChange={(e) => handleChange(e.target.value, 'arrTime')} | 
 |  |  |                                     /> | 
 |  |  |  | 
 |  |  |                                 </Grid> | 
 |  |  |                             </Grid> | 
 |  |  |                         </Form> | 
 |  |  | 
 |  |  |             minWidth: 100, | 
 |  |  |             flex: 1, | 
 |  |  |             editable: true, | 
 |  |  |             // preProcessEditCellProps: (params) => { | 
 |  |  |             //     const hasError = params.props.value.length !== ''; | 
 |  |  |             //     return { ...params.props, error: hasError }; | 
 |  |  |             // }, | 
 |  |  |             valueFormatter: (val) => val < 0 ? 0 : val | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |             field: 'splrCode', | 
 |  |  | 
 |  |  |         //     flex: 1, | 
 |  |  |         // }, | 
 |  |  |         { | 
 |  |  |             field: 'platItemId', | 
 |  |  |             headerName: translate('table.field.asnOrderItem.platItemId'), | 
 |  |  |             field: 'poCode', | 
 |  |  |             headerName: translate('table.field.asnOrderItem.poDetlCode'), | 
 |  |  |             minWidth: 100, | 
 |  |  |             flex: 1, | 
 |  |  |             editable: true, | 
 |  |  |         }, | 
 |  |  |  | 
 |  |  |         { | 
 |  |  | 
 |  |  |                 disableColumnSorting | 
 |  |  |                 disableMultipleColumnsSorting | 
 |  |  |                 processRowUpdate={processRowUpdate} | 
 |  |  |                 autoPageSize | 
 |  |  |                 initialState={{ | 
 |  |  |                     pagination: { | 
 |  |  |                         paginationModel: { | 
 |  |  |                             pageSize: 25, | 
 |  |  |                         }, | 
 |  |  |                     }, | 
 |  |  |                 }} | 
 |  |  |                 pageSizeOptions={[10, 25, 50, 100]} | 
 |  |  |                 editMode="row" | 
 |  |  |                 checkboxSelection | 
 |  |  |                 onRowSelectionModelChange={handleSelectionChange} |