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 leftWidth = ref(props.minLeftWidth)
const isResizing = ref(false) const isResizing = ref(false)

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

@ -48,28 +48,27 @@ const currentSystemPage = computed(() => {
<template> <template>
<div class="app-layout"> <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 /> <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;"> <div v-if="isSystemManagement" style="display: flex; justify-content: space-between; align-items: center; padding: 16px; border-bottom: 1px solid #e5e7eb;">
<h2 style="font-size: 18px; font-weight: 600; margin: 0;">AI-RAG | 系统管理</h2> <div style="display: flex; align-items: center;">
</div> <h2 style="font-size: 18px; font-weight: 600; margin: 0;">AI-RAG | 系统管理</h2>
<div style="display: flex; align-items: center;"> </div>
<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;"> <div style="display: flex; align-items: center;">
<span style="margin-right: 4px;">←</span> <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> </router-link>
</div> </div>
<AppMain />
</div> </div>
</LayoutContainer> <AppMain />
</div>
</div> </div>
</div> </div>
</template> </template>

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

@ -11,13 +11,15 @@
/> />
<SystemHeader /> <SystemHeader />
</div> </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 /> <Sidebar />
</template> </div>
<!-- 主内容区 -->
<div style="flex: 1; overflow: hidden;">
<AppMain /> <AppMain />
</layout-container> </div>
</div> </div>
</div> </div>
</template> </template>