From fb4395552b9c1768395576a565d3b85105be944d Mon Sep 17 00:00:00 2001
From: lan-yonghui <yonghui.lan@fit2cloud.com>
Date: Wed, 15 Oct 2025 10:25:35 +0800
Subject: [PATCH] feat: Favorite files support directory redirection

---
 .../host/file-management/favorite/index.vue   | 32 +++++++++-
 .../src/views/host/file-management/index.vue  | 63 +++++++++++--------
 2 files changed, 65 insertions(+), 30 deletions(-)

diff --git a/frontend/src/views/host/file-management/favorite/index.vue b/frontend/src/views/host/file-management/favorite/index.vue
index 53be8d866946..0353e165d2cd 100644
--- a/frontend/src/views/host/file-management/favorite/index.vue
+++ b/frontend/src/views/host/file-management/favorite/index.vue
@@ -2,7 +2,17 @@
     <DrawerPro v-model="open" :header="$t('file.favorite')" @close="handleClose" size="large">
         <template #content>
             <ComplexTable :pagination-config="paginationConfig" :data="data" @search="search">
-                <el-table-column :label="$t('file.path')" show-overflow-tooltip prop="path"></el-table-column>
+                <el-table-column :label="$t('file.path')" show-overflow-tooltip prop="path">
+                    <template #default="{ row }">
+                        <el-tooltip class="box-item" effect="dark" :content="row.path" placement="top">
+                            <span class="table-link text-ellipsis" @click="toFavorite(row)" type="primary">
+                                <svg-icon v-if="row.isDir" className="table-icon" iconName="p-file-folder"></svg-icon>
+                                <svg-icon v-else className="table-icon" iconName="p-file-normal"></svg-icon>
+                                {{ row.name }}
+                            </span>
+                        </el-tooltip>
+                    </template>
+                </el-table-column>
                 <fu-table-operations :buttons="buttons" :label="$t('commons.table.operate')" fix />
             </ComplexTable>
         </template>
@@ -13,6 +23,7 @@
 import { searchFavorite, removeFavorite } from '@/api/modules/files';
 import i18n from '@/lang';
 import { reactive, ref } from 'vue';
+import { File } from '@/api/interface/file';
 
 const paginationConfig = reactive({
     cacheSizeKey: 'favorite-page-size',
@@ -26,13 +37,22 @@ const req = reactive({
 });
 const open = ref(false);
 const data = ref([]);
-const em = defineEmits(['close']);
+const em = defineEmits(['close', 'jump', 'toFavorite']);
 
 const handleClose = () => {
     open.value = false;
     em('close', false);
 };
 
+const toFavorite = (row: File.Favorite) => {
+    open.value = false;
+    em('toFavorite', row);
+};
+const openDir = (url: string) => {
+    open.value = false;
+    em('jump', url);
+};
+
 const acceptParams = () => {
     search();
 };
@@ -55,12 +75,18 @@ const singleDel = async (id: number) => {
     }).then(async () => {
         try {
             await removeFavorite(id);
-            search();
+            await search();
         } catch (error) {}
     });
 };
 
 const buttons = [
+    {
+        label: i18n.global.t('commons.button.open'),
+        click: (row: any) => {
+            openDir(row.path);
+        },
+    },
     {
         label: i18n.global.t('commons.button.delete'),
         click: (row: any) => {
diff --git a/frontend/src/views/host/file-management/index.vue b/frontend/src/views/host/file-management/index.vue
index dea2f9542116..88fa1b0645c4 100644
--- a/frontend/src/views/host/file-management/index.vue
+++ b/frontend/src/views/host/file-management/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div @dragover="handleDragover" @drop="handleDrop" @dragleave="handleDragleave">
         <el-tabs
             type="card"
             class="file-tabs"
@@ -14,7 +14,7 @@
                 :label="item.name == '' ? $t('file.root') : item.name"
                 :name="item.id"
             >
-                <div @dragover="handleDragover" @drop="handleDrop" @dragleave="handleDragleave">
+                <div>
                     <div class="flex sm:flex-row flex-col justify-start gap-y-2 items-center gap-x-4" ref="toolRef">
                         <div class="flex-shrink-0 flex sm:w-min w-full items-center justify-start">
                             <el-tooltip :content="$t('file.back')" placement="top">
@@ -268,7 +268,7 @@
                                     </el-button>
                                     <el-popover
                                         placement="bottom"
-                                        :width="200"
+                                        :width="250"
                                         trigger="hover"
                                         @before-enter="getFavorites"
                                     >
@@ -281,30 +281,39 @@
                                             <el-table :data="favorites">
                                                 <el-table-column prop="name">
                                                     <template #default="{ row }">
-                                                        <el-tooltip
-                                                            class="box-item"
-                                                            effect="dark"
-                                                            :content="row.path"
-                                                            placement="top"
-                                                        >
-                                                            <span
-                                                                class="table-link text-ellipsis"
-                                                                @click="toFavorite(row)"
-                                                                type="primary"
+                                                        <div class="flex justify-between items-center group">
+                                                            <el-tooltip
+                                                                class="box-item"
+                                                                effect="dark"
+                                                                :content="row.path"
+                                                                placement="top"
+                                                            >
+                                                                <span
+                                                                    class="table-link text-ellipsis"
+                                                                    @click="toFavorite(row)"
+                                                                    type="primary"
+                                                                >
+                                                                    <svg-icon
+                                                                        v-if="row.isDir"
+                                                                        className="table-icon"
+                                                                        iconName="p-file-folder"
+                                                                    ></svg-icon>
+                                                                    <svg-icon
+                                                                        v-else
+                                                                        className="table-icon"
+                                                                        iconName="p-file-normal"
+                                                                    ></svg-icon>
+                                                                    {{ row.name }}
+                                                                </span>
+                                                            </el-tooltip>
+                                                            <el-icon
+                                                                class="hidden group-hover:block"
+                                                                v-if="!row.isDir"
+                                                                @click="jump(row.path)"
                                                             >
-                                                                <svg-icon
-                                                                    v-if="row.isDir"
-                                                                    className="table-icon"
-                                                                    iconName="p-file-folder"
-                                                                ></svg-icon>
-                                                                <svg-icon
-                                                                    v-else
-                                                                    className="table-icon"
-                                                                    iconName="p-file-normal"
-                                                                ></svg-icon>
-                                                                {{ row.name }}
-                                                            </span>
-                                                        </el-tooltip>
+                                                                <FolderOpened />
+                                                            </el-icon>
+                                                        </div>
                                                     </template>
                                                 </el-table-column>
                                             </el-table>
@@ -633,7 +642,7 @@
         <Detail ref="detailRef" />
         <DeleteFile ref="deleteRef" @close="search" />
         <RecycleBin ref="recycleBinRef" @close="search" />
-        <Favorite ref="favoriteRef" @close="search" />
+        <Favorite ref="favoriteRef" @close="search" @jump="jump" @toFavorite="toFavorite" />
         <BatchRole ref="batchRoleRef" @close="search" />
         <VscodeOpenDialog ref="dialogVscodeOpenRef" />
         <Preview ref="previewRef" />