liuchang/fe_service_ebtp_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

7.1 活动风采列表和攻坚克难列表增加上一页和下一页

Browse Source
This commit is contained in:
jl-zhoujl2
2022-07-01 20:53:37 +08:00
parent 30c8e19498
commit cf64e757dc
2 changed files with 30 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/pages/PartyMemberTopic/ActivityStyle/index.tsx
View File

@ -14,6 +14,8 @@ const PersonInfor: React.FC<{}> = () => {
const [gracefulList, setGracefulList] = useState<any[]>([]);
//loading
const [loading, setLoading] = useState<boolean>(false);
//page
const [page, setPage] = useState<number>(1);
//get graceful
const getGracefulData = (value: string) => {
@ -36,9 +38,13 @@ const PersonInfor: React.FC<{}> = () => {
const toHome = () => {
history.push("/partyMemberTopic/home");
}
//goback lastpage
const toGoBack = () => {
window.history.go(-1);
//to previous page
const toPreviousPage = () => {
setPage((page) => page - 1);
}
//to next page
const toNextPage = () => {
setPage((page) => page + 1);
}
useEffect(() => {
@ -49,7 +55,8 @@ const PersonInfor: React.FC<{}> = () => {
<div className="top-banner">
<div className="back-home">
<span onClick={() => toHome()}>返回首页</span>
<span onClick={() => toGoBack()}>上一页</span>
{page > 1 && <span onClick={() => toPreviousPage()}>上一页</span>}
{gracefulList.length != 0 && page < Math.ceil(gracefulList.length / 10) && <span onClick={() => toNextPage()}>下一页</span>}
</div>
</div>
<Spin spinning={loading}>
@ -70,6 +77,10 @@ const PersonInfor: React.FC<{}> = () => {
itemLayout="horizontal"
pagination={{
size: 'small',
onChange: page => {
setPage(page);
},
current: page,
showTotal: (total) => `共 ${total} 条`,
pageSize: 10,
}}

19
src/pages/PartyMemberTopic/OverDifficult/index.tsx
View File

@ -12,6 +12,8 @@ const PersonInfor: React.FC<{}> = () => {
const [projectList, setProjectList] = useState<any[]>([]);
//loading
const [loading, setLoading] = useState<boolean>(false);
//page
const [page, setPage] = useState<number>(1);
//get project
const getProjectData = (value: string) => {
@ -34,9 +36,13 @@ const PersonInfor: React.FC<{}> = () => {
const toHome = () => {
history.push("/partyMemberTopic/home");
}
//goback lastpage
const toGoBack = () => {
window.history.go(-1);
//to previous page
const toPreviousPage = () => {
setPage((page) => page - 1);
}
//to next page
const toNextPage = () => {
setPage((page) => page + 1);
}
useEffect(() => {
@ -48,7 +54,8 @@ const PersonInfor: React.FC<{}> = () => {
<div className="top-banner">
<div className="back-home">
<span onClick={() => toHome()}>返回首页</span>
<span onClick={() => toGoBack()}>上一页</span>
{page > 1 && <span onClick={() => toPreviousPage()}>上一页</span>}
{projectList.length != 0 && page < Math.ceil(projectList.length / 10) && <span onClick={() => toNextPage()}>下一页</span>}
</div>
</div>
<Spin spinning={loading}>
@ -69,6 +76,10 @@ const PersonInfor: React.FC<{}> = () => {
itemLayout="horizontal"
pagination={{
size: 'small',
onChange: page => {
setPage(page);
},
current: page,
showTotal: (total) => `共 ${total} 条`,
pageSize: 10,
}}