|  |  | 
 |  |  | } from '@mui/material'; | 
 |  |  |  | 
 |  |  | import { EDIT_MODE, DEFAULT_START_PAGE, DEFAULT_ITEM_PAGE_SIZE, DEFAULT_PAGE_SIZE, REFERENCE_INPUT_PAGESIZE } from '@/config/setting'; | 
 |  |  | import { useTranslate, useNotify, useRefresh, DatagridConfigurable} from 'react-admin'; | 
 |  |  | import { useTranslate, useNotify, useRefresh, DatagridConfigurable, useGetOne } from 'react-admin'; | 
 |  |  | import DialogCloseButton from "../../components/DialogCloseButton"; | 
 |  |  | import TreeSelectInput from "@/page/components/TreeSelectInput"; | 
 |  |  | import { Add, Edit, Delete, Save } from '@mui/icons-material'; | 
 |  |  | import SaveIcon from '@mui/icons-material/Save'; | 
 |  |  | import { DataGrid } from '@mui/x-data-grid'; | 
 |  |  | 
 |  |  |     '& .RaDatagrid-row': { | 
 |  |  |         cursor: 'auto' | 
 |  |  |     }, | 
 |  |  |     '& .column-name': { | 
 |  |  |     }, | 
 |  |  |     '& .opt': { | 
 |  |  |         width: 180 | 
 |  |  |     }, | 
 |  |  | })); | 
 |  |  |  | 
 |  |  | const SelectLocsRevise = (props) => { | 
 |  |  |     const { open, setOpen, data, setData } = props; | 
 |  |  |     const { open, setOpen, locRevise } = props; | 
 |  |  |     const handleClose = (event, reason) => { | 
 |  |  |         if (reason !== "backdropClick") { | 
 |  |  |             setOpen(false); | 
 |  |  |         } | 
 |  |  |     }; | 
 |  |  |  | 
 |  |  |     const dicts = JSON.parse(localStorage.getItem('sys_dicts'))?.filter(dict => (dict.dictTypeCode == 'sys_stock_revise_type')) || []; | 
 |  |  |     const [page, setPage] = useState({ page: DEFAULT_START_PAGE, pageSize: DEFAULT_PAGE_SIZE }); | 
 |  |  |     const [formData, setFormData] = useState({ useStatus: 'F', code: null }); | 
 |  |  | 
 |  |  |         })); | 
 |  |  |     }; | 
 |  |  |  | 
 |  |  |     const reset = () => { | 
 |  |  |         setFormData({ | 
 |  |  |             code: '', | 
 |  |  |             useStatus: 'F', | 
 |  |  |         }) | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     const handleSubmit = () => { | 
 |  |  |         const hasarr = data.map(el => +el.matnrId) | 
 |  |  |         const selectedData = selectedRows.filter(item => !hasarr.includes(item)).map(id => (tableData.find(row => row.id === id))); | 
 |  |  |         const selectedData = tableData.filter(item => selectedRows.includes(item.id)); | 
 |  |  |         const value = selectedData.map((el => { | 
 |  |  |             return { | 
 |  |  |                 id: el.id, | 
 |  |  |                 code: el.code, | 
 |  |  |                 locCode: el.code, | 
 |  |  |                 areaId: el.areaId, | 
 |  |  |                 barcode: el.barcode || '', | 
 |  |  |                 channel: el.channel || '', | 
 |  |  | 
 |  |  |                 useStatus: el.useStatus, | 
 |  |  |                 warehouseId: el.warehouseId, | 
 |  |  |             } | 
 |  |  |         })) | 
 |  |  |         setData([...data, ...value]); | 
 |  |  |         setOpen(false); | 
 |  |  |         reset(); | 
 |  |  |         })); | 
 |  |  |  | 
 |  |  |         saveReviseLog(value); | 
 |  |  |     }; | 
 |  |  |  | 
 |  |  |     const saveReviseLog = async (values) => { | 
 |  |  |         const parmas = { | 
 |  |  |             reviseId: locRevise, | 
 |  |  |             items: values, | 
 |  |  |         } | 
 |  |  |         const res = await request.post(`/reviseLog/items/save`, parmas); | 
 |  |  |         if (res?.data?.code === 200) { | 
 |  |  |             setOpen(false); | 
 |  |  |             refresh() | 
 |  |  |         } else { | 
 |  |  |             notify(res.data.msg); | 
 |  |  |         } | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     const getData = async () => { | 
 |  |  |         setIsLoading(true) | 
 |  |  | 
 |  |  |         if (res?.data?.code === 200) { | 
 |  |  |             setTableData(res.data.data.records); | 
 |  |  |             setRowCount(res.data?.data?.total); | 
 |  |  |  | 
 |  |  |         } else { | 
 |  |  |             notify(res.data.msg); | 
 |  |  |         } | 
 |  |  |         setIsLoading(false) | 
 |  |  |  | 
 |  |  |     }; | 
 |  |  |  | 
 |  |  |     useEffect(() => { |