From b93e65afde0702f0ec93be4352528add6176ace7 Mon Sep 17 00:00:00 2001 From: skyouc Date: 星期三, 30 四月 2025 10:58:08 +0800 Subject: [PATCH] 新增库位明细 --- rsf-admin/src/page/orders/asnOrder/AsnOrderModal.jsx | 93 +++++++++++++++++++++++++++++++--------------- 1 files changed, 62 insertions(+), 31 deletions(-) diff --git a/rsf-admin/src/page/orders/asnOrder/AsnOrderModal.jsx b/rsf-admin/src/page/orders/asnOrder/AsnOrderModal.jsx index 94a86e0..95c39cc 100644 --- a/rsf-admin/src/page/orders/asnOrder/AsnOrderModal.jsx +++ b/rsf-admin/src/page/orders/asnOrder/AsnOrderModal.jsx @@ -57,6 +57,7 @@ import { DataGrid, useGridApiRef } from '@mui/x-data-grid'; import DictionarySelect from "../../components/DictionarySelect"; import DictSelect from "../../components/DictSelect"; +import "./asnOrder.css"; const AsnOrderModal = (props) => { const { open, setOpen, asnId, billReload } = props; @@ -65,9 +66,7 @@ const notify = useNotify(); const refresh = useRefresh(); const [disabled, setDisabled] = useState(false) - const [createDialog, setCreateDialog] = useState(false); - const tableRef = useRef(); useEffect(() => { @@ -103,6 +102,7 @@ ...prevData, [name]: value })); + console.log(formData); }; const resetData = () => { @@ -180,7 +180,7 @@ setFormData(res.data.data) } else { notify(res.data.msg); - } + } } const requestGetBody = async () => { @@ -202,7 +202,7 @@ } return ( - <> + <> <Dialog open={open} onClose={handleClose} @@ -211,7 +211,7 @@ fullWidth disableRestoreFocus maxWidth="lg" // 'xs' | 'sm' | 'md' | 'lg' | 'xl' - > + > <DialogTitle id="form-dialog-title" sx={{ position: 'sticky', top: 0, @@ -225,7 +225,7 @@ </DialogTitle> <DialogContent sx={{ mt: 2 }}> <Box sx={{ display: 'flex', flexDirection: 'column', gap: 3 }}> - <Form> + <Form defaultValues={formData}> <Grid container spacing={2}> <Grid item md={3}> <DictSelect @@ -282,7 +282,7 @@ <Stack direction="row" spacing={2}> <Button variant="contained" onClick={() => setCreateDialog(true)}>鏂板鐗╂枡</Button> {/* {asnId !== '' && <ConfirmButton label={'鍒犻櫎'} variant="outlined" color="error" onConfirm={handleDelete} />} */} - <ConfirmButton label={'鍒犻櫎'} variant="outlined" color="error" onConfirm={handleDeleteItem} /> + <ConfirmButton label={'ra.action.delete'} variant="outlined" color="error" onConfirm={handleDeleteItem} /> </Stack> </Box> <Box sx={{ mt: 2 }}> @@ -317,7 +317,8 @@ getOptions(); }, []); const getOptions = async () => { - const parmas = { + const parmas = { + "type": "supplier" } const { data: { code, data, msg }, @@ -333,19 +334,33 @@ return ( <Select value={params.value} - onChange={(e) => - params.api.setEditCellValue({ - id: params.id, - field: params.field, - value: e.target.value, - }) + onChange={(e) =>{ + params.api.setEditCellValue({ + id: params.id, + field: params.field, + value: e.target.value, + }) + // 鎵惧埌閫変腑鐨勪緵搴斿晢璁板綍 + const selectedSupplier = formData.find(supplier => supplier.name === e.target.value); + + // 濡傛灉鎵惧埌瀵瑰簲鐨勪緵搴斿晢璁板綍锛屽悓鏃舵洿鏂皊plrCode瀛楁 + if (selectedSupplier) { + params.api.setEditCellValue({ + id: params.id, + field: 'splrCode', + value: selectedSupplier.id, + }); + } + + } + } fullWidth - autoFocus + > {formData.map(e => { return( - <MenuItem value={e.name} children={e.name} /> + <MenuItem value={e.name} children={e.name} key={e.id} /> ); })} @@ -360,7 +375,8 @@ getOptions(); }, []); const getOptions = async () => { - const parmas = { + const parmas = { + "type": "supplier" } const { data: { code, data, msg }, @@ -376,19 +392,31 @@ return ( <Select value={params.value} - onChange={(e) => - params.api.setEditCellValue({ - id: params.id, - field: params.field, - value: e.target.value, - }) + onChange={(e) =>{ + params.api.setEditCellValue({ + id: params.id, + field: params.field, + value: e.target.value, + }) + const selectedSupplier = formData.find(supplier => supplier.id === e.target.value); + + // 濡傛灉鎵惧埌瀵瑰簲鐨勪緵搴斿晢璁板綍锛屽悓鏃舵洿鏂皊plrCode瀛楁 + if (selectedSupplier) { + params.api.setEditCellValue({ + id: params.id, + field: 'splrName', + value: selectedSupplier.name, + }); + } + } + } fullWidth - autoFocus + > {formData.map(e => { return( - <MenuItem value={e.id} children={e.name} /> + <MenuItem value={e.id} children={e.name} key={e.id} /> ); })} @@ -420,33 +448,35 @@ }, { field: 'anfme', - headerName: translate('table.field.asnOrderItem.anfme'), + headerName: translate('table.field.asnOrderItem.anfme')+"*", type: 'number', minWidth: 100, flex: 1, editable: true, - valueFormatter: (val) => val < 0 ? 0 : val + valueFormatter: (val) => val < 0 ? 0 : val, + headerClassName: "custom", }, { field: 'splrCode', - headerName: translate('table.field.asnOrderItem.splrCode'), + headerName: translate('table.field.asnOrderItem.splrCode')+"*", minWidth: 100, flex: 1, editable: true, renderEditCell: (params) => ( <SelectInputSplrCodeEditCell {...params} /> ), + headerClassName: "custom", }, { field: 'splrName', - headerName: translate('table.field.asnOrderItem.splrName'), + headerName: translate('table.field.asnOrderItem.splrName')+"*", minWidth: 100, flex: 1, editable: true, renderEditCell: (params) => ( <SelectInputSplrNameEditCell {...params} /> ), - + headerClassName: "custom", }, // { // field: 'packName', @@ -463,10 +493,11 @@ // }, { field: 'poCode', - headerName: translate('table.field.asnOrderItem.poDetlCode'), + headerName: translate('table.field.asnOrderItem.poDetlCode')+"*", minWidth: 100, flex: 1, editable: true, + headerClassName: "custom", }, { -- Gitblit v1.9.1