From fca23b481615b1333297b4733f65a5dd082d7456 Mon Sep 17 00:00:00 2001
From: tanlianwang <tanlianwang@qq.com>
Date: Wed, 4 Mar 2026 13:45:06 +0800
Subject: [PATCH] =?UTF-8?q?refactor(layout):=20=E6=94=B6=E8=B5=B7=E4=BE=A7?=
 =?UTF-8?q?=E8=BE=B9=E6=A0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/layout-container/index.vue  |  2 +-
 .../layout/layout-template/SimpleLayout.vue   | 39 +++++++++----------
 .../layout-template/SystemMainLayout.vue      | 14 ++++---
 3 files changed, 28 insertions(+), 27 deletions(-)

diff --git a/ui/src/components/layout-container/index.vue b/ui/src/components/layout-container/index.vue
index c2fc96b31..e8f145a2b 100644
--- a/ui/src/components/layout-container/index.vue
+++ b/ui/src/components/layout-container/index.vue
@@ -50,7 +50,7 @@ const props = defineProps({
   },
 })
 
-const isCollapse = ref(false)
+const isCollapse = ref(true)
 const leftWidth = ref(props.minLeftWidth)
 const isResizing = ref(false)
 
diff --git a/ui/src/layout/layout-template/SimpleLayout.vue b/ui/src/layout/layout-template/SimpleLayout.vue
index 33eefd075..df09ddeee 100644
--- a/ui/src/layout/layout-template/SimpleLayout.vue
+++ b/ui/src/layout/layout-template/SimpleLayout.vue
@@ -48,28 +48,27 @@ const currentSystemPage = computed(() => {
 
 <template>
   <div class="app-layout">
-    <div class="app-main" :class="user.isExpire() ? 'isExpire' : ''">
-      <LayoutContainer>
-        <template #left>
-          <Sidebar />
-        </template>
-        <div>
-          <!-- 顶部功能区（仅系统管理模式显示） -->
-          <div v-if="isSystemManagement" style="display: flex; justify-content: space-between; align-items: center; padding: 16px; border-bottom: 1px solid #e5e7eb;">
-            <div style="display: flex; align-items: center;">
-              <h2 style="font-size: 18px; font-weight: 600; margin: 0;">AI-RAG | 系统管理</h2>
-            </div>
-            <div style="display: flex; align-items: center;">
-              <router-link to="/application" style="display: flex; align-items: center; padding: 6px 12px; border-radius: 6px; text-decoration: none; color: #1890ff; border: 1px solid #1890ff;">
-                <span style="margin-right: 4px;">←</span>
-                返回工作空间
-              </router-link>
-            </div>
+    <div class="app-main" :class="user.isExpire() ? 'isExpire' : ''" style="display: flex;">
+      <!-- 最左侧侧边栏 -->
+      <div style="width: 240px; border-right: 1px solid #e5e7eb;">
+        <Sidebar />
+      </div>
+      <!-- 主内容区 -->
+      <div style="flex: 1; overflow: hidden;">
+        <!-- 顶部功能区（仅系统管理模式显示） -->
+        <div v-if="isSystemManagement" style="display: flex; justify-content: space-between; align-items: center; padding: 16px; border-bottom: 1px solid #e5e7eb;">
+          <div style="display: flex; align-items: center;">
+            <h2 style="font-size: 18px; font-weight: 600; margin: 0;">AI-RAG | 系统管理</h2>
+          </div>
+          <div style="display: flex; align-items: center;">
+            <router-link to="/application" style="display: flex; align-items: center; padding: 6px 12px; border-radius: 6px; text-decoration: none; color: #1890ff; border: 1px solid #1890ff;">
+              <span style="margin-right: 4px;">←</span>
+              返回工作空间
+            </router-link>
           </div>
-          
-          <AppMain />
         </div>
-      </LayoutContainer>
+        <AppMain />
+      </div>
     </div>
   </div>
 </template>
diff --git a/ui/src/layout/layout-template/SystemMainLayout.vue b/ui/src/layout/layout-template/SystemMainLayout.vue
index fbe5c81c3..50d47d268 100644
--- a/ui/src/layout/layout-template/SystemMainLayout.vue
+++ b/ui/src/layout/layout-template/SystemMainLayout.vue
@@ -11,13 +11,15 @@
       />
       <SystemHeader />
     </div>
-    <div class="app-main" :class="user.isExpire() ? 'isExpire' : ''">
-      <layout-container>
-        <template #left>
-          <Sidebar />
-        </template>
+    <div class="app-main" :class="user.isExpire() ? 'isExpire' : ''" style="display: flex;">
+      <!-- 最左侧侧边栏 -->
+      <div style="width: 240px; border-right: 1px solid #e5e7eb;">
+        <Sidebar />
+      </div>
+      <!-- 主内容区 -->
+      <div style="flex: 1; overflow: hidden;">
         <AppMain />
-      </layout-container>
+      </div>
     </div>
   </div>
 </template>