Add total record count display in pagination (TotalRender). (#12203)

alibaba · Jun 17, 2024 · e192e25 · e192e25
1 parent cd8e858
commit e192e25
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 16 deletions.
diff --git a/console-ui/src/components/Page/TotalRender.js b/console-ui/src/components/Page/TotalRender.js
@@ -0,0 +1,8 @@
+import React from 'react';
+
+const TotalRender = ({ total, range }) => {
+  // const [start, end] = range;
+  return <span>总数 : {total}</span>;
+};
+
+export default TotalRender;
diff --git a/...e-ui/src/pages/ConfigurationManagement/ConfigurationManagement/ConfigurationManagement.js b/...e-ui/src/pages/ConfigurationManagement/ConfigurationManagement/ConfigurationManagement.js
@@ -51,6 +51,7 @@ import QueryResult from '../../../components/QueryResult';
 
 import './index.scss';
 import { LANGUAGE_KEY, GLOBAL_PAGE_SIZE_LIST, LOGINPAGE_ENABLED } from '../../../constants';
+import TotalRender from '../../../components/Page/TotalRender';
 
 const { Item } = MenuButton;
 const { Panel } = Collapse;
@@ -1405,6 +1406,7 @@ class ConfigurationManagement extends React.Component {
                   onPageSizeChange={val => this.handlePageSizeChange(val)}
                   current={configurations.pageNumber}
                   total={configurations.totalCount}
+                  totalRender={(total, range) => <TotalRender total={total} range={range} />}
                   pageSize={this.state.pageSize}
                   onChange={this.changePage.bind(this)}
                 />

diff --git a/console-ui/src/pages/ServiceManagement/ServiceList/ServiceList.js b/console-ui/src/pages/ServiceManagement/ServiceList/ServiceList.js
@@ -36,6 +36,7 @@ import RegionGroup from '../../../components/RegionGroup';
 import EditServiceDialog from '../ServiceDetail/EditServiceDialog';
 import ShowServiceCodeing from 'components/ShowCodeing/ShowServiceCodeing';
 import PageTitle from '../../../components/PageTitle';
+import TotalRender from '../../../components/Page/TotalRender';
 
 import './ServiceList.scss';
 import { GLOBAL_PAGE_SIZE_LIST } from '../../../constants';
@@ -343,6 +344,7 @@ class ServiceList extends React.Component {
             popupProps={{ align: 'bl tl' }}
             total={this.state.total}
             pageSize={this.state.pageSize}
+            totalRender={(total, range) => <TotalRender total={total} range={range} />}
             onPageSizeChange={pageSize => this.handlePageSizeChange(pageSize)}
             onChange={currentPage => this.setState({ currentPage }, () => this.queryServiceList())}
           />

diff --git a/console/src/main/resources/static/index.html b/console/src/main/resources/static/index.html
@@ -35,7 +35,7 @@
 	<link rel="stylesheet" type="text/css" href="console-ui/public/css/icon.css">
 	<link rel="stylesheet" type="text/css" href="console-ui/public/css/font-awesome.css">
 	<!-- 第三方css结束 -->
-<link href="./css/main.css?d71f900fb2dcffde12ce" rel="stylesheet"></head>
+<link href="./css/main.css?dfa5340ca3e297239923" rel="stylesheet"></head>
 
 <body>
 	<div id="root" style="overflow:hidden"></div>
@@ -56,6 +56,6 @@
 	<script src="console-ui/public/js/merge.js"></script>
 	<script src="console-ui/public/js/loader.js"></script>
 	<!-- 第三方js结束 -->
-<script type="text/javascript" src="./js/main.js?d71f900fb2dcffde12ce"></script></body>
+<script type="text/javascript" src="./js/main.js?dfa5340ca3e297239923"></script></body>
 
 </html>
diff --git a/console/src/main/resources/static/js/main.js b/console/src/main/resources/static/js/main.js