From 8c6ca1206f615b437e34148d75963b7fe2ed0d38 Mon Sep 17 00:00:00 2001
From: tanlianwang <tanlianwang@qq.com>
Date: Tue, 10 Mar 2026 20:55:18 +0800
Subject: [PATCH] =?UTF-8?q?feat(layout):=20=E6=B7=BB=E5=8A=A0=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80=E5=AE=B9=E5=99=A8=E6=8A=98=E5=8F=A0=E7=8A=B6=E6=80=81?=
 =?UTF-8?q?=E6=8E=A7=E5=88=B6=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 LayoutContainer 组件中新增 isCollapse 属性用于控制折叠状态
- 将组件内部的默认折叠状态改为根据属性值动态设置
- 更新多个视图组件以传递默认折叠配置
- 增加左侧最小宽度从 260 调整为 280 以优化显示效果
- 移除思维导图页面的 LayoutContainer 包装以简化结构
- 在聊天界面 PC 版中调整导出按钮位置到标题栏区域
---
 ui/src/components/layout-container/index.vue |  8 +++-
 ui/src/views/application/index.vue           |  2 +-
 ui/src/views/chat/pc/index.vue               | 42 ++++++++++----------
 ui/src/views/knowledge/index.vue             |  2 +-
 ui/src/views/mindmap/index.vue               |  8 +---
 ui/src/views/model/index.vue                 |  2 +-
 ui/src/views/tool/index.vue                  |  2 +-
 7 files changed, 34 insertions(+), 32 deletions(-)

diff --git a/ui/src/components/layout-container/index.vue b/ui/src/components/layout-container/index.vue
index e8f145a2b..644ea6cac 100644
--- a/ui/src/components/layout-container/index.vue
+++ b/ui/src/components/layout-container/index.vue
@@ -42,15 +42,19 @@ const props = defineProps({
   resizable: Boolean,
   minLeftWidth: {
     type: Number,
-    default: 260,
+    default: 280,
   },
   maxLeftWidth: {
     type: Number,
     default: 400,
   },
+  isCollapse: {
+    type: Boolean,
+    default: false,
+  },
 })
 
-const isCollapse = ref(true)
+const isCollapse = ref(props.isCollapse)
 const leftWidth = ref(props.minLeftWidth)
 const isResizing = ref(false)
 
diff --git a/ui/src/views/application/index.vue b/ui/src/views/application/index.vue
index 28b3e92f0..222517d08 100644
--- a/ui/src/views/application/index.vue
+++ b/ui/src/views/application/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <LayoutContainer showCollapse resizable class="application-manage">
+  <LayoutContainer showCollapse resizable :isCollapse="true" class="application-manage">
     <template #left>
       <h4 class="p-12-16 pb-0 mt-12">{{ $t('views.application.title') }}</h4>
 
diff --git a/ui/src/views/chat/pc/index.vue b/ui/src/views/chat/pc/index.vue
index 198dacc85..82348a365 100644
--- a/ui/src/views/chat/pc/index.vue
+++ b/ui/src/views/chat/pc/index.vue
@@ -26,6 +26,28 @@
           <h1 style="font-size: 18px; font-weight: 600; margin: 0;">AI-RAG</h1>
         </div>
         <div style="display: flex; align-items: center;">
+          <span class="flex align-center" v-if="currentRecordList.length">
+            <el-dropdown class="ml-8">
+              <AppIcon
+                iconName="app-export"
+                class="cursor"
+                :title="$t('chat.exportRecords')"
+              ></AppIcon>
+              <template #dropdown>
+                <el-dropdown-menu>
+                  <el-dropdown-item @click="exportMarkdown"
+                    >{{ $t('common.export') }} Markdown</el-dropdown-item
+                  >
+                  <el-dropdown-item @click="exportHTML"
+                    >{{ $t('common.export') }} HTML</el-dropdown-item
+                  >
+                  <el-dropdown-item @click="openPDFExport"
+                    >{{ $t('common.export') }} PDF</el-dropdown-item
+                  >
+                </el-dropdown-menu>
+              </template>
+            </el-dropdown>
+          </span>
         </div>
       </div>
     </div>
@@ -119,26 +141,6 @@
               <span v-if="paginationConfig.total" class="lighter">
                 {{ paginationConfig.total }} {{ $t('chat.question_count') }}
               </span>
-              <el-dropdown class="ml-8">
-                <AppIcon
-                  iconName="app-export"
-                  class="cursor"
-                  :title="$t('chat.exportRecords')"
-                ></AppIcon>
-                <template #dropdown>
-                  <el-dropdown-menu>
-                    <el-dropdown-item @click="exportMarkdown"
-                      >{{ $t('common.export') }} Markdown</el-dropdown-item
-                    >
-                    <el-dropdown-item @click="exportHTML"
-                      >{{ $t('common.export') }} HTML</el-dropdown-item
-                    >
-                    <el-dropdown-item @click="openPDFExport"
-                      >{{ $t('common.export') }} PDF</el-dropdown-item
-                    >
-                  </el-dropdown-menu>
-                </template>
-              </el-dropdown>
             </span>
           </div>
         </template>
diff --git a/ui/src/views/knowledge/index.vue b/ui/src/views/knowledge/index.vue
index 292cea7a0..dfcb03574 100644
--- a/ui/src/views/knowledge/index.vue
+++ b/ui/src/views/knowledge/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <LayoutContainer showCollapse resizable class="knowledge-manage">
+  <LayoutContainer showCollapse resizable :isCollapse="true" class="knowledge-manage">
     <template #left>
       <h4 class="p-12-16 pb-0 mt-12">{{ $t('views.knowledge.title') }}</h4>
 
diff --git a/ui/src/views/mindmap/index.vue b/ui/src/views/mindmap/index.vue
index 2d44f06c4..710a402ac 100644
--- a/ui/src/views/mindmap/index.vue
+++ b/ui/src/views/mindmap/index.vue
@@ -1,8 +1,5 @@
 <template>
-  <LayoutContainer class="mindmap-container">
-    <template #left>
-      <h4 class="p-12-16 pb-0 mt-12">思维导图</h4>
-    </template>
+  <div class="mindmap-container">
     <div class="mindmap-content">
       <iframe
         :src="mindmapUrl"
@@ -10,11 +7,10 @@
         title="思维导图"
       ></iframe>
     </div>
-  </LayoutContainer>
+  </div>
 </template>
 
 <script setup lang="ts">
-import LayoutContainer from '@/components/layout-container/index.vue'
 import { ref, onMounted } from 'vue'
 import systemConfigApi from '@/api/system-settings/system-config'
 
diff --git a/ui/src/views/model/index.vue b/ui/src/views/model/index.vue
index a88d7981c..9c4079f14 100644
--- a/ui/src/views/model/index.vue
+++ b/ui/src/views/model/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <LayoutContainer showCollapse class="model-manage">
+  <LayoutContainer showCollapse :isCollapse="true" class="model-manage">
     <template #left>
       <h4 class="p-12-16 pb-0 mt-12">{{ $t('views.model.provider') }}</h4>
       <ProviderComponent
diff --git a/ui/src/views/tool/index.vue b/ui/src/views/tool/index.vue
index 050785870..cc550717a 100644
--- a/ui/src/views/tool/index.vue
+++ b/ui/src/views/tool/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <LayoutContainer showCollapse resizable class="tool-manage">
+  <LayoutContainer showCollapse resizable :isCollapse="true" class="tool-manage">
     <template #left>
       <h4 class="p-12-16 pb-0 mt-12">{{ $t('views.tool.title') }}</h4>