panyy
/
UnisKB
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor(layout): 收起侧边栏

v3.2
tanlianwang 2026-03-04 13:45:06 +08:00
parent 0546b773db
commit fca23b4816
3 changed files with 28 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/components/layout-container/index.vue
View File

@ -50,7 +50,7 @@ const props = defineProps({
},
})
const isCollapse = ref(false)
const isCollapse = ref(true)
const leftWidth = ref(props.minLeftWidth)
const isResizing = ref(false)

39
ui/src/layout/layout-template/SimpleLayout.vue
View File

@ -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>

14
ui/src/layout/layout-template/SystemMainLayout.vue
View File

@ -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>