wms-master.git - Gitblit

			@@ -43,6 +43,7 @@

			} from '@mui/material';
			import DialogCloseButton from "../../components/DialogCloseButton";
			import DictionarySelect from "../../components/DictionarySelect";
			import { useForm, Controller, useWatch, FormProvider, useFormContext } from "react-hook-form";
			import SaveIcon from '@mui/icons-material/Save';
			import request from '@/utils/request';
			@@ -61,14 +62,14 @@
			const notify = useNotify();

			const [formData, setFormData] = useState({
			"areaId": "",
			"endBay": "",
			"endLev": "",
			"endRow": "",
			"areaId": undefined,
			"endBay": undefined,
			"endLev": undefined,
			"endRow": undefined,
			"locType": "",
			"startBay": "",
			"startLev": "",
			"startRow": "",
			"startBay": undefined,
			"startLev": undefined,
			"startRow": undefined,
			"type": ""
			});

			@@ -82,11 +83,10 @@
			e.preventDefault();
			};

			const handleChange = (e) => {
			const { name, value } = e.target;
			const handleChange = (value, name) => {
			setFormData((prevData) => ({
			...prevData,
			[name]: value
			[name]: ['locType', 'type'].includes(name) ? value : +value
			}));
			};

			@@ -106,118 +106,125 @@
			<DialogCloseButton onClose={handleClose} />
			<DialogTitle>{translate('toolbar.locInit')}</DialogTitle>
			<DialogContent sx={{ mt: 2 }}>
			<Box component="form" sx={{ display: 'flex', flexDirection: 'column', gap: 3 }}>
			<Grid container spacing={2}>
			<Grid item xs={4}>
			<TextField
			label={translate("table.field.loc.areaId")}
			name="wkType"
			value={formData.areaId}
			onChange={handleChange}
			variant="outlined"
			size="small"
			validate={required()}
			/>
			<Box sx={{ display: 'flex', flexDirection: 'column', gap: 3 }}>
			<Form>

			<Grid container spacing={2}>
			<Grid item xs={4}>
			<ReferenceInput
			source="areaId"
			reference="warehouseAreas"
			>
			<AutocompleteInput
			label="table.field.loc.areaId"
			optionText="name"
			onChange={(value) => handleChange(value, 'areaId')}
			value={formData.areaId}
			validate={[required()]}
			filterToQuery={(val) => ({ name: val })}
			/>
			</ReferenceInput>

			</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"
			/>
			</Grid>

			<Grid item xs={4}>
			<TextField
			label={translate("table.field.loc.startBay")}
			name="startBay"
			value={formData.startBay}
			onChange={(e) => handleChange(e.target.value, 'startBay')}
			size="small"
			type="number"
			required
			/>
			</Grid>

			<Grid item xs={4}>
			<TextField
			label={translate("table.field.loc.startLev")}
			name="startLev"
			value={formData.startLev}
			onChange={(e) => handleChange(e.target.value, 'startLev')}
			size="small"
			type="number"
			required
			/>
			</Grid>

			<Grid item xs={4}>
			<TextField
			label={translate("table.field.loc.startRow")}
			name="startRow"
			value={formData.startRow}
			onChange={(e) => handleChange(e.target.value, 'startRow')}
			size="small"
			type="number"
			required
			/>
			</Grid>

			<Grid item xs={4}>
			<TextField
			label={translate("table.field.loc.endBay")}
			name="endBay"
			value={formData.endBay}
			onChange={(e) => handleChange(e.target.value, 'endBay')}
			size="small"
			type="number"
			required
			/>
			</Grid>

			<Grid item xs={4}>
			<TextField
			label={translate("table.field.loc.endLev")}
			name="endLev"
			value={formData.endLev}
			onChange={(e) => handleChange(e.target.value, 'endLev')}
			size="small"
			type="number"
			required
			/>
			</Grid>

			<Grid item xs={4}>
			<TextField
			label={translate("table.field.loc.endRow")}
			name="endRow"
			value={formData.endRow}
			onChange={(e) => handleChange(e.target.value, 'endRow')}
			size="small"
			type="number"
			required
			/>
			</Grid>

			</Grid>

			<Grid item xs={4}>
			<TextField
			label={translate("table.field.loc.locType")}
			name="wkType"
			value={formData.locType}
			onChange={handleChange}
			variant="outlined"
			size="small"
			validate={required()}
			/>
			</Grid>

			<Grid item xs={4}>
			<TextField
			label={translate("table.field.loc.type")}
			name="wkType"
			value={formData.type}
			onChange={handleChange}
			variant="outlined"
			size="small"
			validate={required()}
			/>
			</Grid>

			<Grid item xs={4}>
			<TextField
			label={translate("table.field.loc.startBay")}
			name="type"
			value={formData.startBay}
			onChange={handleChange}
			variant="outlined"
			size="small"
			validate={required()}
			/>
			</Grid>

			<Grid item xs={4}>
			<TextField
			label={translate("table.field.loc.startLev")}
			name="wkType"
			value={formData.startLev}
			onChange={handleChange}
			variant="outlined"
			size="small"
			validate={required()}
			/>
			</Grid>

			<Grid item xs={4}>
			<TextField
			label={translate("table.field.loc.startRow")}
			name="wkType"
			value={formData.startRow}
			onChange={handleChange}
			variant="outlined"
			size="small"
			validate={required()}
			/>
			</Grid>

			<Grid item xs={4}>
			<TextField
			label={translate("table.field.loc.endBay")}
			name="wkType"
			value={formData.endBay}
			onChange={handleChange}
			variant="outlined"
			size="small"
			validate={required()}
			/>
			</Grid>

			<Grid item xs={4}>
			<TextField
			label={translate("table.field.loc.endLev")}
			name="wkType"
			value={formData.endLev}
			onChange={handleChange}
			variant="outlined"
			size="small"
			validate={required()}
			/>
			</Grid>

			<Grid item xs={4}>
			<TextField
			label={translate("table.field.loc.endRow")}
			name="wkType"
			value={formData.endRow}
			onChange={handleChange}
			variant="outlined"
			size="small"
			validate={required()}
			/>
			</Grid>


			</Grid>
			</Form>
			</Box>
			</DialogContent>
			<DialogActions sx={{ position: 'sticky', bottom: 0, backgroundColor: 'background.paper', zIndex: 1000 }}>