# 标题摘要初筛UI设计

> **文档版本：** v1.0  
> **创建日期：** 2025-10-29  
> **维护者：** AI智能文献开发团队

---

## 📋 文档说明

本文档描述标题摘要初筛模块的UI设计，包括页面布局、交互设计、视觉规范等。

---

## 🎨 页面视图

### 1. 设置与启动视图

**布局结构**:
- 顶部: 标准参考面板（可折叠）
- 中间: 临时调整入口（可选）
- 底部: 文献导入区域 + 启动按钮

**设计要点**:
- 清晰展示从研究方案继承的PICO和入排标准
- 提供简洁的文献导入入口（Excel上传）
- 导入后激活启动按钮

### 2. 表格化审核工作台视图 ⭐核心

**表格结构**:
- **表头**: 两行结构
  - 第一行: 合并单元格标示模型区域（DS模型 | Q3模型 | 决策）
  - 第二行: 各模型下细分P/I/C/S/结论列
  
- **主行**: 
  - 展开/收起按钮
  - 文献ID、研究ID、文献来源
  - DS-P/I/C/S/结论判断（✓/✗/?）
  - Q3-P/I/C/S/结论判断
  - 冲突状态指示
  - 最终决策下拉框

- **展开行**: 
  - DS证据列: P/I/C/S对应的关键短语
  - Q3证据列: P/I/C/S对应的关键短语

**交互设计**:
- 点击判断图标(✓/✗/?) → 弹出双视图原文审查模态框
- 冲突项行背景高亮显示
- 支持批量选择和非冲突项批量决策

### 3. 结果展示视图

**布局结构**:
- 顶部: 统计卡片（总计、纳入、排除）
- 中间: PRISMA式排除总结
- 底部: 结果列表（Tab切换：纳入/排除）+ 导出按钮

---

## 🖼️ 原型参考

详细原型请参考: `../../01-设计文档/AI智能文献-标题摘要初筛原型.html`

---

## ⏳ 待完善内容

后续将补充：
- 详细的页面布局图
- 交互流程图
- 视觉设计规范
- 组件样式规范

---

**文档版本：** v1.0  
**最后更新：** 2025-10-29








