| | |
| | | useCreateController, |
| | | useListContext, |
| | | useRefresh, |
| | | SelectArrayInput |
| | | } from 'react-admin'; |
| | | import { |
| | | Dialog, |
| | |
| | | const notify = useNotify(); |
| | | |
| | | const [formData, setFormData] = useState({ |
| | | "warehouseId": null, |
| | | "areaId": undefined, |
| | | "endBay": undefined, |
| | | "endLev": undefined, |
| | |
| | | "startBay": undefined, |
| | | "startLev": undefined, |
| | | "startRow": undefined, |
| | | "type": "" |
| | | "type": "", |
| | | "typeIds": undefined, |
| | | }); |
| | | |
| | | const handleClose = (event, reason) => { |
| | |
| | | const handleChange = (value, name) => { |
| | | setFormData((prevData) => ({ |
| | | ...prevData, |
| | | [name]: ['locType', 'type'].includes(name) ? value : +value |
| | | [name]: value |
| | | })); |
| | | }; |
| | | |
| | |
| | | <Grid container spacing={2}> |
| | | <Grid item xs={4}> |
| | | <ReferenceInput |
| | | source="warehouseId" |
| | | reference="warehouse" |
| | | > |
| | | <AutocompleteInput |
| | | label="table.field.loc.warehouseId" |
| | | optionText="name" |
| | | onChange={(value) => handleChange(value, 'warehouseId')} |
| | | value={formData.warehouseId} |
| | | validate={[required()]} |
| | | filterToQuery={(val) => ({ name: val })} |
| | | /> |
| | | </ReferenceInput> |
| | | |
| | | </Grid> |
| | | |
| | | <Grid item xs={4}> |
| | | <ReferenceInput |
| | | source="areaId" |
| | | reference="warehouseAreas" |
| | | filter={{ warehouseId: formData.warehouseId }} |
| | | > |
| | | <AutocompleteInput |
| | | label="table.field.loc.areaId" |
| | |
| | | |
| | | </Grid> |
| | | |
| | | <Grid item xs={4}> |
| | | <DictionarySelect |
| | | label={translate("table.field.loc.locType")} |
| | | name="locType" |
| | | value={formData.locType} |
| | | onChange={(e) => handleChange(e.target.value, 'locType')} |
| | | size="small" |
| | | validate={[required()]} |
| | | dictTypeCode="sys_width_type" |
| | | /> |
| | | </Grid> |
| | | |
| | | <Grid item xs={4}> |
| | | <DictionarySelect |
| | | label={translate("table.field.loc.type")} |
| | | name="type" |
| | | value={formData.type} |
| | | onChange={(e) => handleChange(e.target.value, 'type')} |
| | | size="small" |
| | | validate={[required()]} |
| | | dictTypeCode="sys_loc_type" |
| | | /> |
| | | <ReferenceArrayInput source="typeIds" reference="locType" > |
| | | <SelectArrayInput label="table.field.loc.type" onChange={(e) => handleChange(e.target.value, 'typeIds')} /> |
| | | </ReferenceArrayInput> |
| | | </Grid> |
| | | |
| | | <Grid item xs={4}> |
| | |
| | | label={translate("table.field.loc.startBay")} |
| | | name="startBay" |
| | | value={formData.startBay} |
| | | onChange={(e) => handleChange(e.target.value, 'startBay')} |
| | | onChange={(e) => handleChange(+e.target.value, 'startBay')} |
| | | size="small" |
| | | type="number" |
| | | validate={[required()]} |
| | |
| | | label={translate("table.field.loc.startLev")} |
| | | name="startLev" |
| | | value={formData.startLev} |
| | | onChange={(e) => handleChange(e.target.value, 'startLev')} |
| | | onChange={(e) => handleChange(+e.target.value, 'startLev')} |
| | | size="small" |
| | | type="number" |
| | | validate={[required()]} |
| | |
| | | label={translate("table.field.loc.startRow")} |
| | | name="startRow" |
| | | value={formData.startRow} |
| | | onChange={(e) => handleChange(e.target.value, 'startRow')} |
| | | onChange={(e) => handleChange(+e.target.value, 'startRow')} |
| | | size="small" |
| | | type="number" |
| | | validate={[required()]} |
| | |
| | | label={translate("table.field.loc.endBay")} |
| | | name="endBay" |
| | | value={formData.endBay} |
| | | onChange={(e) => handleChange(e.target.value, 'endBay')} |
| | | onChange={(e) => handleChange(+e.target.value, 'endBay')} |
| | | size="small" |
| | | type="number" |
| | | validate={[required()]} |
| | |
| | | label={translate("table.field.loc.endLev")} |
| | | name="endLev" |
| | | value={formData.endLev} |
| | | onChange={(e) => handleChange(e.target.value, 'endLev')} |
| | | onChange={(e) => handleChange(+e.target.value, 'endLev')} |
| | | size="small" |
| | | type="number" |
| | | validate={[required()]} |
| | |
| | | label={translate("table.field.loc.endRow")} |
| | | name="endRow" |
| | | value={formData.endRow} |
| | | onChange={(e) => handleChange(e.target.value, 'endRow')} |
| | | onChange={(e) => handleChange(+e.target.value, 'endRow')} |
| | | size="small" |
| | | type="number" |
| | | validate={[required()]} |
| | |
| | | <DialogActions sx={{ position: 'sticky', bottom: 0, backgroundColor: 'background.paper', zIndex: 1000 }}> |
| | | <Box sx={{ width: '100%', display: 'flex', justifyContent: 'space-between' }}> |
| | | <Button type="submit" variant="contained" startIcon={<SaveIcon />}> |
| | | 确认 |
| | | {translate('toolbar.confirm')} |
| | | </Button> |
| | | </Box> |
| | | </DialogActions> |