|
|
@ -194,7 +194,7 @@ const ModalDetail = (props) => { |
|
|
|
}) |
|
|
|
const [pageInfo, setPageInfo] = useState({ |
|
|
|
pn: 1, |
|
|
|
length: 10 |
|
|
|
length: 15 |
|
|
|
}) |
|
|
|
|
|
|
|
const tableColumns = [ |
|
|
@ -232,19 +232,28 @@ const ModalDetail = (props) => { |
|
|
|
|
|
|
|
const paginationProps = { |
|
|
|
className: "pagination-common", |
|
|
|
showQuickJumper: true, |
|
|
|
// showQuickJumper: true, |
|
|
|
showSizeChanger: true, |
|
|
|
current: pageInfo.pn, |
|
|
|
showTotal: (total) => `共 ${total} 条数据`, |
|
|
|
total: resultData?.totalRecords, |
|
|
|
pageSize: pageInfo.length, |
|
|
|
pageSizeOptions: Array.from( |
|
|
|
new Set([...[15], ...(dictionary?.pageSizeOptions || [])]) |
|
|
|
), |
|
|
|
onChange: (current, size) => { |
|
|
|
setPageInfo({ |
|
|
|
...pageInfo, |
|
|
|
...{ pn: current, length: size } |
|
|
|
}); |
|
|
|
// 切换每页条数 |
|
|
|
if (size != pageInfo.length) { |
|
|
|
setPageInfo({ |
|
|
|
...pageInfo, |
|
|
|
...{ pn: 1, length: size } |
|
|
|
}); |
|
|
|
} else { // 翻页 |
|
|
|
setPageInfo({ |
|
|
|
...pageInfo, |
|
|
|
...{ pn: current, length: size } |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
@ -255,7 +264,7 @@ const ModalDetail = (props) => { |
|
|
|
setTableLoading(false) |
|
|
|
setResultData({ |
|
|
|
list: res.data, |
|
|
|
totalRecords: res.totalRecords |
|
|
|
totalRecords: Number(res.totalRecords || 0) |
|
|
|
}) |
|
|
|
} |
|
|
|
}) |
|
|
@ -279,7 +288,7 @@ const ModalDetail = (props) => { |
|
|
|
className="yisa-modal detail-modal" |
|
|
|
title={"弹窗详情"} |
|
|
|
open={visible} |
|
|
|
width={700} |
|
|
|
width={1100} |
|
|
|
onCancel={onCancel} |
|
|
|
onOk={onOk} |
|
|
|
> |
|
|
@ -295,7 +304,7 @@ const ModalDetail = (props) => { |
|
|
|
dataSource={resultData?.list || []} |
|
|
|
columns={tableColumns} |
|
|
|
pagination={false} |
|
|
|
scroll={{y: 200}} |
|
|
|
scroll={{y: 500}} |
|
|
|
loading={tableLoading} |
|
|
|
/> |
|
|
|
<Pagination {...paginationProps} className="pagination-common" /> |
|
|
|