willian.wan
/
AutoMedinfo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
AutoMedinfo/screenshots
History
williamWan f4af080b04 包含药品档案的版本 2025-10-29 21:46:54 +08:00
..
README.md 包含药品档案的版本 2025-10-29 21:46:54 +08:00

README.md

系统截图文件夹

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

建议的截图清单

核心功能截图

  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，在需要的位置添加：

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

方法二：创建对比展示

<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>

方法三：全屏展示

<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. 选择最佳的添加到演示文稿

注意事项

⚠️ 隐私保护

  • 不要截取包含真实患者信息的页面
  • 不要截取包含真实医生信息的页面
  • 使用测试账号进行截图
  • 模糊处理任何敏感信息

⚠️ 版权说明

  • 系统界面截图仅供内部演示使用
  • 对外发布前需获得授权

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