wms-master.git - Gitblit

			@@ -2,6 +2,7 @@
			import {
			CreateBase,
			useTranslate,
			SearchInput,
			TextInput,
			NumberInput,
			BooleanInput,
			@@ -10,15 +11,22 @@
			SelectInput,
			ReferenceInput,
			ReferenceArrayInput,
			DatagridConfigurable,
			AutocompleteInput,
			Toolbar,
			required,
			useDataProvider,
			TextField,
			NumberField,
			ReferenceField,
			BooleanField,
			useNotify,
			useSelectAll,
			Form,
			useCreateController,
			useListContext,
			useRefresh,
			List,
			SelectArrayInput
			} from 'react-admin';
			import {
			@@ -27,7 +35,6 @@
			DialogContent,
			DialogTitle,
			Grid,
			TextField,
			Box,
			Button,
			Paper,
			@@ -41,8 +48,6 @@
			IconButton,
			styled,



			} from '@mui/material';
			import DialogCloseButton from "../../components/DialogCloseButton";
			import DictionarySelect from "../../components/DictionarySelect";
			@@ -51,24 +56,38 @@
			import request from '@/utils/request';
			import { Add, Edit, Delete } from '@mui/icons-material';
			import _ from 'lodash';
			import { DataGrid } from '@mui/x-data-grid';
			import StatusSelectInput from "../../components/StatusSelectInput";
			import TreeSelectInput from "@/page/components/TreeSelectInput";
			import { PAGE_DRAWER_WIDTH, OPERATE_MODE, DEFAULT_ITEM_PAGE_SIZE } from '@/config/setting';


			const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({
			'& .css-1vooibu-MuiSvgIcon-root': {
			height: '.9em'
			},
			'& .RaDatagrid-row': {
			cursor: 'auto'
			},
			'& .column-name': {
			},
			}));

			const filters = [
			<SearchInput source="condition" alwaysOn />
			]

			const MatnrModal = ({ open, setOpen }) => {
			const refresh = useRefresh();
			const translate = useTranslate();


			const notify = useNotify();

			const [formData, setFormData] = useState({
			areaId: null,
			areaMatId: null,
			groupId: null,
			matnrId: null,
			});

			const { selectedIds, onUnselectItems } = useListContext();

			const { selectedIds, onUnselectItems, onSelectAll } = useListContext();
			const handleClose = (event, reason) => {
			if (reason !== "backdropClick") {
			setOpen(false);
			@@ -80,7 +99,7 @@

			const reset = () => {
			setFormData({
			areaId: null,
			areaMatId: null,
			groupId: null,
			matnrId: null,
			})
			@@ -95,7 +114,7 @@
			...prevData,
			[name]: value
			}));
			refresh()
			refresh();
			};

			const removeEmptyKeys = (obj) => {
			@@ -111,53 +130,49 @@
			const handleSubmit = async () => {
			const parmas = {
			locId: selectedIds,
			areaId: formData.areaId,
			areaMatId: formData.areaMatId,
			groupId: formData.groupId,
			matnrId: formData.matnrId,
			}

			const res = await request.post(`/locAreaMatRela/matnr/bind`, parmas);
			if (res?.data?.code === 200) {
			handleClose()

			} else {
			notify(res.data.msg);
			}


			// const res = await request.post(`/locAreaMatRela/matnr/bind`, parmas);
			// if (res?.data?.code === 200) {
			// handleClose()
			// } else {
			// notify(res.data.msg);
			// }
			}

			const [groupId, setGroupId] = useState();

			const warehouseChange = (e) => {
			setGroupId(e.target.value)
			}



			return (
			<Dialog open={open} maxWidth="md" fullWidth>
			<Dialog open={open} maxWidth="1" fullWidth>
			<Form onSubmit={handleSubmit}>
			<DialogCloseButton onClose={handleClose} />
			<DialogTitle>{translate('toolbar.bindmatnr')}</DialogTitle>
			<DialogContent sx={{ mt: 2 }}>
			<Box sx={{ display: 'flex', flexDirection: 'column', gap: 3 }}>
			<Box sx={{ display: 'flex', flexDirection: 'column', gap: 3, height: 900 }}>
			<Grid container spacing={2}>
			<Grid item xs={4}>
			<Grid item xs={3}>
			<ReferenceInput
			source="areaId"
			reference="warehouseAreas"
			source="areaMatId"
			reference="locAreaMat"
			>
			<AutocompleteInput
			label="table.field.loc.areaId"
			optionText="name"
			onChange={(value) => handleChange(value, 'areaId')}
			value={formData.areaId}
			label="table.field.loc.locAreaId"
			optionText="code"
			onChange={(value) => handleChange(value, 'areaMatId')}
			value={formData.areaMatId}
			validate={required()}
			filterToQuery={(val) => ({ name: val })}
			filterToQuery={(val) => ({ code: val })}
			/>
			</ReferenceInput>

			</Grid>

			<Grid item xs={4}>
			<Grid item xs={3}>
			<TreeSelectInput
			label="table.field.locAreaMatRela.groupId"
			resource={'matnrGroup'}
			@@ -166,26 +181,54 @@
			onChange={(e) => handleChange(e.target.value, 'groupId')}
			/>
			</Grid>


			<Grid item xs={4}>
			<ReferenceArrayInput source="matnrId" reference="matnr" filter={{ groupId: formData.groupId }}>
			<SelectArrayInput
			label="table.field.locAreaMatRela.matnrId"
			validate={required()}
			value={formData.matnrId}
			onChange={(e) => handleChange(e.target.value, 'matnrId')}
			/>
			</ReferenceArrayInput>

			</Grid>

			</Grid>

			<Grid item xs={4}>
			<List
			resource="matnr"
			filter={{ groupId: formData.groupId }}
			queryOptions={{}}
			// filters={filters}
			empty={false}
			actions={<></>}
			>
			<StyledDatagrid
			preferenceKey='matnr'
			bulkActionButtons={<></>}
			rowClick={false}
			omit={['id', 'createTime', 'createBy', 'memo', 'poDetlId', 'matnrId', 'asnId']}
			>
			<NumberField key="id" source="id" />,
			<TextField key="name" source="name" label="table.field.matnr.name" />,
			<TextField key="code" source="code" label="table.field.matnr.code" />,
			<ReferenceField key="groupId" source="groupId" label="table.field.matnr.groupId" reference="matnrGroup" link={false} sortable={false}>
			<TextField source="name" />
			</ReferenceField>,
			<TextField key="spec" source="spec" label="table.field.matnr.spec" />,
			<TextField key="model" source="model" label="table.field.matnr.model" />,
			<NumberField key="nromNum" source="nromNum" label="table.field.matnr.nromNum" />,
			<TextField key="stockLeval$" source="stockLeval$" label="table.field.matnr.stockLevel" sortable={false} />,
			<TextField key="flagLabelMange$" source="flagLabelMange$" label="table.field.matnr.isLabelMange" sortable={false} />,
			<NumberField key="safeQty" source="safeQty" label="table.field.matnr.safeQty" />,
			<NumberField key="minQty" source="minQty" label="table.field.matnr.minQty" />,
			<NumberField key="maxQty" source="maxQty" label="table.field.matnr.maxQty" />,
			<NumberField key="validWarn" source="validWarn" label="table.field.matnr.validWarn" />,
			<BooleanField key="flagCheck" source="flagCheck" label="table.field.matnr.flagCheck" sortable={false} />,
			<BooleanField key="statusBool" source="statusBool" label="common.field.status" sortable={false} />,
			<TextField key="memo" source="memo" label="common.field.memo" sortable={false} />,
			</StyledDatagrid>
			</List>
			{/* <ReferenceArrayInput source="matnrId" reference="matnr" filter={{ groupId: formData.groupId }}>
			<SelectArrayInput
			label="table.field.locAreaMatRela.matnrId"
			value={formData.matnrId}
			onChange={(e) => handleChange(e.target.value, 'matnrId')}
			/>
			</ReferenceArrayInput> */}
			</Grid>
			</Box>
			</DialogContent>
			<DialogActions sx={{ position: 'sticky', bottom: 0, backgroundColor: 'background.paper', zIndex: 1000 }}>
			<Box sx={{ width: '100%', display: 'flex', justifyContent: 'space-between' }}>
			<Box sx={{ width: '100%', display: 'flex', justifyContent: 'end' }}>
			<Button type="submit" variant="contained" startIcon={<SaveIcon />}>
			{translate('toolbar.confirm')}
			</Button>