|  |  |  | 
|---|
|  |  |  | styled | 
|---|
|  |  |  | } from '@mui/material'; | 
|---|
|  |  |  | import DialogCloseButton from "../../components/DialogCloseButton"; | 
|---|
|  |  |  | import { EDIT_MODE, DEFAULT_START_PAGE, DEFAULT_PAGE_SIZE, REFERENCE_INPUT_PAGESIZE } from '@/config/setting'; | 
|---|
|  |  |  | import { useTranslate, useNotify, useRefresh } from 'react-admin'; | 
|---|
|  |  |  | import request from '@/utils/request'; | 
|---|
|  |  |  | import { DataGrid } from '@mui/x-data-grid'; | 
|---|
|  |  |  | 
|---|
|  |  |  | const [tableData, setTableData] = useState([]); | 
|---|
|  |  |  | const [dyFields, setDyFields] = useState([]); | 
|---|
|  |  |  | const [selectedRows, setSelectedRows] = useState([]); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const [page, setPage] = useState({ page: DEFAULT_START_PAGE, pageSize: DEFAULT_PAGE_SIZE }); | 
|---|
|  |  |  | const [rowCount, setRowCount] = useState(0); | 
|---|
|  |  |  | const [isLoading, setIsLoading] = useState(false); | 
|---|
|  |  |  | const handleChange = (e) => { | 
|---|
|  |  |  | const { name, value } = e.target; | 
|---|
|  |  |  | setFormData(() => ({ | 
|---|
|  |  |  | 
|---|
|  |  |  | }; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const getData = async () => { | 
|---|
|  |  |  | setIsLoading(true) | 
|---|
|  |  |  | const res = await request.post(`/matnr/page`, { | 
|---|
|  |  |  | ...formData, | 
|---|
|  |  |  | current: 1, | 
|---|
|  |  |  | pageSize: 100, | 
|---|
|  |  |  | current: page?.page, | 
|---|
|  |  |  | pageSize: page?.pageSize, | 
|---|
|  |  |  | orderBy: "create_time desc" | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | if (res?.data?.code === 200) { | 
|---|
|  |  |  | setTableData(res.data.data.records); | 
|---|
|  |  |  | setRowCount(res.data?.data?.total); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | notify(res.data.msg); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | setIsLoading(false) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | useEffect(() => { | 
|---|
|  |  |  | getData(); | 
|---|
|  |  |  | }, [open]); | 
|---|
|  |  |  | }, [open, page]); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const handleSearch = () => { | 
|---|
|  |  |  | getData() | 
|---|
|  |  |  | 
|---|
|  |  |  | tableData={tableData} | 
|---|
|  |  |  | setTableData={setTableData} | 
|---|
|  |  |  | dyFields={dyFields} | 
|---|
|  |  |  | page={page} | 
|---|
|  |  |  | rowCount={rowCount} | 
|---|
|  |  |  | setPage={setPage} | 
|---|
|  |  |  | isLoading={isLoading} | 
|---|
|  |  |  | setDyFields={setDyFields} | 
|---|
|  |  |  | selectedRows={selectedRows} | 
|---|
|  |  |  | setSelectedRows={setSelectedRows} | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | export default MatnrInfoModal; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const AsnWareModalTable = ({ tableData, setTableData, selectedRows, setSelectedRows, dyFields, setDyFields }) => { | 
|---|
|  |  |  | const AsnWareModalTable = ({ tableData, setTableData, page, isLoading, pageSize, setPage, rowCount, selectedRows, setSelectedRows, dyFields, setDyFields }) => { | 
|---|
|  |  |  | const translate = useTranslate(); | 
|---|
|  |  |  | const notify = useNotify(); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const handleSelectionChange = (ids) => { | 
|---|
|  |  |  | setSelectedRows(ids) | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | useEffect(() => { | 
|---|
|  |  |  | 
|---|
|  |  |  | disableColumnMenu={true} | 
|---|
|  |  |  | disableColumnSorting | 
|---|
|  |  |  | disableMultipleColumnsSorting | 
|---|
|  |  |  | rowCount={rowCount} | 
|---|
|  |  |  | paginationMode="server" | 
|---|
|  |  |  | paginationModel={page} | 
|---|
|  |  |  | onPaginationModelChange={setPage} | 
|---|
|  |  |  | loading={isLoading} | 
|---|
|  |  |  | slotProps={{ | 
|---|
|  |  |  | loadingOverlay: { | 
|---|
|  |  |  | variant: 'linear-progress', | 
|---|
|  |  |  | noRowsVariant: 'linear-progress', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | }} | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | ); | 
|---|