feat: Cache pagesize to local (#140)

web/package.json

@@ -16,7 +16,7 @@
   "dependencies": {
     "@d3-charts/ts-graph": "~0.1.15",
     "@hot-loader/react-dom": "^16.8.6",
-    "antd": "^3.19.2",
+    "antd": "^3.24.0",
     "classnames": "^2.2.6",
     "color": "^3.1.0",
     "d3": "^4.13.0",

web/src/components/FetchTable/index.tsx

@@ -27,6 +27,8 @@ interface State {
   data?: any[],
 }
 
+const defaultPageSize = window.localStorage.getItem('pagination-pageSize');
+
 export default class FetchTable extends Component<Props, State> {
   static defaultProps = {
     backendPagingEnabled: true,
@@ -36,7 +38,7 @@ export default class FetchTable extends Component<Props, State> {
     loading: false,
     pagination: {
       current: 1,
-      pageSize: 10,
+      pageSize: defaultPageSize ? _.toNumber(defaultPageSize) : 10,
       showSizeChanger: true,
     },
   } as State;
@@ -153,6 +155,9 @@ export default class FetchTable extends Component<Props, State> {
         pageSize: pagination.pageSize,
       },
     }, () => {
+      if (pagination.pageSize) {
+        window.localStorage.setItem('pagination-pageSize', _.toString(pagination.pageSize));
+      }
       this.fetchAndSetState();
     });
   }
@@ -162,6 +167,7 @@ export default class FetchTable extends Component<Props, State> {
       <Table
         size="small"
         rowKey="id"
+        tableLayout="fixed"
         loading={this.state.loading}
         pagination={{
           ...this.state.pagination,

web/src/components/Graph/util/normalizeSeries.tsx

@@ -33,7 +33,7 @@ export default function normalizeSeries(data: any[], graphConfig: GraphDataInter
   return series;
 }
 
-function getSerieColor(serie: SerieInterface, serieIndex: number, isComparison?: boolean): string {
+function getSerieColor(serie: SerieInterface, serieIndex: number, isComparison: boolean): string {
   const { comparison } = serie;
   let color;
   // 同环比固定曲线颜色