|  |  | 
 |  |  | import SelectMatnrInfo from "./SelectMatnrInfo"; | 
 |  |  | import SaveIcon from '@mui/icons-material/Save'; | 
 |  |  | import request from '@/utils/request'; | 
 |  |  | import "./asnOrder.css"; | 
 |  |  |  | 
 |  |  | const StyledDatagrid = styled(DatagridConfigurable)(({ theme }) => ({ | 
 |  |  |     '& .css-1vooibu-MuiSvgIcon-root': { | 
 |  |  | 
 |  |  |     const getData = async (matnr) => { | 
 |  |  |         setIsLoading(true) | 
 |  |  |         const res = await request.post(`/reviseLogItem/page`, { | 
 |  |  |         // const res = await request.post(`/locItem/page`, { | 
 |  |  |             locCode: record?.locCode, | 
 |  |  |             matnrCode: matnr, | 
 |  |  |             current: page?.page, | 
 |  |  | 
 |  |  |                     backgroundColor: 'background.paper', | 
 |  |  |                     zIndex: 1000 | 
 |  |  |                 }}> | 
 |  |  |                     {translate("common.action.newAddMats")} | 
 |  |  |                     {translate("common.button.edit")} | 
 |  |  |                     <Box sx={{ position: 'absolute', top: 8, right: 8, zIndex: 1001 }}> | 
 |  |  |                         <DialogCloseButton onClose={handleClose} /> | 
 |  |  |                     </Box> | 
 |  |  | 
 |  |  |                             </Grid> | 
 |  |  |                             <Box sx={{ display: 'flex', flexDirection: 'column', gap: 3, justifyContent: 'flex-end' }}> | 
 |  |  |                                 <Grid item md={8} sx={{ justifyContent: 'flex-end', display: 'flex' }}> | 
 |  |  |                                     <Button variant="text" onClick={handleAdd}>{translate("page.whMat.title.add")}</Button> | 
 |  |  |                                     <Button variant="contained" onClick={handleAdd} >{translate("page.whMat.title.add")}</Button> | 
 |  |  |                                 </Grid> | 
 |  |  |                             </Box> | 
 |  |  |                         </Box> | 
 |  |  | 
 |  |  |             editable: false, | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |             field: 'batch', | 
 |  |  |             headerName: translate('table.field.locItem.batch'), | 
 |  |  |             minWidth: 100, | 
 |  |  |             flex: 1, | 
 |  |  |             editable: true, | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |             field: 'anfme', | 
 |  |  |             headerName: translate('table.field.locItem.anfme') + "*", | 
 |  |  |             minWidth: 100, | 
 |  |  | 
 |  |  |             type: 'number', | 
 |  |  |             flex: 1, | 
 |  |  |             editable: true, | 
 |  |  |             headerClassName: "custom", | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |             field: 'batch', | 
 |  |  |             headerName: translate('table.field.locItem.batch'), | 
 |  |  |             minWidth: 100, | 
 |  |  |             flex: 1, | 
 |  |  |             editable: true, | 
 |  |  |             headerClassName: "custom", | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |             field: 'spec', |