|  |  | 
 |  |  | import request from '@/utils/request'; | 
 |  |  | import { DataGrid } from '@mui/x-data-grid'; | 
 |  |  | import SaveIcon from '@mui/icons-material/Save'; | 
 |  |  | import { use } from "react"; | 
 |  |  | import TreeSelectInput from "@/page/components/TreeSelectInput"; | 
 |  |  | const AsnWareModal = (props) => { | 
 |  |  |     const { open, setOpen, data, setData } = props; | 
 |  |  |  | 
 |  |  | 
 |  |  |  | 
 |  |  |     const [formData, setFormData] = useState({ | 
 |  |  |         name: '', | 
 |  |  |         code: '' | 
 |  |  |         code: '', | 
 |  |  |         groupId: 0 | 
 |  |  |     }); | 
 |  |  |  | 
 |  |  |     const [tableData, setTableData] = useState([]); | 
 |  |  | 
 |  |  |     const reset = () => { | 
 |  |  |         setFormData({ | 
 |  |  |             name: '', | 
 |  |  |             code: '' | 
 |  |  |             code: '', | 
 |  |  |             groupId: 0 | 
 |  |  |         }) | 
 |  |  |     } | 
 |  |  |  | 
 |  |  | 
 |  |  |             return { | 
 |  |  |                 matnrId: el.id, | 
 |  |  |                 maktx: el.name, | 
 |  |  |                 maktxCode: el.code, | 
 |  |  |                 matnrCode: el.code, | 
 |  |  |                 stockUnit: el.stockUnit || '', | 
 |  |  |                 purUnit: el.purchaseUnit || '', | 
 |  |  |                 ...dynamicFields | 
 |  |  | 
 |  |  |         const res = await request.post(`/matnr/page`, { | 
 |  |  |             ...formData, | 
 |  |  |             current: 1, | 
 |  |  |             pageSize: 199, | 
 |  |  |             pageSize: 100, | 
 |  |  |             orderBy: "create_time desc" | 
 |  |  |         }); | 
 |  |  |         if (res?.data?.code === 200) { | 
 |  |  | 
 |  |  |             <DialogContent sx={{ mt: 2 }}> | 
 |  |  |                 <Box component="form" onSubmit={handleSubmit} sx={{ display: 'flex', flexDirection: 'column', gap: 3 }}> | 
 |  |  |                     <Grid container spacing={2}> | 
 |  |  |                         <Grid item xs={4}> | 
 |  |  |                         <Grid item md={4}> | 
 |  |  |                             <TextField | 
 |  |  |                                 label={translate('table.field.matnr.name')} | 
 |  |  |                                 name="name" | 
 |  |  |                                 value={formData.name} | 
 |  |  |                                 onChange={handleChange} | 
 |  |  |                                 variant="outlined" | 
 |  |  |                                 size="small" | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={4}> | 
 |  |  |                         <Grid item md={4}> | 
 |  |  |                             <TextField | 
 |  |  |                                 label={translate('table.field.matnr.code')} | 
 |  |  |                                 name="code" | 
 |  |  |                                 value={formData.code} | 
 |  |  |                                 onChange={handleChange} | 
 |  |  |                                 variant="outlined" | 
 |  |  |                                 size="small" | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={4}> | 
 |  |  |                             <TextField | 
 |  |  |                                 label={translate('table.field.matnr.groupId')} | 
 |  |  |                                 name="groupId" | 
 |  |  |                         <Grid item md={4}> | 
 |  |  |                             <TreeSelectInput | 
 |  |  |                                 label="table.field.matnr.groupId" | 
 |  |  |                                 value={formData.groupId} | 
 |  |  |                                 resource={'matnrGroup'} | 
 |  |  |                                 source="groupId" | 
 |  |  |                                 name="groupId" | 
 |  |  |                                 onChange={handleChange} | 
 |  |  |                                 variant="outlined" | 
 |  |  |                                 size="small" | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                     </Grid> | 
 |  |  | 
 |  |  |     const notify = useNotify(); | 
 |  |  |  | 
 |  |  |     const [columns, setColumns] = useState([ | 
 |  |  |         { field: 'id', headerName: 'ID', width: 100 }, | 
 |  |  |         { field: 'name', headerName: translate('table.field.matnr.name'), width: 100 }, | 
 |  |  |         { field: 'code', headerName: translate('table.field.matnr.code'), width: 100 }, | 
 |  |  |         // { 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: '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 }, | 
 |  |  |         { field: 'weight', headerName: translate('table.field.matnr.weight'), width: 100 }, |