在多个视图组件中添加动态按钮功能，支持不同操作的弹窗显示，优化按钮显示逻辑以提升用户交互体验。

src/views/plugin/PluginCardListView.vue

@@ -11,6 +11,7 @@ import { useDisplay } from 'vuetify'
 import { isNullOrEmptyObject } from '@/@core/utils'
 import { PluginTabs } from '@/router/menu'
 import PluginMarketSettingDialog from '@/components/dialog/PluginMarketSettingDialog.vue'
+import { useDynamicButton } from '@/composables/useDynamicButton'
 
 const route = useRoute()
 
@@ -454,6 +455,14 @@ onMounted(async () => {
     }
   }
 })
+
+// 使用动态按钮钩子
+useDynamicButton({
+  icon: 'mdi-view-dashboard-edit',
+  onClick: () => {
+    SearchDialog.value = true
+  },
+})
 </script>
 
 <template>
@@ -668,6 +677,7 @@ onMounted(async () => {
   <div v-if="isRefreshed">
     <!-- 插件搜索图标 -->
     <VFab
+      v-if="!appMode"
       icon="mdi-magnify"
       color="info"
       location="bottom"

src/views/site/SiteCardListView.vue

@@ -6,6 +6,7 @@ import SiteCard from '@/components/cards/SiteCard.vue'
 import NoDataFound from '@/components/NoDataFound.vue'
 import SiteAddEditDialog from '@/components/dialog/SiteAddEditDialog.vue'
 import { useDisplay } from 'vuetify'
+import { useDynamicButton } from '@/composables/useDynamicButton'
 
 // APP
 const display = useDisplay()
@@ -84,6 +85,14 @@ onActivated(() => {
     fetchUserData()
   }
 })
+
+// 使用动态按钮钩子
+useDynamicButton({
+  icon: 'mdi-view-dashboard-edit',
+  onClick: () => {
+    siteAddDialog.value = true
+  },
+})
 </script>
 
 <template>
@@ -113,7 +122,7 @@ onActivated(() => {
   />
   <!-- 新增站点按钮 -->
   <VFab
-    v-if="isRefreshed"
+    v-if="isRefreshed && !appMode"
     icon="mdi-plus"
     location="bottom"
     size="x-large"

src/views/subscribe/SubscribeListView.vue

@@ -7,6 +7,7 @@ import SubscribeCard from '@/components/cards/SubscribeCard.vue'
 import SubscribeHistoryDialog from '@/components/dialog/SubscribeHistoryDialog.vue'
 import { useUserStore } from '@/stores'
 import { useDisplay } from 'vuetify'
+import { useDynamicButton } from '@/composables/useDynamicButton'
 
 // APP
 const display = useDisplay()
@@ -148,6 +149,14 @@ onActivated(async () => {
     fetchData()
   }
 })
+
+// 使用动态按钮钩子
+useDynamicButton({
+  icon: 'mdi-history',
+  onClick: () => {
+    historyDialog.value = true
+  },
+})
 </script>
 
 <template>
@@ -175,7 +184,7 @@ onActivated(async () => {
   <!-- 底部操作按钮 -->
   <div v-if="isRefreshed">
     <VFab
-      v-if="userStore.superUser"
+      v-if="userStore.superUser && !appMode"
       icon="mdi-history"
       color="info"
       location="bottom"

src/views/workflow/WorkflowListView.vue

@@ -5,7 +5,7 @@ import { useDisplay } from 'vuetify'
 import WorkflowAddEditDialog from '@/components/dialog/WorkflowAddEditDialog.vue'
 import WorkflowTaskCard from '@/components/cards/WorkflowTaskCard.vue'
 import NoDataFound from '@/components/NoDataFound.vue'
-
+import { useDynamicButton } from '@/composables/useDynamicButton'
 // APP
 const display = useDisplay()
 const appMode = inject('pwaMode') && display.mdAndDown.value
@@ -42,11 +42,17 @@ onMounted(() => {
 onActivated(() => {
   fetchData()
 })
-</script>
 
+// 使用动态按钮钩子 新增
+useDynamicButton({
+  icon: 'mdi-plus',
+  onClick: () => {
+    addDialog.value = true
+  },
+})
+</script>
 <template>
   <div>
-    
     <VPageContentTitle title="工作流" />
     <LoadingBanner v-if="!isRefreshed" class="mt-12" />
     <VRow v-if="workflowList.length > 0" class="match-height">
@@ -64,7 +70,7 @@ onActivated(() => {
 
   <!-- 新增按钮 -->
   <VFab
-    v-if="isRefreshed"
+    v-if="isRefreshed && !appMode"
     icon="mdi-plus"
     location="bottom"
     size="x-large"