From 998fc8227266271e5a618eeaf75f07f740a52820 Mon Sep 17 00:00:00 2001
From: skyouc
Date: 星期五, 11 四月 2025 16:38:01 +0800
Subject: [PATCH] 库位物料绑定问题修复
---
rsf-admin/src/page/asnOrder/AsnOrderModal.jsx | 117 ++++++++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 97 insertions(+), 20 deletions(-)
diff --git a/rsf-admin/src/page/asnOrder/AsnOrderModal.jsx b/rsf-admin/src/page/asnOrder/AsnOrderModal.jsx
index 3f6b568..f12bc46 100644
--- a/rsf-admin/src/page/asnOrder/AsnOrderModal.jsx
+++ b/rsf-admin/src/page/asnOrder/AsnOrderModal.jsx
@@ -51,8 +51,8 @@
import SaveIcon from '@mui/icons-material/Save';
import request from '@/utils/request';
import { Add, Edit, Delete } from '@mui/icons-material';
-import _ from 'lodash';
-import { DataGrid } from '@mui/x-data-grid';
+import _, { set } from 'lodash';
+import { DataGrid, useGridApiRef } from '@mui/x-data-grid';
import DictionarySelect from "../components/DictionarySelect";
import DictSelect from "../components/DictSelect";
@@ -66,11 +66,14 @@
const [createDialog, setCreateDialog] = useState(false);
+ const tableRef = useRef();
+
useEffect(() => {
if (open && asnId !== 0) {
requestGetHead()
requestGetBody()
}
+ setDisabled(false)
}, [open])
const handleClose = (event, reason) => {
@@ -85,6 +88,9 @@
const [formData, setFormData] = useState({
type: '',
wkType: '',
+ poCode: '',
+ logisNo: '',
+ arrTime: ''
});
const [tabelData, setTableData] = useState([]);
@@ -97,8 +103,30 @@
}));
};
+ const resetData = () => {
+ setFormData({
+ type: '',
+ wkType: '',
+ poCode: '',
+ logisNo: '',
+ arrTime: ''
+ })
+ setTableData([])
+ }
+
+ const setFinally = () => {
+ const rows = tableRef.current.state.editRows;
+ for (const key in rows) {
+ const find = tabelData.find(item => item.matnrId === +key);
+ find.anfme = rows[key].anfme.value;
+ }
+ setTableData([...tabelData]);
+ }
+
const handleSubmit = async () => {
+ setFinally()
setDisabled(true)
+
if (asnId === 0) {
const parmas = {
"orders": formData,
@@ -108,8 +136,9 @@
const res = await request.post(`/asnOrder/items/save`, parmas);
if (res?.data?.code === 200) {
setOpen(false);
- billReload()
refresh();
+ billReload?.current()
+ resetData()
} else {
notify(res.data.msg);
}
@@ -122,7 +151,8 @@
if (res?.data?.code === 200) {
setOpen(false);
refresh();
-
+ billReload?.current()
+ resetData()
} else {
notify(res.data.msg);
}
@@ -162,6 +192,8 @@
const [selectedRows, setSelectedRows] = useState([]);
+
+
const handleDeleteItem = () => {
const newTableData = _.filter(tabelData, (item) => !selectedRows.includes(item.matnrId));
setTableData(newTableData);
@@ -176,7 +208,7 @@
aria-hidden
fullWidth
disableRestoreFocus
- maxWidth="md" // 'xs' | 'sm' | 'md' | 'lg' | 'xl'
+ maxWidth="lg" // 'xs' | 'sm' | 'md' | 'lg' | 'xl'
>
<DialogTitle id="form-dialog-title" sx={{
position: 'sticky',
@@ -193,7 +225,7 @@
<Box sx={{ display: 'flex', flexDirection: 'column', gap: 3 }}>
<Form>
<Grid container spacing={2}>
- <Grid item md={4}>
+ <Grid item md={3}>
<DictSelect
label={translate("table.field.asnOrder.type")}
value={formData.type}
@@ -201,11 +233,8 @@
dictTypeCode="sys_order_type"
required
/>
-
-
</Grid>
-
- <Grid item md={4}>
+ <Grid item md={3}>
<DictSelect
label={translate("table.field.asnOrder.wkType")}
value={formData.wkType}
@@ -213,6 +242,35 @@
dictTypeCode="sys_business_type"
required
/>
+ </Grid>
+ <Grid item md={3}>
+ <TextField
+ label={translate("table.field.asnOrder.poCode")}
+ value={formData.poCode}
+ onChange={(e) => handleChange(e.target.value, 'poCode')}
+ />
+ </Grid>
+ <Grid item md={3}>
+ <TextField
+ label={translate("table.field.asnOrder.logisNo")}
+ value={formData.logisNo}
+ onChange={(e) => handleChange(e.target.value, 'logisNo')}
+ />
+ </Grid>
+
+ <Grid item md={3}>
+ {/* <TextField
+ label={translate("table.field.asnOrder.arrTime")}
+ value={formData.arrTime}
+ onChange={(e) => handleChange(e.target.value, 'arrTime')}
+ /> */}
+ <DateInput
+ source="arrTime"
+ label="table.field.asnOrder.arrTime"
+ value={formData.arrTime}
+ onChange={(e) => handleChange(e.target.value, 'arrTime')}
+ />
+
</Grid>
</Grid>
</Form>
@@ -228,7 +286,7 @@
</Box>
<Box sx={{ mt: 2 }}>
- <AsnOrderModalTable tabelData={tabelData} setTableData={setTableData} asnId={asnId} selectedRows={selectedRows} setSelectedRows={setSelectedRows} ></AsnOrderModalTable>
+ <AsnOrderModalTable tabelData={tabelData} setTableData={setTableData} asnId={asnId} selectedRows={selectedRows} setSelectedRows={setSelectedRows} tableRef={tableRef}></AsnOrderModalTable>
</Box>
</DialogContent>
<DialogActions sx={{ position: 'sticky', bottom: 0, backgroundColor: 'background.paper', zIndex: 1000 }}>
@@ -253,7 +311,7 @@
export default AsnOrderModal;
-const AsnOrderModalTable = ({ tabelData, setTableData, asnId, selectedRows, setSelectedRows }) => {
+const AsnOrderModalTable = ({ tabelData, setTableData, asnId, selectedRows, setSelectedRows, tableRef }) => {
const translate = useTranslate();
const notify = useNotify();
@@ -274,9 +332,11 @@
{
field: 'anfme',
headerName: translate('table.field.asnOrderItem.purQty'),
+ type: 'number',
minWidth: 100,
flex: 1,
editable: true,
+ valueFormatter: (val) => val < 0 ? 0 : val
},
{
field: 'splrCode',
@@ -306,10 +366,11 @@
// flex: 1,
// },
{
- field: 'platItemId',
- headerName: translate('table.field.asnOrderItem.platItemId'),
+ field: 'poCode',
+ headerName: translate('table.field.asnOrderItem.poDetlCode'),
minWidth: 100,
flex: 1,
+ editable: true,
},
{
@@ -392,11 +453,16 @@
const processRowUpdate = (newRow, oldRow) => {
- setTableData((prevData) =>
- prevData.map((r) =>
- r.matnrId === newRow.matnrId ? { ...newRow } : r
- )
- );
+ const rows = tabelData.map((r) =>
+ r.matnrId === newRow.matnrId ? { ...newRow } : r
+ )
+ setTableData(rows)
+ // setTableData((prevData) =>
+ // prevData.map((r) =>
+ // r.matnrId === newRow.matnrId ? { ...newRow } : r
+ // )
+
+ // );
return newRow;
};
@@ -408,9 +474,13 @@
};
+ tableRef.current = useGridApiRef();
+
+
return (
<div style={{ height: 400, width: '100%' }}>
<DataGrid
+ apiRef={tableRef}
rows={tabelData}
columns={columns}
disableRowSelectionOnClick
@@ -420,7 +490,14 @@
disableColumnSorting
disableMultipleColumnsSorting
processRowUpdate={processRowUpdate}
- autoPageSize
+ initialState={{
+ pagination: {
+ paginationModel: {
+ pageSize: 25,
+ },
+ },
+ }}
+ pageSizeOptions={[10, 25, 50, 100]}
editMode="row"
checkboxSelection
onRowSelectionModelChange={handleSelectionChange}
--
Gitblit v1.9.1