refactor: 将范式润色和对照检查改为左中右布局
- App.vue: compare 和 rewrite 页面纳入持久化布局 - ArticleRewritePanel: 移除返回按钮,适配 flex-1 布局 - ComparePanel: 移除返回按钮,适配 flex-1 布局 - MainContent: 对这两个页面不渲染(它们有自己的内部布局)
This commit is contained in:
16
src/App.vue
16
src/App.vue
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user