From 696acf83a2bb4bd8b9869ba2524c68ecff34077a Mon Sep 17 00:00:00 2001
From: lannoy0523 <46735290+lannoy0523@users.noreply.github.com>
Date: Thu, 25 Jul 2024 12:06:53 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9Aop=E7=B3=BB=E7=BB=9F=E5=AE=A2?=
 =?UTF-8?q?=E6=88=B7=E7=AB=AF=E7=AE=A1=E7=90=86=E6=96=B0=E5=A2=9E=E6=AF=8F?=
 =?UTF-8?q?=E9=A1=B5=E5=A4=A7=E5=B0=8F=EF=BC=8C=E5=8F=AF=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=20#2429?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat：op系统客户端管理新增每页大小，可调整 #2429

* feat：op系统客户端管理新增每页大小，可调整 #2429
---
 src/frontend/devops-op/src/api/fileSystem.js         |  2 +-
 src/frontend/devops-op/src/views/node/FileSystem.vue | 11 ++++++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/frontend/devops-op/src/api/fileSystem.js b/src/frontend/devops-op/src/api/fileSystem.js
index 32dffebd32..3ac1810e9a 100644
--- a/src/frontend/devops-op/src/api/fileSystem.js
+++ b/src/frontend/devops-op/src/api/fileSystem.js
@@ -9,7 +9,7 @@ export function queryFileSystemClient(body) {
     method: 'get',
     params: {
       pageNumber: body.pageNumber,
-      pageSize: DEFAULT_PAGE_SIZE,
+      pageSize: body.pageSize,
       projectId: body.projectId === '' ? null : body.projectId,
       repoName: body.repoName === '' ? null : body.repoName,
       online: body.online === '' ? null : body.online,
diff --git a/src/frontend/devops-op/src/views/node/FileSystem.vue b/src/frontend/devops-op/src/views/node/FileSystem.vue
index afb2c4edf2..cd474f4c0a 100644
--- a/src/frontend/devops-op/src/views/node/FileSystem.vue
+++ b/src/frontend/devops-op/src/views/node/FileSystem.vue
@@ -102,9 +102,11 @@
         v-if="total>0"
         :current-page="clientQuery.pageNumber"
         :page-size="clientQuery.pageSize"
-        layout="total, prev, pager, next, jumper"
+        :page-sizes="[10, 20, 50, 100]"
+        layout="total, sizes, prev, pager, next, jumper"
         :total="total"
         @current-change="handleCurrentChange"
+        @size-change="handleSizeChange"
       />
     </div>
     <file-system-status-record-dialog :visible.sync="showDialog" :param="param" />
@@ -131,6 +133,7 @@ export default {
         projectId: '',
         repoName: '',
         pageNumber: 1,
+        pageSize: 10,
         online: '',
         ip: '',
         version: '',
@@ -191,6 +194,10 @@ export default {
       this.currentPage = val
       this.changeRouteQueryParams(val)
     },
+    handleSizeChange(val) {
+      this.clientQuery.pageSize = val
+      this.changeRouteQueryParams(1)
+    },
     changeRouteQueryParams(pageNum) {
       const query = {
         page: String(pageNum)
@@ -200,6 +207,7 @@ export default {
       query.online = this.clientQuery.online
       query.ip = this.clientQuery.ip
       query.version = this.clientQuery.version
+      query.pageSize = this.clientQuery.pageSize
       this.$router.push({ path: '/nodes/FileSystem', query: query })
     },
     onRouteUpdate(route) {
@@ -208,6 +216,7 @@ export default {
       clientQuery.projectId = query.projectId ? query.projectId : ''
       clientQuery.repoName = query.repoName ? query.repoName : ''
       clientQuery.pageNumber = query.page ? Number(query.page) : 1
+      clientQuery.pageSize = query.pageSize ? Number(query.pageSize) : 10
       clientQuery.online = query.online ? query.online : ''
       clientQuery.ip = query.ip ? query.ip : ''
       clientQuery.version = query.version ? query.version : ''