From 464392f7e1662dc5c112aaa10a2e13f17e0da510 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=98=AD?= <81747598+lan-yonghui@users.noreply.github.com>
Date: Tue, 16 Jul 2024 15:05:27 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=96=87=E6=9C=AC=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E8=AE=A1=E7=AE=97=E6=96=87=E4=BB=B6=E5=A4=B9=E5=A4=A7=E5=B0=8F?=
 =?UTF-8?q?=E8=AF=B7=E6=B1=82=E8=B6=85=E6=97=B6=20(#5836)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

文本管理计算文件夹大小调整为局部加载,增加请求时长
---
 frontend/src/api/modules/files.ts                 |  2 +-
 frontend/src/views/host/file-management/index.vue | 13 ++++++++++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/frontend/src/api/modules/files.ts b/frontend/src/api/modules/files.ts
index 30610d5cb..2f88d4af2 100644
--- a/frontend/src/api/modules/files.ts
+++ b/frontend/src/api/modules/files.ts
@@ -82,7 +82,7 @@ export const DownloadFile = (params: File.FileDownload) => {
 };
 
 export const ComputeDirSize = (params: File.DirSizeReq) => {
-    return http.post<File.DirSizeRes>('files/size', params);
+    return http.post<File.DirSizeRes>('files/size', params, TimeoutEnum.T_5M);
 };
 
 export const FileKeys = () => {
diff --git a/frontend/src/views/host/file-management/index.vue b/frontend/src/views/host/file-management/index.vue
index 1edd8424c..a5a468637 100644
--- a/frontend/src/views/host/file-management/index.vue
+++ b/frontend/src/views/host/file-management/index.vue
@@ -260,7 +260,13 @@
                     <el-table-column :label="$t('file.size')" prop="size" max-width="50" sortable>
                         <template #default="{ row, $index }">
                             <span v-if="row.isDir">
-                                <el-button type="primary" link small @click="getDirSize(row, $index)">
+                                <el-button
+                                    type="primary"
+                                    link
+                                    small
+                                    @click="getDirSize(row, $index)"
+                                    :loading="btnLoading == $index"
+                                >
                                     <span v-if="row.dirSize == undefined">
                                         {{ $t('file.calculate') }}
                                     </span>
@@ -381,6 +387,7 @@ const initData = () => ({
 });
 let req = reactive(initData());
 let loading = ref(false);
+let btnLoading = ref(-1);
 const paths = ref<FilePaths[]>([]);
 let pathWidth = ref(0);
 const history: string[] = [];
@@ -631,7 +638,7 @@ const getDirSize = async (row: any, index: number) => {
     const req = {
         path: row.path,
     };
-    loading.value = true;
+    btnLoading.value = index;
     await ComputeDirSize(req)
         .then(async (res) => {
             let newData = [...data.value];
@@ -639,7 +646,7 @@ const getDirSize = async (row: any, index: number) => {
             data.value = newData;
         })
         .finally(() => {
-            loading.value = false;
+            btnLoading.value = -1;
         });
 };