From eddc1b6a8def5a81fa3fe9d003cf90f8192ed52b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=98=AD?= <81747598+lan-yonghui@users.noreply.github.com>
Date: Thu, 19 Jun 2025 19:51:00 +0800
Subject: [PATCH] fix: Fix hidden file flipping issue (#9189)

---
 .../src/views/host/file-management/index.vue  | 20 +++++++------------
 .../src/views/login/components/login-form.vue |  4 ++--
 2 files changed, 9 insertions(+), 15 deletions(-)

diff --git a/frontend/src/views/host/file-management/index.vue b/frontend/src/views/host/file-management/index.vue
index d83accb42..eeb3c23bc 100644
--- a/frontend/src/views/host/file-management/index.vue
+++ b/frontend/src/views/host/file-management/index.vue
@@ -14,12 +14,12 @@
                 <el-tooltip :content="$t('commons.button.refresh')" placement="top">
                     <el-button icon="Refresh" circle @click="search" />
                 </el-tooltip>
-                <el-tooltip :content="isHidden ? $t('file.showHide') : $t('file.noShowHide')" placement="top">
+                <el-tooltip :content="req.showHidden ? $t('file.noShowHide') : $t('file.showHide')" placement="top">
                     <el-button
                         class="btn"
                         circle
-                        :type="isHidden ? 'primary' : ''"
-                        :icon="isHidden ? Hide : View"
+                        :type="req.showHidden ? '' : 'primary'"
+                        :icon="req.showHidden ? View : Hide"
                         @click="viewHideFile"
                     />
                 </el-tooltip>
@@ -603,7 +603,7 @@ let selects = ref<any>([]);
 const initData = () => ({
     path: '/',
     expand: true,
-    showHidden: true,
+    showHidden: false,
     page: 1,
     pageSize: 100,
     search: '',
@@ -663,7 +663,6 @@ const calculateBtn = ref(false);
 const dirNum = ref(0);
 const fileNum = ref(0);
 const imageFiles = ref([]);
-const isHidden = ref(false);
 
 const { searchableStatus, searchablePath, searchableInputRef, searchableInputBlur } = useSearchable(paths);
 
@@ -710,20 +709,15 @@ const searchFile = async () => {
 };
 
 const handleSearchResult = (res: ResultData<File.File>) => {
-    if (isHidden.value) {
-        const items = res.data.items || [];
-        data.value = items.filter((item) => !item.isHidden);
-    } else {
-        data.value = res.data.items || [];
-    }
+    data.value = res.data.items || [];
+    paginationConfig.total = res.data.itemTotal;
     dirNum.value = data.value.filter((item) => item.isDir).length;
     fileNum.value = data.value.filter((item) => !item.isDir).length;
-    paginationConfig.total = data.value.length;
     req.path = res.data.path;
 };
 
 const viewHideFile = async () => {
-    isHidden.value = !isHidden.value;
+    req.showHidden = !req.showHidden;
     let searchResult = await searchFile();
     handleSearchResult(searchResult);
 };
diff --git a/frontend/src/views/login/components/login-form.vue b/frontend/src/views/login/components/login-form.vue
index a212414b0..805ad105d 100644
--- a/frontend/src/views/login/components/login-form.vue
+++ b/frontend/src/views/login/components/login-form.vue
@@ -1,6 +1,6 @@
 <template>
-    <div class="w-full h-full flex items-center justify-center px-8">
-        <div v-loading="loading" class="w-full flex-grow flex flex-col login-form">
+    <div v-loading="loading" class="w-full h-full flex items-center justify-center px-8">
+        <div class="w-full flex-grow flex flex-col login-form">
             <div v-if="mfaShow">
                 <el-form @submit.prevent>
                     <div class="flex flex-col justify-center items-center mb-6">