Update: fix issue #1968 pageSize maximum (#219)
authorAllen Wang <Allen.Wang.123@outlook.com>
Wed, 9 Jan 2019 14:48:29 +0000 (22:48 +0800)
committer吴晟 Wu Sheng <wu.sheng@foxmail.com>
Wed, 9 Jan 2019 14:48:29 +0000 (22:48 +0800)
src/routes/Trace/TraceSearch.js

index 59bbae7..5b40633 100644 (file)
@@ -16,7 +16,7 @@
  */
 
 import React, { PureComponent } from 'react';
-import { Form, Input, Select, Button, Card, InputNumber, Row, Col, Pagination, DatePicker } from 'antd';
+import { Form, Input, Select, Button, Card, InputNumber, Row, Col, Pagination, DatePicker,notification } from 'antd';
 import { Chart, Geom, Axis, Tooltip, Legend } from 'bizcharts';
 import { DataSet } from '@antv/data-set';
 import moment from 'moment';
@@ -53,6 +53,7 @@ const initPaging = {
 })
 export default class Trace extends PureComponent {
   componentDidMount() {
+    this.timer = false;
     const {...propsData} = this.props;
     const { trace: { variables: { values } } } = this.props;
     const { duration } = values;
@@ -66,6 +67,18 @@ export default class Trace extends PureComponent {
     this.fetchData(condition, initPaging);
   }
 
+  componentDidUpdate(prevProps){
+    clearTimeout(this.timer);
+    this.timer = setTimeout(() => {
+      if (prevProps.trace.data.queryBasicTraces.total>10000) {
+        notification.open({
+          message: "Query Warning",
+          description: "Don't allow to query rows after 10000, please change your query conditions.",
+        });
+      }
+    }, 100);
+  }
+
   getDefaultDuration = () => {
     return generateDuration({
       from() {
@@ -314,7 +327,7 @@ export default class Trace extends PureComponent {
             size="small"
             current={currentPageNum}
             pageSize={currentPageSize}
-            total={total}
+            total={total> 10000 ? 10000 : total}
             defaultPageSize={20}
             showSizeChanger
             pageSizeOptions={['20', '50', '100', '200']}