wms-master.git - Gitblit

New file
			@@ -0,0 +1,219 @@
			import React, { useState, useRef, useEffect, useMemo } from "react";
			import {
			Edit,
			SimpleForm,
			FormDataConsumer,
			useTranslate,
			TextInput,
			NumberInput,
			BooleanInput,
			DateInput,
			SelectInput,
			ReferenceInput,
			ReferenceArrayInput,
			AutocompleteInput,
			SaveButton,
			Toolbar,
			Labeled,
			NumberField,
			required,
			useRecordContext,
			DeleteButton,
			} from 'react-admin';
			import { useWatch, useFormContext } from "react-hook-form";
			import { Stack, Grid, Box, Typography } from '@mui/material';
			import * as Common from '@/utils/common';
			import { EDIT_MODE, REFERENCE_INPUT_PAGESIZE } from '@/config/setting';
			import EditBaseAside from "../components/EditBaseAside";
			import CustomerTopToolBar from "../components/EditTopToolBar";
			import MemoInput from "../components/MemoInput";
			import StatusSelectInput from "../components/StatusSelectInput";

			const FormToolbar = () => {
			const { getValues } = useFormContext();

			return (
			<Toolbar sx={{ justifyContent: 'space-between' }}>
			<SaveButton />
			<DeleteButton mutationMode="optimistic" />
			</Toolbar>
			)
			}

			const StockItemEdit = () => {
			const translate = useTranslate();

			return (
			<Edit
			redirect="list"
			mutationMode={EDIT_MODE}
			actions={<CustomerTopToolBar />}
			aside={<EditBaseAside />}
			>
			<SimpleForm
			shouldUnregister
			warnWhenUnsavedChanges
			toolbar={<FormToolbar />}
			mode="onTouched"
			defaultValues={{}}
			// validate={(values) => { }}
			>
			<Grid container width={{ xs: '100%', xl: '80%' }} rowSpacing={3} columnSpacing={3}>
			<Grid item xs={12} md={8}>
			<Typography variant="h6" gutterBottom>
			{translate('common.edit.title.main')}
			</Typography>
			<Stack direction='row' gap={2}>
			<NumberInput
			label="table.field.stockItem.stockId"
			source="stockId"
			autoFocus
			/>
			</Stack>
			<Stack direction='row' gap={2}>
			<TextInput
			label="table.field.stockItem.stockCode"
			source="stockCode"
			parse={v => v}
			/>
			</Stack>
			<Stack direction='row' gap={2}>
			<NumberInput
			label="table.field.stockItem.sourceItemId"
			source="sourceItemId"
			/>
			</Stack>
			<Stack direction='row' gap={2}>
			<NumberInput
			label="table.field.stockItem.matnrId"
			source="matnrId"
			/>
			</Stack>
			<Stack direction='row' gap={2}>
			<TextInput
			label="table.field.stockItem.matnrCode"
			source="matnrCode"
			parse={v => v}
			/>
			</Stack>
			<Stack direction='row' gap={2}>
			<TextInput
			label="table.field.stockItem.maktx"
			source="maktx"
			parse={v => v}
			/>
			</Stack>
			<Stack direction='row' gap={2}>
			<NumberInput
			label="table.field.stockItem.anfme"
			source="anfme"
			validate={required()}
			/>
			</Stack>
			<Stack direction='row' gap={2}>
			<TextInput
			label="table.field.stockItem.stockUnit"
			source="stockUnit"
			parse={v => v}
			/>
			</Stack>
			<Stack direction='row' gap={2}>
			<NumberInput
			label="table.field.stockItem.workQty"
			source="workQty"
			validate={required()}
			/>
			</Stack>
			<Stack direction='row' gap={2}>
			<NumberInput
			label="table.field.stockItem.purQty"
			source="purQty"
			validate={required()}
			/>
			</Stack>
			<Stack direction='row' gap={2}>
			<TextInput
			label="table.field.stockItem.purUnit"
			source="purUnit"
			parse={v => v}
			/>
			</Stack>
			<Stack direction='row' gap={2}>
			<NumberInput
			label="table.field.stockItem.qty"
			source="qty"
			/>
			</Stack>
			<Stack direction='row' gap={2}>
			<TextInput
			label="table.field.stockItem.splrCode"
			source="splrCode"
			parse={v => v}
			/>
			</Stack>
			<Stack direction='row' gap={2}>
			<TextInput
			label="table.field.stockItem.batch"
			source="batch"
			parse={v => v}
			/>
			</Stack>
			<Stack direction='row' gap={2}>
			<TextInput
			label="table.field.stockItem.splrBatch"
			source="splrBatch"
			parse={v => v}
			/>
			</Stack>
			<Stack direction='row' gap={2}>
			<TextInput
			label="table.field.stockItem.splrName"
			source="splrName"
			parse={v => v}
			/>
			</Stack>
			<Stack direction='row' gap={2}>
			<TextInput
			label="table.field.stockItem.trackCode"
			source="trackCode"
			parse={v => v}
			/>
			</Stack>
			<Stack direction='row' gap={2}>
			<TextInput
			label="table.field.stockItem.barcode"
			source="barcode"
			parse={v => v}
			/>
			</Stack>
			<Stack direction='row' gap={2}>
			<TextInput
			label="table.field.stockItem.prodTime"
			source="prodTime"
			parse={v => v}
			/>
			</Stack>
			<Stack direction='row' gap={2}>
			<TextInput
			label="table.field.stockItem.packName"
			source="packName"
			parse={v => v}
			/>
			</Stack>

			</Grid>
			<Grid item xs={12} md={4}>
			<Typography variant="h6" gutterBottom>
			{translate('common.edit.title.common')}
			</Typography>
			<StatusSelectInput />
			<Box mt="2em" />
			<MemoInput />
			</Grid>
			</Grid>
			</SimpleForm>
			</Edit >
			)
			}

			export default StockItemEdit;