From a80325589ef891e0c319d0019f6855739a535f1f Mon Sep 17 00:00:00 2001
From: wangwenrui <wangwenrui@zdjizhi.com>
Date: Fri, 13 Mar 2020 10:52:36 +0800
Subject: [PATCH] =?UTF-8?q?perf:dashboard=20table=20=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=E5=8D=95=E7=8B=AC=E7=9A=84pageSize?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nezha-fronted/src/components/charts/chart-table.vue | 11 ++++++++---
 nezha-fronted/src/components/common/pagination.vue  |  4 ++--
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/nezha-fronted/src/components/charts/chart-table.vue b/nezha-fronted/src/components/charts/chart-table.vue
index 99f76b0af..51ffb274a 100644
--- a/nezha-fronted/src/components/charts/chart-table.vue
+++ b/nezha-fronted/src/components/charts/chart-table.vue
@@ -45,7 +45,7 @@
                   </template>
                 </el-table-column>
             </el-table>
-          <Pagination :pageObj="pageObj" @pageNo='pageNo' @pageSize='pageSize' ref="Pagination"></Pagination>
+          <Pagination :pageObj="pageObj" @pageNo='pageNo' :page-sizes="pageSizes" @pageSize='pageSize' ref="Pagination"></Pagination>
         </div>
         <!--全屏-->
           <el-dialog class="nz-dialog table-chart-dialog" :title="$t('dashboard.panel.view')"  :visible.sync="screenModal" width="96%"  @close="screenModal = false" >
@@ -72,7 +72,7 @@
                       </template>
                     </el-table-column>
                 </el-table>
-            <Pagination :pageObj="screenPageObj" @pageNo='screenPageNo' @pageSize='screenPageSize' ref="Pagination"></Pagination>
+            <Pagination :pageObj="screenPageObj" :page-sizes="pageSizes" @pageNo='screenPageNo' @pageSize='screenPageSize' ref="Pagination"></Pagination>
             <loading  :ref="'localLoadingScreen'+chartIndex"></loading>
             <!--
                 <div v-show="showLoadingScreen" class="el-loading-mask" style="background-color: rgba(0, 0, 0, 0);">
@@ -116,6 +116,7 @@ export default {
         return {
             data: {}, // 该图表信息,chartItem
             unit:{},
+            pageSizes:[50,100,200],
             pageObj: {
               pageNo: 1,
               pageSize: 20,
@@ -267,7 +268,11 @@ export default {
             },
         };
     },
-    computed: {},
+    created() {
+      this.pageObj.pageSize=this.pageSizes[0];
+      this.screenPageObj.pageSize=this.pageSizes[0];
+    },
+  computed: {},
     watch: {},
     methods: {
         pageNo(val) {
diff --git a/nezha-fronted/src/components/common/pagination.vue b/nezha-fronted/src/components/common/pagination.vue
index bc5b0be7e..6ae0849f4 100644
--- a/nezha-fronted/src/components/common/pagination.vue
+++ b/nezha-fronted/src/components/common/pagination.vue
@@ -7,7 +7,7 @@
       @next-click="next"
       @current-change="current"
       :current-page="pageObj.pageNo"
-      :page-sizes="[20, 50, 100]"
+      :page-sizes="pageSizes?pageSizes:[20, 50, 100]"
       :page-size="20"
       layout="total, prev, pager, next,sizes,jumper"
       :total="this.pageObj.total"
@@ -18,7 +18,7 @@
 <script>
 export default {
   name: "pagination",
-  props: ['pageObj'],
+  props: ['pageObj','pageSizes'],
   data() {
     return {};
   },