# 系统截图文件夹

本文件夹用于存放医学信息支持系统的界面截图，供演示文稿使用。

## 建议的截图清单

### 核心功能截图

1. **login.png** - 登录页面
   - 展示系统登录界面

2. **dashboard.png** - 工作台首页
   - 展示系统主界面和数据统计

3. **inquiry-list.png** - 查询列表页面
   - 展示查询请求列表

4. **inquiry-create.png** - 创建查询页面
   - 展示如何创建新查询

5. **inquiry-detail.png** - 查询详情页面
   - 展示查询处理流程

6. **drug-list.png** - 药物列表页面
   - 展示药物信息列表

7. **drug-detail.png** - 药物详情页面
   - 展示药物详细信息和安全性数据

8. **clinical-trials.png** - 临床试验页面
   - 展示临床试验搜索和结果

9. **knowledge-base.png** - 知识库管理页面
   - 展示知识库配置

10. **system-config.png** - 系统配置页面
    - 展示系统设置界面

## 截图要求

### 技术要求
- **格式**：PNG（推荐）或 JPG
- **分辨率**：建议 1920x1080 或更高
- **文件大小**：每张不超过 2MB

### 内容要求
- 使用**测试数据**或**脱敏数据**，不要包含真实敏感信息
- 界面要**完整清晰**，避免截图不全
- 确保**中文显示正常**，没有乱码
- 尽量展示**有数据的状态**，避免空白页面

### 美观建议
- 关闭不必要的浏览器工具栏和书签栏
- 使用**全屏模式**截图（F11）
- 确保界面**布局整齐**，没有错位
- 选择**有代表性的数据**进行展示

## 如何在演示文稿中使用截图

### 方法一：直接嵌入
编辑 `presentation.html`，在需要的位置添加：

```html
<section>
    <h2>系统界面展示</h2>
    <img src="screenshots/dashboard.png" class="screenshot" alt="工作台界面">
    <p>系统工作台提供一站式的信息概览</p>
</section>
```

### 方法二：创建对比展示
```html
<section>
    <h2>操作流程</h2>
    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px;">
        <div>
            <img src="screenshots/inquiry-create.png" class="screenshot">
            <p>步骤1：创建查询</p>
        </div>
        <div>
            <img src="screenshots/inquiry-detail.png" class="screenshot">
            <p>步骤2：处理查询</p>
        </div>
    </div>
</section>
```

### 方法三：全屏展示
```html
<section data-background-image="screenshots/dashboard.png" data-background-size="contain">
    <div style="background: rgba(0,0,0,0.7); padding: 20px; color: white;">
        <h2>工作台界面</h2>
        <p>清晰的数据展示，一目了然</p>
    </div>
</section>
```

## 快速截图工具推荐

### Windows
- **Snipping Tool** (系统自带)
- **Snagit** (专业工具)
- **ShareX** (免费开源)

### Mac
- **Command + Shift + 4** (系统快捷键)
- **Command + Shift + 5** (截屏工具)

### 浏览器扩展
- **Awesome Screenshot**
- **Nimbus Screenshot**
- **Full Page Screen Capture**

## 截图技巧

### 1. 准备测试数据
在截图前，确保系统中有：
- 几条示例查询记录
- 药物信息（如达菲林）
- 临床试验搜索结果
- 知识库配置示例

### 2. 统一浏览器设置
- 缩放比例：100%
- 窗口大小：最大化或1920x1080
- 主题：浅色（更适合演示）

### 3. 批量截图流程
1. 登录系统
2. 按照功能模块依次截图
3. 立即重命名保存（避免混淆）
4. 检查所有截图质量
5. 选择最佳的添加到演示文稿

## 注意事项

⚠️ **隐私保护**
- 不要截取包含真实患者信息的页面
- 不要截取包含真实医生信息的页面
- 使用测试账号进行截图
- 模糊处理任何敏感信息

⚠️ **版权说明**
- 系统界面截图仅供内部演示使用
- 对外发布前需获得授权

---

**截图完成后，删除本说明文件即可。**