|  |  |  | 
|---|
|  |  |  | 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() | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | 
|---|
|  |  |  | <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} | 
|---|
|  |  |  | getItemId={(item) => item.id} | 
|---|
|  |  |  | 
|---|
|  |  |  | const handleNodeSelect = (event, nodeId) => { | 
|---|
|  |  |  | event.stopPropagation(); | 
|---|
|  |  |  | parmas.locTypeId = nodeId; | 
|---|
|  |  |  | parmas.groupId = ''; | 
|---|
|  |  |  | setParmas(parmas) | 
|---|
|  |  |  | reload() | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | 
|---|
|  |  |  | <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 | 
|---|