|  |  |  | 
|---|
|  |  |  | requestGetHead() | 
|---|
|  |  |  | requestGetBody() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | setDisabled(false) | 
|---|
|  |  |  | }, [open]) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const handleClose = (event, reason) => { | 
|---|
|  |  |  | 
|---|
|  |  |  | const [formData, setFormData] = useState({ | 
|---|
|  |  |  | type: '', | 
|---|
|  |  |  | wkType: '', | 
|---|
|  |  |  | poCode: '', | 
|---|
|  |  |  | logisNo: '' | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const [tabelData, setTableData] = useState([]); | 
|---|
|  |  |  | 
|---|
|  |  |  | [name]: value | 
|---|
|  |  |  | })); | 
|---|
|  |  |  | }; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const resetData = () => { | 
|---|
|  |  |  | setFormData({ | 
|---|
|  |  |  | type: '', | 
|---|
|  |  |  | wkType: '', | 
|---|
|  |  |  | poCode: '', | 
|---|
|  |  |  | logisNo: '' | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | setTableData([]) | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const setFinally = () => { | 
|---|
|  |  |  | const rows = tableRef.current.state.editRows; | 
|---|
|  |  |  | 
|---|
|  |  |  | 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} | 
|---|
|  |  |  | onChange={(e) => handleChange(e.target.value, '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> | 
|---|
|  |  |  | 
|---|
|  |  |  | 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', | 
|---|
|  |  |  | 
|---|
|  |  |  | disableColumnSorting | 
|---|
|  |  |  | disableMultipleColumnsSorting | 
|---|
|  |  |  | processRowUpdate={processRowUpdate} | 
|---|
|  |  |  | autoPageSize | 
|---|
|  |  |  | initialState={{ | 
|---|
|  |  |  | pagination: { | 
|---|
|  |  |  | paginationModel: { | 
|---|
|  |  |  | pageSize: 25, | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | }} | 
|---|
|  |  |  | pageSizeOptions={[10, 25, 50, 100]} | 
|---|
|  |  |  | editMode="row" | 
|---|
|  |  |  | checkboxSelection | 
|---|
|  |  |  | onRowSelectionModelChange={handleSelectionChange} | 
|---|