From 8718816fce4e273d4d6db605918a644f3f744964 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Thu, 3 Jul 2025 07:18:31 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B0=86=E5=A4=9A=E4=B8=AA=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E4=B8=AD=E7=9A=84VFab=E6=8C=89=E9=92=AE=E5=8C=85=E8=A3=B9?=
 =?UTF-8?q?=E5=9C=A8Teleport=E4=B8=AD=EF=BC=8C=E4=BB=A5=E7=A1=AE=E4=BF=9D?=
 =?UTF-8?q?=E5=9C=A8=E7=A7=BB=E5=8A=A8=E8=AE=BE=E5=A4=87=E4=B8=8A=E6=AD=A3?=
 =?UTF-8?q?=E7=A1=AE=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/dashboard.vue                      | 22 +++++----
 src/views/plugin/PluginCardListView.vue      | 26 ++++++-----
 src/views/reorganize/TransferHistoryView.vue | 48 ++++++++++----------
 src/views/site/SiteCardListView.vue          | 24 +++++-----
 src/views/subscribe/SubscribeListView.vue    | 30 ++++++------
 src/views/user/UserListView.vue              | 24 +++++-----
 src/views/workflow/WorkflowListView.vue      | 24 +++++-----
 7 files changed, 106 insertions(+), 92 deletions(-)

