所属项目: 面向全场景用药安全的医师助手 Agent
团队: ColdX · 山东大学软件学院 2026年春季项目实训
个人分工: 前端开发 & 界面设计

一、本阶段进展

前面几轮已经完成了接口层、状态管理和 /consult 主流程页面的整理。这一阶段我做了一次阶段复盘,把当前前端已经接入的页面模块统一梳理,方便后续答辩演示和博客继续推进。

这次复盘的目标是明确每个页面在项目中的作用,而不是只记录页面名称。


二、页面模块整理

当前前端主要包含以下页面。

1. 首页

首页负责展示系统状态、功能入口和智能体概览。它的作用是帮助演示时快速确认后端是否在线、系统是否正常运行。

2. 多智能体会诊页

这是项目主流程页面,负责承接自然语言或结构化输入,并展示完整会诊结果。当前已经整理了最终建议、规则证据、辩论过程、专家意见和 Clarify/Fallback 的展示层级。

3. 智能问答页

智能问答页支持医生/患者双角色,并通过流式响应展示回答。它的重点是让用户以自然语言方式进入系统,同时展示 ReAct 工具调用过程。

4. 规则审查页

规则审查页用于展示确定性规则引擎结果。它适合说明系统不是纯大模型生成,而是有用药安全规则作为底线。

5. 影像模块

影像模块负责分割、MPR 浏览、截图、报告生成和段落追问。它属于项目扩展能力,让系统不只停留在文本用药审查。

6. Case 回放

Case 页面用于保存和回放会诊记录。这个模块对医疗场景很重要,因为它体现了过程可追溯。


三、阶段问题整理

复盘时我发现,前端当前最需要注意的是信息量控制。后端能力很多,如果所有内容都放在一个页面里,用户会很难抓住重点。

所以后续页面展示要坚持两个原则:

  • 主流程页面突出最终建议和风险等级;
  • 过程信息分区展示,作为证据和解释补充。

这也是前几篇反复强调结果区层级的原因。


四、博客写法调整

这一阶段我也调整了博客写法。最开始很容易写成技术说明,比如“某个文件负责什么、某个组件怎么写”。但项目博客更应该体现开发过程,所以后续我会按下面的结构写:

本阶段推进了什么
遇到什么问题
做了什么取舍
AI 如何辅助
阶段产出和下一步

这样更符合实训过程记录,也方便答辩时讲述个人参与。


五、AI交互过程

这次我用 AI辅助整理博客主线。提示词大致是:

这是一个医疗用药安全项目的前端开发博客。
当前已经完成接口联调、状态管理、多智能体会诊页整理。
请帮我规划后续博客主线,要求像开发过程记录,包含阶段进度、问题、取舍和 AI 使用过程。

AI 建议把后续重点放到 Clarify 和 Fallback,因为这两个模块能体现医疗 AI 对信息缺失和不确定性的处理。我认为这个方向比较适合,所以后续两篇就围绕这两个边界场景展开。


六、本阶段产出

本阶段完成了:

  • 梳理当前前端所有主要页面模块;
  • 明确每个页面对应的项目能力;
  • 复盘当前前端展示层级问题;
  • 调整后续博客写作方式;
  • 用 AI辅助规划后续博客主线。

下一阶段会推进 Clarify 面板,也就是信息缺失时的前端展示。


相关链接

  • 项目地址:https://gitee.com/aemond/innovation-training/tree/master
  • 团队博客:https://blog.csdn.net/curufin/category_13140668.html
Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