From 35c422aa74e47a2ee4bea49e6799fefac1b63713 Mon Sep 17 00:00:00 2001 From: skyouc Date: 星期五, 21 三月 2025 13:39:47 +0800 Subject: [PATCH] Merge branch 'front' into devlop --- rsf-admin/src/page/basicInfo/matnr/MatnrListAside.jsx | 61 +++++------------------------- 1 files changed, 11 insertions(+), 50 deletions(-) diff --git a/rsf-admin/src/page/basicInfo/matnr/MatnrListAside.jsx b/rsf-admin/src/page/basicInfo/matnr/MatnrListAside.jsx index 9f5617b..3a836ee 100644 --- a/rsf-admin/src/page/basicInfo/matnr/MatnrListAside.jsx +++ b/rsf-admin/src/page/basicInfo/matnr/MatnrListAside.jsx @@ -18,21 +18,18 @@ const { setFilters } = useListContext(); // 鑾峰彇鍒楄〃涓婁笅鏂� const [selectedOption, setSelectedOption] = useState(null); const [treeData, setTreeData] = useState([]); - const trees = [] + const [defaultIds, setDefaultIds] = useState(['29']); + const haveChildren = (item) => { - // 濡傛灉 item 鏄竴涓暟缁勶紝閬嶅巻鏁扮粍涓殑姣忎釜鍏冪礌 if (Array.isArray(item)) { return item.map((k) => haveChildren(k)); } - // 濡傛灉 item 鏄竴涓璞� if (item && typeof item === 'object') { - // 灏� id 杞崲涓哄瓧绗︿覆 if (item.id !== undefined) { item.id = item.id.toString(); } - // 濡傛灉瀛樺湪 children锛岄�掑綊澶勭悊 children if (item.children && Array.isArray(item.children)) { item.children = haveChildren(item.children); } @@ -46,7 +43,11 @@ if (res?.data?.code === 200) { let data = res.data.data; let items = haveChildren(data) + setTreeData(items) + setDefaultIds([items.at(0).id]) + + } else { notify(res.data.msg); } @@ -55,50 +56,9 @@ notify('Error fetching tree data'); }); - - }, []); - - - - const treeData1 = [ - { - id: '19', - label: '鍗婃垚鍝� ', - editable: true, - children: [ - { - id: 'grid-community', label: '@mui/x-data-grid', editable: true, children: [ - { id: 'grid-community22', label: '@mui/x-data-grid', editable: true },] - }, - { id: 'grid-pro', label: '@mui/x-data-grid-pro', editable: true }, - { id: 'grid-premium', label: '@mui/x-data-grid-premium', editable: true }, - ], - }, - { - id: '18', - label: '鍘熸潗鏂�', - }, - { - id: 'charts', - label: 'Charts', - children: [{ id: 'charts-community', label: '@mui/x-charts' }], - }, - { - id: 'tree-view', - label: 'Tree View', - children: [{ id: 'tree-view-community', label: '@mui/x-tree-view' }], - }, - { - id: 'tree-view2', - label: 'Tree View3', - children: [{ id: 'tree-view-community1', label: '@mui/x-tree-view' }], - }, - ]; const handleNodeSelect = (event, nodeId) => { - console.log('Selected Node ID:', nodeId); setFilters({ groupId: nodeId }); - // 鍦ㄨ繖閲屽彲浠ユ牴鎹� nodeId 鏇存柊涓诲唴瀹瑰尯鍩� }; const handleSearch = () => { console.log('Search Input:', selectedOption); @@ -125,26 +85,27 @@ return ( <Card sx={{ - display: { xs: 'none', md: 'block', }, order: -1, mr: 2, mt: 8, alignSelf: 'flex-start', border: theme.palette.mode === 'light' && '1px solid #e0e0e3', - width: 250 + width: 250, + minWidth: 150, + height: `calc(100% - 120px)`, }} > <CardContent> <SavedQueriesList icon={<BookmarkIcon />} /> <FilterLiveSearch source="condition" /> <RichTreeView - defaultExpandedItems={['grid', 'pickers']} + defaultExpandedItems={defaultIds} expansionTrigger="iconContainer" items={treeData} slots={CustomTreeItem} onItemClick={handleNodeSelect} // 鐩戝惉鑺傜偣鐐瑰嚮浜嬩欢 - /> + </CardContent> </Card> ) -- Gitblit v1.9.1