feat: 新增对照检查页面

- 创建 ComparePanel.vue:左右双栏布局
- 左侧:写作要求(可选中段落)
- 右侧:写作内容(可选中段落)
- 中间:对应关系可视化指示器
- 底部:对照检查按钮 + AI 分析结果展示
- 集成到导航系统,支持从写作页面跳转
This commit is contained in:
empty
2026-01-08 15:53:43 +08:00
parent 0662e93dbb
commit 97e4240308
4 changed files with 337 additions and 6 deletions

View File

@@ -1,11 +1,17 @@
<template>
<div class="flex h-full">
<!-- 左侧面板 -->
<WriterPanel v-if="currentPage === 'writer'" />
<AnalysisPanel v-else />
<!-- 对照检查页面全屏独占 -->
<ComparePanel v-if="currentPage === 'compare'" />
<!-- 右侧主内容区 -->
<MainContent />
<!-- 常规布局 -->
<template v-else>
<!-- 左侧面板 -->
<WriterPanel v-if="currentPage === 'writer'" />
<AnalysisPanel v-else-if="currentPage === 'analysis'" />
<!-- 右侧主内容区 -->
<MainContent />
</template>
</div>
</template>
@@ -15,6 +21,7 @@ import { useAppStore } from './stores/app'
import WriterPanel from './components/WriterPanel.vue'
import AnalysisPanel from './components/AnalysisPanel.vue'
import MainContent from './components/MainContent.vue'
import ComparePanel from './components/ComparePanel.vue'
const appStore = useAppStore()
const currentPage = computed(() => appStore.currentPage)