|  |  | 
 |  |  | import ConfirmModal from "@/page/components/ConfirmModal"; | 
 |  |  | import { DataGrid } from '@mui/x-data-grid'; | 
 |  |  | import request from '@/utils/request'; | 
 |  |  | import { haveChildren } from '@/utils/common'; | 
 |  |  |  | 
 |  |  |  | 
 |  |  | const LocAreaMatPanel = () => { | 
 |  |  |     const record = useRecordContext(); | 
 |  |  | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     const [parmas, setParmas] = useState({ | 
 |  |  |         current: 1, | 
 |  |  |         pageSize: 99, | 
 |  |  |         areaMatId: record.id, | 
 |  |  |         locTypeId: '', | 
 |  |  |         groupId: '', | 
 |  |  | 
 |  |  |         const { data: { code, data, msg } } = await request.get(`/locAreaMatRela/groups/${record.id}`); | 
 |  |  |  | 
 |  |  |         if (code === 200) { | 
 |  |  |             setMatnrTree(data || []) | 
 |  |  |             setMatnrTree(haveChildren(data) || []) | 
 |  |  |         } else { | 
 |  |  |             notify(msg); | 
 |  |  |         } | 
 |  |  | 
 |  |  |         const { data: { code, data, msg } } = await request.get(`/locAreaMatRela/locType/${record.id}`); | 
 |  |  |  | 
 |  |  |         if (code === 200) { | 
 |  |  |             setLocTree(data || []) | 
 |  |  |             setLocTree(haveChildren(data) || []) | 
 |  |  |         } else { | 
 |  |  |             notify(msg); | 
 |  |  |         } | 
 |  |  | 
 |  |  |                     disableColumnMenu={true} | 
 |  |  |                     disableColumnSorting | 
 |  |  |                     disableMultipleColumnsSorting | 
 |  |  |                     columnBufferPx={100} | 
 |  |  |                     initialState={{ | 
 |  |  |                         pagination: { | 
 |  |  |                             paginationModel: { | 
 |  |  |                                 pageSize: 10, | 
 |  |  |                             }, | 
 |  |  |                         }, | 
 |  |  |                     }} | 
 |  |  |                     pageSizeOptions={[10]} | 
 |  |  |                 /> | 
 |  |  |             </Grid> | 
 |  |  |         </Grid> | 
 |  |  | 
 |  |  |     const handleNodeSelect = (event, nodeId) => { | 
 |  |  |         event.stopPropagation(); | 
 |  |  |         parmas.groupId = nodeId; | 
 |  |  |         parmas.locTypeId = ''; | 
 |  |  |         setParmas(parmas) | 
 |  |  |         reload() | 
 |  |  |     }; | 
 |  |  | 
 |  |  |  | 
 |  |  |             <RichTreeView | 
 |  |  |                 expansionTrigger="iconContainer" | 
 |  |  |                 checkboxSelection | 
 |  |  |                 multiSelect | 
 |  |  |                 // checkboxSelection | 
 |  |  |                 // multiSelect | 
 |  |  |                 items={matnrTree} | 
 |  |  |                 apiRef={apiRef} | 
 |  |  |                 getItemId={(item) => item.id} | 
 |  |  | 
 |  |  |     const handleNodeSelect = (event, nodeId) => { | 
 |  |  |         event.stopPropagation(); | 
 |  |  |         parmas.locTypeId = nodeId; | 
 |  |  |         parmas.groupId = ''; | 
 |  |  |         setParmas(parmas) | 
 |  |  |         reload() | 
 |  |  |     }; | 
 |  |  | 
 |  |  |  | 
 |  |  |             <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 |