diff --git a/src/pages/dashboard.vue b/src/pages/dashboard.vue
index 90e388d1..b33b4047 100644
--- a/src/pages/dashboard.vue
+++ b/src/pages/dashboard.vue
@@ -342,16 +342,18 @@ onDeactivated(() => {
   </draggable>
 
   <!-- 底部操作按钮（只在非移动设备上显示） -->
-  <VFab
-    v-if="!appMode"
-    icon="mdi-view-dashboard-edit"
-    location="bottom"
-    size="x-large"
-    fixed
-    app
-    appear
-    @click="dialog = true"
-  />
+  <Teleport to="body">
+    <VFab
+      v-if="!appMode"
+      icon="mdi-view-dashboard-edit"
+      location="bottom"
+      size="x-large"
+      fixed
+      app
+      appear
+      @click="dialog = true"
+    />
+  </Teleport>
 
   <!-- 弹窗，根据配置生成选项 -->
   <VDialog v-if="dialog" v-model="dialog" max-width="35rem" :fullscreen="!display.mdAndUp.value" scrollable>
diff --git a/src/views/plugin/PluginCardListView.vue b/src/views/plugin/PluginCardListView.vue
index dcef3abc..17997583 100644
--- a/src/views/plugin/PluginCardListView.vue
+++ b/src/views/plugin/PluginCardListView.vue
@@ -1504,18 +1504,20 @@ function onDragStartPlugin(evt: any) {
 
   <div v-if="isRefreshed">
     <!-- 插件搜索图标 -->
-    <VFab
-      v-if="!appMode"
-      icon="mdi-magnify"
-      color="info"
-      location="bottom"
-      size="x-large"
-      fixed
-      app
-      appear
-      @click="SearchDialog = true"
-      :class="{ 'mb-12': appMode }"
-    />
+    <Teleport to="body">
+      <VFab
+        v-if="!appMode"
+        icon="mdi-magnify"
+        color="info"
+        location="bottom"
+        size="x-large"
+        fixed
+        app
+        appear
+        @click="SearchDialog = true"
+        :class="{ 'mb-12': appMode }"
+      />
+    </Teleport>
   </div>
   <!-- 插件市场设置窗口 -->
   <PluginMarketSettingDialog
diff --git a/src/views/reorganize/TransferHistoryView.vue b/src/views/reorganize/TransferHistoryView.vue
index cc55d08a..5ef899d8 100644
--- a/src/views/reorganize/TransferHistoryView.vue
+++ b/src/views/reorganize/TransferHistoryView.vue
@@ -698,29 +698,31 @@ onMounted(() => {
   </VCard>
 
   <!-- 底部操作按钮 -->
-  <div v-if="isRefreshed && selected.length > 0">
-    <VFab
-      icon="mdi-trash-can-outline"
-      color="error"
-      location="bottom"
-      size="x-large"
-      fixed
-      app
-      appear
-      @click="removeHistoryBatch"
-      :class="appMode ? 'mb-28' : 'mb-16'"
-    />
-    <VFab
-      :class="appMode ? 'mb-44' : 'mb-32'"
-      icon="mdi-redo-variant"
-      location="bottom"
-      size="x-large"
-      fixed
-      app
-      appear
-      @click="retransferBatch"
-    />
-  </div>
+  <Teleport to="body">
+    <div v-if="isRefreshed && selected.length > 0">
+      <VFab
+        icon="mdi-trash-can-outline"
+        color="error"
+        location="bottom"
+        size="x-large"
+        fixed
+        app
+        appear
+        @click="removeHistoryBatch"
+        :class="appMode ? 'mb-28' : 'mb-16'"
+      />
+      <VFab
+        :class="appMode ? 'mb-44' : 'mb-32'"
+        icon="mdi-redo-variant"
+        location="bottom"
+        size="x-large"
+        fixed
+        app
+        appear
+        @click="retransferBatch"
+      />
+    </div>
+  </Teleport>
   <!-- 底部弹窗 -->
   <VBottomSheet v-model="deleteConfirmDialog" inset>
     <VCard class="text-center">
diff --git a/src/views/site/SiteCardListView.vue b/src/views/site/SiteCardListView.vue
index 83006c35..be5fe575 100644
--- a/src/views/site/SiteCardListView.vue
+++ b/src/views/site/SiteCardListView.vue
@@ -288,17 +288,19 @@ useDynamicButton({
     :error-description="filterOption === 'all' ? t('site.sitesWillBeShownHere') : t('common.tryChangingFilters')"
   />
   <!-- 新增站点按钮 -->
-  <VFab
-    v-if="isRefreshed && !appMode"
-    icon="mdi-web-plus"
-    location="bottom"
-    size="x-large"
-    fixed
-    app
-    appear
-    @click="siteAddDialog = true"
-    :class="{ 'mb-12': appMode }"
-  />
+  <Teleport to="body">
+    <VFab
+      v-if="isRefreshed && !appMode"
+      icon="mdi-web-plus"
+      location="bottom"
+      size="x-large"
+      fixed
+      app
+      appear
+      @click="siteAddDialog = true"
+      :class="{ 'mb-12': appMode }"
+    />
+  </Teleport>
   <!-- 新增站点弹窗 -->
   <SiteAddEditDialog
     v-if="siteAddDialog"
diff --git a/src/views/subscribe/SubscribeListView.vue b/src/views/subscribe/SubscribeListView.vue
index 14f79e4d..63079392 100644
--- a/src/views/subscribe/SubscribeListView.vue
+++ b/src/views/subscribe/SubscribeListView.vue
@@ -181,20 +181,22 @@ useDynamicButton({
     :error-description="keyword ? t('subscribe.noFilterData') : t('subscribe.noSubscribeData')"
   />
   <!-- 底部操作按钮 -->
-  <div v-if="isRefreshed">
-    <VFab
-      v-if="userStore.superUser && !appMode"
-      icon="mdi-history"
-      color="info"
-      location="bottom"
-      :class="{ 'mb-12': appMode }"
-      size="x-large"
-      fixed
-      app
-      appear
-      @click="historyDialog = true"
-    />
-  </div>
+  <Teleport to="body">
+    <div v-if="isRefreshed">
+      <VFab
+        v-if="userStore.superUser && !appMode"
+        icon="mdi-history"
+        color="info"
+        location="bottom"
+        :class="{ 'mb-12': appMode }"
+        size="x-large"
+        fixed
+        app
+        appear
+        @click="historyDialog = true"
+      />
+    </div>
+  </Teleport>
   <!-- 历史记录弹窗 -->
   <SubscribeHistoryDialog
     v-if="historyDialog"
diff --git a/src/views/user/UserListView.vue b/src/views/user/UserListView.vue
index ed6e34f9..b2bc9f1a 100644
--- a/src/views/user/UserListView.vue
+++ b/src/views/user/UserListView.vue
@@ -96,17 +96,19 @@ useDynamicButton({
     </div>
 
     <!-- 新增用户按钮 -->
-    <VFab
-      v-if="isRefreshed && !appMode"
-      icon="mdi-account-plus"
-      location="bottom"
-      size="x-large"
-      fixed
-      app
-      appear
-      @click="openAddUserDialog"
-      :class="{ 'mb-12': appMode }"
-    />
+    <Teleport to="body">
+      <VFab
+        v-if="isRefreshed && !appMode"
+        icon="mdi-account-plus"
+        location="bottom"
+        size="x-large"
+        fixed
+        app
+        appear
+        @click="openAddUserDialog"
+        :class="{ 'mb-12': appMode }"
+      />
+    </Teleport>
 
     <!-- 用户添加弹窗 -->
     <UserAddEditDialog
diff --git a/src/views/workflow/WorkflowListView.vue b/src/views/workflow/WorkflowListView.vue
index 4a8e434a..93a83768 100644
--- a/src/views/workflow/WorkflowListView.vue
+++ b/src/views/workflow/WorkflowListView.vue
@@ -72,17 +72,19 @@ useDynamicButton({
   </div>
 
   <!-- 新增按钮 -->
-  <VFab
-    v-if="isRefreshed && !appMode"
-    icon="mdi-plus"
-    location="bottom"
-    size="x-large"
-    fixed
-    app
-    appear
-    :class="{ 'mb-12': appMode }"
-    @click="addDialog = true"
-  />
+  <Teleport to="body">
+    <VFab
+      v-if="isRefreshed && !appMode"
+      icon="mdi-plus"
+      location="bottom"
+      size="x-large"
+      fixed
+      app
+      appear
+      :class="{ 'mb-12': appMode }"
+      @click="addDialog = true"
+    />
+  </Teleport>
   <!-- 新增对话框 -->
   <WorkflowAddEditDialog v-if="addDialog" v-model="addDialog" @close="addDialog = false" @save="addDone" />
 </template>