|  |  | 
 |  |  | import TreeSelectInput from "@/page/components/TreeSelectInput"; | 
 |  |  | const AsnWareModal = (props) => { | 
 |  |  |     const { open, setOpen, data, setData } = props; | 
 |  |  |  | 
 |  |  |     const translate = useTranslate(); | 
 |  |  |     const notify = useNotify(); | 
 |  |  |     const refresh = useRefresh(); | 
 |  |  |  | 
 |  |  |     const handleClose = (event, reason) => { | 
 |  |  |         if (reason !== "backdropClick") { | 
 |  |  |             setOpen(false); | 
 |  |  | 
 |  |  |         const hasarr = data.map(el => +el.matnrId) | 
 |  |  |         const selectedData = selectedRows.filter(item => !hasarr.includes(item)).map(id => (tableData.find(row => row.id === id))); | 
 |  |  |         const value = selectedData.map((el => { | 
 |  |  |             console.log(el); | 
 |  |  |             const dynamicFields = dyFields.reduce((acc, item) => { | 
 |  |  |                 acc[item.fields] = el['extendFields']?.[item.fields] || ''; | 
 |  |  |                 return acc; | 
 |  |  | 
 |  |  |     const notify = useNotify(); | 
 |  |  |     const [columns, setColumns] = useState([ | 
 |  |  |         // { field: 'id', headerName: 'ID', width: 100 }, | 
 |  |  |         { field: 'name', headerName: translate('table.field.matnr.name'), width: 300 }, | 
 |  |  |         { field: 'code', headerName: translate('table.field.matnr.code'), width: 200 }, | 
 |  |  |         { field: 'name', headerName: translate('table.field.matnr.name'), width: 300 }, | 
 |  |  |         { field: 'groupId$', headerName: translate('table.field.matnr.groupId'), width: 100 }, | 
 |  |  |         { field: 'spec', headerName: translate('table.field.matnr.spec'), width: 100 }, | 
 |  |  |         { field: 'model', headerName: translate('table.field.matnr.model'), width: 100 }, |