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

…12203)
Bo-Qiu · 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