From f5e8f2dc74794806d72372f3c14652cb6dd6cdd2 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Wed, 21 Oct 2026 19:37:27 +0800
Subject: [PATCH] fix: icon

---
 .../embed-third-party/ButtonEmbedThirdParty.vue   |  2 +-
 .../views/application-detail/overview/index.vue   |  1 -
 .../action-dropdown/ExportApplicationAction.vue   |  9 +++++++--
 .../action-dropdown/ExportKnowledgeAction.vue     | 15 ++++++++++++---
 4 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/ui/src/views/application-detail/overview/embed-third-party/ButtonEmbedThirdParty.vue b/ui/src/views/application-detail/overview/embed-third-party/ButtonEmbedThirdParty.vue
index efc505b2109..932ad2c456d 100644
--- a/ui/src/views/application-detail/overview/embed-third-party/ButtonEmbedThirdParty.vue
+++ b/ui/src/views/application-detail/overview/embed-third-party/ButtonEmbedThirdParty.vue
@@ -16,7 +16,7 @@ function handleOpenEmbedThirdParty() {
 <template>
   <!-- 嵌入第三方 -->
   <el-button plain :disabled="!props.shareUrl || !props.accessToken" @click="handleOpenEmbedThirdParty">
-    <MkIcon name="icon_keyboard_outlined1" />
+    <MkIcon name="icon_embedded_outlined" />
     <span>嵌入第三方</span>
   </el-button>
   <EmbedThirdPartyDialog ref="dialogRef" :share-url="props.shareUrl" :access-token="props.accessToken" />
diff --git a/ui/src/views/application-detail/overview/index.vue b/ui/src/views/application-detail/overview/index.vue
index a6d23bf970b..b6756984d66 100644
--- a/ui/src/views/application-detail/overview/index.vue
+++ b/ui/src/views/application-detail/overview/index.vue
@@ -141,7 +141,6 @@ onMounted(() => {
               <span>去对话</span>
             </el-button>
             <ButtonEmbedThirdParty :share-url="shareUrl" :access-token="accessToken" />
-            />
             <ButtonAccessRestriction />
             <ButtonDisplaySetting />
           </div>
diff --git a/ui/src/views/application/application-card/action-dropdown/ExportApplicationAction.vue b/ui/src/views/application/application-card/action-dropdown/ExportApplicationAction.vue
index 8601cf6cee6..7e339013c67 100644
--- a/ui/src/views/application/application-card/action-dropdown/ExportApplicationAction.vue
+++ b/ui/src/views/application/application-card/action-dropdown/ExportApplicationAction.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { computed, useTemplateRef } from 'vue'
 import type ApplicationApi from '@/api/admin/workspace/application/application'
 import type SystemResourceApplicationApi from '@/api/admin/system/resource-management/application/application'
 import type { ApplicationDetail, ExportError } from '@/api/types'
@@ -10,6 +11,10 @@ const props = defineProps<{ api: typeof ApplicationApi | typeof SystemResourceAp
 
 const loading = defineModel<boolean>('loading', { default: false })
 
+// 二级菜单留在所属一级浮层内，避免焦点移入时关闭一级菜单，并避开滚动容器裁剪。
+const exportTriggerRef = useTemplateRef<HTMLDivElement>('exportTriggerRef')
+const exportMenuContainer = computed(() => exportTriggerRef.value?.closest<HTMLElement>('.el-dropdown__popper'))
+
 function handleExportSkills() {
   if (loading.value) return
   loading.value = true
@@ -44,9 +49,9 @@ function handleExportApplication() {
 
 <template>
   <MkDropdownItem @click.prevent.stop class="p-0!">
-    <MkDropdown class="w-full" trigger="hover" placement="right-start">
+    <MkDropdown class="w-full" trigger="hover" placement="right-start" :append-to="exportMenuContainer">
       <!-- 展开智能体导出菜单 -->
-      <div class="flex-between w-full gap-2 p-2">
+      <div ref="exportTriggerRef" class="flex-between w-full gap-2 p-2">
         <div class="flex-align-center gap-2">
           <MkIcon name="icon_export_outlined" class="text-N600!" />
           <span>{{ label }}</span>
diff --git a/ui/src/views/knowledge/knowledge-card/action-dropdown/ExportKnowledgeAction.vue b/ui/src/views/knowledge/knowledge-card/action-dropdown/ExportKnowledgeAction.vue
index 0be2c2ac8d9..3788234b9ce 100644
--- a/ui/src/views/knowledge/knowledge-card/action-dropdown/ExportKnowledgeAction.vue
+++ b/ui/src/views/knowledge/knowledge-card/action-dropdown/ExportKnowledgeAction.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { computed, useTemplateRef } from 'vue'
 import type KnowledgeApi from '@/api/admin/workspace/knowledge/knowledge'
 import type { KnowledgeItem } from '@/api/types'
 import type SystemResourceKnowledgeApi from '@/api/admin/system/resource-management/knowledge/knowledge'
@@ -6,9 +7,17 @@ import type SystemSharedKnowledgeApi from '@/api/admin/system/shared-resources/k
 
 defineOptions({ name: 'ExportKnowledgeAction' })
 
-const props = defineProps<{ api: typeof KnowledgeApi | typeof SystemResourceKnowledgeApi | typeof SystemSharedKnowledgeApi; knowledge: KnowledgeItem; label: string }>()
+const props = defineProps<{
+  api: typeof KnowledgeApi | typeof SystemResourceKnowledgeApi | typeof SystemSharedKnowledgeApi
+  knowledge: KnowledgeItem
+  label: string
+}>()
 const loading = defineModel<boolean>('loading', { default: false })
 
+// 二级菜单留在所属一级浮层内，避免焦点移入时关闭一级菜单，并避开滚动容器裁剪。
+const exportTriggerRef = useTemplateRef<HTMLDivElement>('exportTriggerRef')
+const exportMenuContainer = computed(() => exportTriggerRef.value?.closest<HTMLElement>('.el-dropdown__popper'))
+
 /* 知识库导出菜单 */
 const exportOptions = [
   { label: '导出文档 Excel', method: 'exportKnowledgeExcel' },
@@ -29,9 +38,9 @@ function handleExportKnowledge(method: (typeof exportOptions)[number]['method'])
 
 <template>
   <MkDropdownItem divided @click.prevent.stop class="p-0!">
-    <MkDropdown class="w-full" trigger="hover" placement="right-start">
+    <MkDropdown class="w-full" trigger="hover" placement="right-start" :append-to="exportMenuContainer">
       <!-- 展开知识库导出菜单 -->
-      <div class="flex-between w-full gap-2 p-2">
+      <div ref="exportTriggerRef" class="flex-between w-full gap-2 p-2">
         <div class="flex-align-center gap-2">
           <MkIcon name="icon_export_outlined" class="text-N600!" />
           <span>{{ label }}</span>