refactor(layout): 收起侧边栏

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)
 

ui/src/layout/layout-template/SimpleLayout.vue

@@ -48,12 +48,13 @@ const currentSystemPage = computed(() => {
 
 <template>
   <div class="app-layout">
-    <div class="app-main" :class="user.isExpire() ? 'isExpire' : ''">
+    <div class="app-main" :class="user.isExpire() ? 'isExpire' : ''" style="display: flex;">
-      <LayoutContainer>
+      <!-- 最左侧侧边栏 -->
-        <template #left>
+      <div style="width: 240px; border-right: 1px solid #e5e7eb;">
         <Sidebar />
-        </template>
+      </div>
-        <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;">
@@ -66,10 +67,8 @@ const currentSystemPage = computed(() => {
             </router-link>
           </div>
         </div>
-          
         <AppMain />
       </div>
-      </LayoutContainer>
     </div>
   </div>
 </template>

ui/src/layout/layout-template/SystemMainLayout.vue

@@ -11,13 +11,15 @@
       />
       <SystemHeader />
     </div>
-    <div class="app-main" :class="user.isExpire() ? 'isExpire' : ''">
+    <div class="app-main" :class="user.isExpire() ? 'isExpire' : ''" style="display: flex;">
-      <layout-container>
+      <!-- 最左侧侧边栏 -->
-        <template #left>
+      <div style="width: 240px; border-right: 1px solid #e5e7eb;">
         <Sidebar />
-        </template>
+      </div>
+      <!-- 主内容区 -->
+      <div style="flex: 1; overflow: hidden;">
         <AppMain />
-      </layout-container>
+      </div>
     </div>
   </div>
 </template>