refactor: 将范式润色和对照检查改为左中右布局

- App.vue: compare 和 rewrite 页面纳入持久化布局
- ArticleRewritePanel: 移除返回按钮,适配 flex-1 布局
- ComparePanel: 移除返回按钮,适配 flex-1 布局
- MainContent: 对这两个页面不渲染(它们有自己的内部布局)
This commit is contained in:
empty
2026-01-11 22:37:07 +08:00
parent 81b88bde90
commit 56c851a715
3 changed files with 16 additions and 32 deletions

View File

@@ -1,18 +1,12 @@
<template>
<div class="flex h-screen w-full bg-slate-950 overflow-hidden">
<!-- 全局导航侧边栏 -->
<GlobalSidebar v-if="currentPage !== 'compare' && currentPage !== 'diffAnnotation' && currentPage !== 'rewrite'" />
<GlobalSidebar v-if="currentPage !== 'diffAnnotation'" />
<!-- 主体区域 -->
<main class="flex-1 flex overflow-hidden relative">
<!-- 对照检查页面全屏独占 -->
<ComparePanel v-if="currentPage === 'compare'" />
<!-- 差异标注页面全屏独占 -->
<DiffAnnotationPanel v-else-if="currentPage === 'diffAnnotation'" />
<!-- 范式润色页面全屏独占 -->
<ArticleRewritePanel v-else-if="currentPage === 'rewrite'" />
<DiffAnnotationPanel v-if="currentPage === 'diffAnnotation'" />
<!-- 持久化布局面板 -->
<template v-else>
@@ -20,6 +14,8 @@
<WriterPanel v-if="currentPage === 'writer'" />
<AnalysisPanel v-else-if="currentPage === 'analysis'" />
<ParadigmWriterPanel v-else-if="currentPage === 'paradigmWriter'" />
<ComparePanel v-else-if="currentPage === 'compare'" />
<ArticleRewritePanel v-else-if="currentPage === 'rewrite'" />
<DocumentsPanel
v-else-if="currentPage === 'documents'"
@toggle-version-panel="toggleVersionPanel"
@@ -28,8 +24,8 @@
<MaterialsPanel v-else-if="currentPage === 'materials'" />
<SettingsPanel v-else-if="currentPage === 'settings'" />
<!-- 右侧核心内容区 -->
<MainContent />
<!-- 右侧核心内容区compare rewrite 页面使用自己的内部布局 -->
<MainContent v-if="currentPage !== 'compare' && currentPage !== 'rewrite'" />
<!-- 侧滑浮层面板 (仅文稿页) -->
<DocumentVersionPanel