From 56c851a715fc8b118ebae44e6827b57c69690025 Mon Sep 17 00:00:00 2001
From: empty <let5sne.mac@gmail.com>
Date: Sun, 11 Jan 2026 22:37:07 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E5=B0=86=E8=8C=83=E5=BC=8F?=
 =?UTF-8?q?=E6=B6=A6=E8=89=B2=E5=92=8C=E5=AF=B9=E7=85=A7=E6=A3=80=E6=9F=A5?=
 =?UTF-8?q?=E6=94=B9=E4=B8=BA=E5=B7=A6=E4=B8=AD=E5=8F=B3=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- App.vue: compare 和 rewrite 页面纳入持久化布局
- ArticleRewritePanel: 移除返回按钮，适配 flex-1 布局
- ComparePanel: 移除返回按钮，适配 flex-1 布局
- MainContent: 对这两个页面不渲染（它们有自己的内部布局）
---
 src/App.vue                            | 16 ++++++----------
 src/components/ArticleRewritePanel.vue | 16 +++++-----------
 src/components/ComparePanel.vue        | 16 +++++-----------
 3 files changed, 16 insertions(+), 32 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 5e0c0c0..570618e 100644
--- a/src/App.vue
+++ b/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 
diff --git a/src/components/ArticleRewritePanel.vue b/src/components/ArticleRewritePanel.vue
index a28552e..b11591a 100644
--- a/src/components/ArticleRewritePanel.vue
+++ b/src/components/ArticleRewritePanel.vue
@@ -1,19 +1,13 @@
 <template>
-  <div class="h-screen w-full flex flex-col bg-slate-900">
+  <div class="flex-1 flex flex-col bg-slate-900 h-full overflow-hidden">
     <!-- 头部 -->
-    <header class="p-4 border-b border-slate-700 bg-slate-800 flex items-center justify-between shrink-0">
-      <div class="flex items-center gap-4">
-        <h1 class="font-bold text-lg text-white flex items-center gap-2">
-          <span class="text-2xl">🎨</span> 范式润色
+    <header class="p-3 border-b border-slate-700 bg-slate-800 flex items-center justify-between shrink-0">
+      <div class="flex items-center gap-3">
+        <h1 class="font-bold text-white flex items-center gap-2">
+          <span class="text-xl">🎨</span> 范式润色
         </h1>
         <span class="text-xs text-slate-500">基于范式规则检查并重写文章句子</span>
       </div>
-      <button 
-        @click="goBack"
-        class="text-xs px-3 py-1.5 rounded bg-slate-700 text-slate-300 hover:bg-slate-600 transition"
-      >
-        ← 返回写作
-      </button>
     </header>
 
     <!-- 范式选择条 -->
diff --git a/src/components/ComparePanel.vue b/src/components/ComparePanel.vue
index 8ac9db3..215d598 100644
--- a/src/components/ComparePanel.vue
+++ b/src/components/ComparePanel.vue
@@ -1,19 +1,13 @@
 <template>
-  <div class="h-screen w-full flex flex-col bg-slate-900">
+  <div class="flex-1 flex flex-col bg-slate-900 h-full overflow-hidden">
     <!-- 头部 -->
-    <header class="p-4 border-b border-slate-700 bg-slate-800 flex items-center justify-between shrink-0">
-      <div class="flex items-center gap-4">
-        <h1 class="font-bold text-lg text-white flex items-center gap-2">
-          <span class="text-2xl">🔍</span> 对照检查
+    <header class="p-3 border-b border-slate-700 bg-slate-800 flex items-center justify-between shrink-0">
+      <div class="flex items-center gap-3">
+        <h1 class="font-bold text-white flex items-center gap-2">
+          <span class="text-xl">🔍</span> 对照检查
         </h1>
         <span class="text-xs text-slate-500">选中左右两侧对应段落进行检查</span>
       </div>
-      <button 
-        @click="goBack"
-        class="text-xs px-3 py-1.5 rounded bg-slate-700 text-slate-300 hover:bg-slate-600 transition"
-      >
-        ← 返回写作
-      </button>
     </header>
 
     <!-- 范式上下文提示条 -->