From ccc5defb8924d04abe55301937d1650a51da593f Mon Sep 17 00:00:00 2001
From: skyouc
Date: 星期三, 26 三月 2025 15:28:39 +0800
Subject: [PATCH] 仓库树状图添加Index属性，适配前端
---
rsf-admin/src/page/basicInfo/locAreaMat/LocAreaMatPanel.jsx | 66 +++++++++++++++++++++------------
1 files changed, 42 insertions(+), 24 deletions(-)
diff --git a/rsf-admin/src/page/basicInfo/locAreaMat/LocAreaMatPanel.jsx b/rsf-admin/src/page/basicInfo/locAreaMat/LocAreaMatPanel.jsx
index 6ca9111..84a4abb 100644
--- a/rsf-admin/src/page/basicInfo/locAreaMat/LocAreaMatPanel.jsx
+++ b/rsf-admin/src/page/basicInfo/locAreaMat/LocAreaMatPanel.jsx
@@ -25,10 +25,10 @@
const columns = [
{ field: 'id', headerName: 'ID', width: 100 },
{ field: 'areaId$', headerName: translate('table.field.locAreaMatRela.areaId'), width: 100 },
+ { field: 'locId$', headerName: translate('table.field.locAreaMatRela.locId'), width: 100 },
+ { field: 'locTypeId$', headerName: translate('table.field.locAreaMatRela.locTypeId'), width: 100 },
{ field: 'matnrId$', headerName: translate('table.field.locAreaMatRela.matnrId'), width: 100 },
{ field: 'groupId$', headerName: translate('table.field.locAreaMatRela.groupId'), width: 100 },
- { field: 'locTypeId$', headerName: translate('table.field.locAreaMatRela.locTypeId'), width: 100 },
- { field: 'locId$', headerName: translate('table.field.locAreaMatRela.locId'), width: 100 },
{
field: 'action',
headerName: '鎿嶄綔',
@@ -59,7 +59,11 @@
}
const [parmas, setParmas] = useState({
+ current: 1,
+ pageSize: 99,
areaMatId: record.id,
+ locTypeId: '',
+ groupId: '',
});
const [tableData, setTableData] = useState([]);
@@ -111,12 +115,12 @@
<Grid container spacing={2}>
{/* 鐗╂枡鍒嗙粍 */}
<Grid item xs={2}>
- <MatnrTree matnrTree={matnrTree} setParmas={setParmas} reload={reload} />
+ <MatnrTree matnrTree={matnrTree} parmas={parmas} setParmas={setParmas} reload={reload} />
</Grid>
{/* 搴撲綅绫诲瀷 */}
<Grid item xs={2}>
- <LocTree locTree={locTree} setParmas={setParmas} reload={reload} />
+ <LocTree locTree={locTree} parmas={parmas} setParmas={setParmas} reload={reload} />
</Grid>
{/* 鍏朵粬鍐呭 */}
@@ -129,7 +133,14 @@
disableColumnMenu={true}
disableColumnSorting
disableMultipleColumnsSorting
- columnBufferPx={100}
+ initialState={{
+ pagination: {
+ paginationModel: {
+ pageSize: 10,
+ },
+ },
+ }}
+ pageSizeOptions={[10]}
/>
</Grid>
</Grid>
@@ -139,7 +150,7 @@
export default LocAreaMatPanel;
-const MatnrTree = ({ matnrTree, setParmas, reload }) => {
+const MatnrTree = ({ matnrTree, parmas, setParmas, reload }) => {
const record = useRecordContext();
const notify = useNotify();
@@ -214,7 +225,7 @@
groupId: selectedItems
}
- const res = await request.post(`/locAreaMatRela/group/remove/`, parmas);
+ const res = await request.post(`/locAreaMatRela/group/remove`, parmas);
if (res?.data?.code === 200) {
reload()
notify(res.data.msg);
@@ -231,30 +242,34 @@
};
const handleNodeSelect = (event, nodeId) => {
- event.stopPropagation()
+ event.stopPropagation();
+ parmas.groupId = nodeId;
+ parmas.locTypeId = '';
+ setParmas(parmas)
+ reload()
};
return (
<Card sx={{ p: 1 }}>
<div style={{ display: 'flex', justifyContent: 'space-between', paddingBottom: '3px', marginBottom: '3px', borderBottom: '1px dashed #d4d4d4' }}>
<div style={{ fontSize: '17px' }}>鐗╂枡鍒嗙粍</div>
- <div style={{ display: 'flex', alignItems: 'center', gap: '3px' }}>
+ {/* <div style={{ display: 'flex', alignItems: 'center', gap: '3px' }}>
<AddIcon color={'info'} sx={{ cursor: 'pointer' }} onClick={() => handleAdd()} />
<DeleteIcon color={'warning'} sx={{ cursor: 'pointer' }} onClick={() => handleDelete()} />
- </div>
+ </div> */}
</div>
<RichTreeView
expansionTrigger="iconContainer"
- checkboxSelection
- multiSelect
+ // checkboxSelection
+ // multiSelect
items={matnrTree}
apiRef={apiRef}
- selectedItems={selectedItems}
getItemId={(item) => item.id}
getItemLabel={(item) => item.name}
defaultExpandedItems={['grid']}
+ selectedItems={selectedItems}
onSelectedItemsChange={handleSelectedItemsChange}
onItemSelectionToggle={handleItemSelectionToggle}
onItemClick={handleNodeSelect}
@@ -276,7 +291,7 @@
)
}
-const LocTree = ({ locTree, setParmas, reload }) => {
+const LocTree = ({ locTree, setParmas, parmas, reload }) => {
const record = useRecordContext();
const notify = useNotify();
@@ -347,7 +362,7 @@
typeId: selectedItems
}
- const res = await request.post(`/locAreaMatRela/locType/remove/`, parmas);
+ const res = await request.post(`/locAreaMatRela/locType/remove`, parmas);
if (res?.data?.code === 200) {
reload()
notify(res.data.msg);
@@ -364,34 +379,37 @@
};
const handleNodeSelect = (event, nodeId) => {
- // event.preventDefault();
- console.log(nodeId)
+ event.stopPropagation();
+ parmas.locTypeId = nodeId;
+ parmas.groupId = '';
+ setParmas(parmas)
+ reload()
};
return (
<Card sx={{ p: 1 }}>
<div style={{ display: 'flex', justifyContent: 'space-between', paddingBottom: '3px', marginBottom: '3px', borderBottom: '1px dashed #d4d4d4' }}>
<div style={{ fontSize: '17px' }}>搴撲綅绫诲瀷</div>
- <div style={{ display: 'flex', alignItems: 'center', gap: '3px' }}>
+ {/* <div style={{ display: 'flex', alignItems: 'center', gap: '3px' }}>
<AddIcon color={'info'} sx={{ cursor: 'pointer' }} onClick={() => handleAdd()} />
<DeleteIcon color={'warning'} sx={{ cursor: 'pointer' }} onClick={() => handleDelete()} />
- </div>
+ </div> */}
</div>
<RichTreeView
expansionTrigger="iconContainer"
- checkboxSelection
- multiSelect
items={locTree}
apiRef={apiRef}
- selectedItems={selectedItems}
getItemId={(item) => item.id}
getItemLabel={(item) => item.name}
defaultExpandedItems={['grid']}
- onSelectedItemsChange={handleSelectedItemsChange}
- onItemSelectionToggle={handleItemSelectionToggle}
onItemClick={handleNodeSelect}
+ onItemSelectionToggle={handleItemSelectionToggle}
+ // checkboxSelection
+ // multiSelect
+ selectedItems={selectedItems}
+ onSelectedItemsChange={handleSelectedItemsChange}
/>
<BindLocModal
--
Gitblit v1.9.1