153 lines
3.8 KiB
Markdown
153 lines
3.8 KiB
Markdown
# 系统截图文件夹
|
||
|
||
本文件夹用于存放医学信息支持系统的界面截图，供演示文稿使用。
|
||
|
||
## 建议的截图清单
|
||
|
||
### 核心功能截图
|
||
|
||
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. 选择最佳的添加到演示文稿
|
||
|
||
## 注意事项
|
||
|
||
⚠️ **隐私保护**
|
||
- 不要截取包含真实患者信息的页面
|
||
- 不要截取包含真实医生信息的页面
|
||
- 使用测试账号进行截图
|
||
- 模糊处理任何敏感信息
|
||
|
||
⚠️ **版权说明**
|
||
- 系统界面截图仅供内部演示使用
|
||
- 对外发布前需获得授权
|
||
|
||
---
|
||
|
||
**截图完成后，删除本说明文件即可。**
|
||
|
||
|
||
|