feat: 新增对照检查页面
- 创建 ComparePanel.vue:左右双栏布局 - 左侧:写作要求(可选中段落) - 右侧:写作内容(可选中段落) - 中间:对应关系可视化指示器 - 底部:对照检查按钮 + AI 分析结果展示 - 集成到导航系统,支持从写作页面跳转
This commit is contained in:
17
src/App.vue
17
src/App.vue
@@ -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)
|
||||
|
||||
Reference in New Issue
Block a user