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

一、本阶段进展

项目进入收尾阶段后，我对前端方向做了一次整体复盘。前面几篇博客分别记录了项目启动、接口联调、状态管理、多智能体会诊页面、阶段复盘、Clarify 信息澄清和 Fallback 保守降级。

到这一阶段，前端的主要任务已经从单个页面推进，转向整体演示链路整理：哪些页面负责主流程，哪些页面负责辅助解释，哪些功能用于答辩演示和过程追溯。

这一篇主要总结本项目的前端完成情况、阶段取舍和个人收获。

---

二、前端主流程回顾

目前前端围绕用药安全审查形成了一条比较完整的使用路径：

首页确认系统状态
        ↓
进入多智能体会诊页面
        ↓
提交自然语言病历或结构化患者信息
        ↓
填写候选用药并发起审查
        ↓
展示最终建议、风险等级和规则证据
        ↓
展示专家意见、辩论过程和主席仲裁
        ↓
信息缺失时展示 Clarify / Fallback
        ↓
保存 Case 并支持后续回放

这条路径基本覆盖了项目答辩中最核心的演示需求：输入、审查、解释、边界处理和追溯。

---

三、各页面完成情况

1. 首页

首页主要承担系统入口作用，展示后端健康状态、版本信息和核心能力入口。它在演示时可以快速确认后端是否正常运行。

2. 多智能体会诊页

这是前端主页面，负责承接用药安全审查流程。页面支持自然语言和结构化表单双输入，并将后端返回的复杂结果拆成最终建议、规则证据、辩论过程、专家意见和 Clarify/Fallback 等区域。

这个页面的重点不是表单本身，而是结果展示层级。用户需要先获得结论，再根据需要查看证据和过程。

3. 智能问答页

智能问答页提供更自然的交互入口，支持医生/患者双角色，并能够展示工具调用过程。它补充了主会诊页面偏结构化的问题，让系统更接近真实使用场景。

4. 规则审查页

规则审查页展示确定性规则引擎结果。它适合说明本项目不是单纯依赖大模型生成，而是有规则层作为用药安全底线。

5. 影像报告页

影像模块属于项目扩展能力，支持分割、截图、报告生成和段落追问。虽然它不是我前端整理的主线，但它丰富了系统的临床辅助场景。

6. Case 回放

Case 页面用于保存和回放会诊过程。这个功能让系统具备可追溯性，也方便答辩时复现典型用例。

---

四、前端开发中的几个取舍

1. 结果展示优先于页面复杂度

多智能体会诊结果包含很多内容，如果把所有信息都平均展示，页面会显得拥挤。因此前端采用“结论优先”的展示顺序：最终建议和风险等级放在最前面，规则证据和智能体过程作为后续解释。

2. 状态管理保持克制

聊天历史需要跨刷新保存，所以使用 Pinia 和本地存储；会诊请求主要服务当前页面，所以用 composable 管理 loading/error/result。这种拆分避免了全局 Store 过度膨胀。

3. Clarify 和 Fallback 作为结果链路展示

信息缺失和保守降级没有做成复杂弹窗流程，而是放在会诊结果区中展示。这样更稳定，也便于 Case 回放保留完整过程。

4. 前端不生成医疗判断

对于 Fallback，前端只展示后端返回的结构化建议，不自行拼接医疗结论。这一点很重要，因为医疗判断应该来自规则、知识图谱和后端会诊链路，而不是前端字符串处理。

---

五、阶段问题与改进空间

项目目前已经能够完成主要演示流程，但前端仍然有一些可以继续优化的地方：

• 会诊结果较长时，可以增加折叠和摘要；
• Case 回放可以进一步做成时间线形式；
• 智能问答页的工具调用结果可以展示得更细；
• 影像模块可以增加更明确的空状态和模型状态提示；
• 移动端布局还可以继续适配；
• README 中可以补充更完整的前端演示说明。

这些优化不影响当前项目交付，但如果后续继续迭代，会让系统更接近完整产品。

---

六、个人收获

这次实训让我对 AI 应用前端有了更具体的认识。

第一，前端不是简单展示模型输出，而是要组织结论、证据和过程。尤其在医疗场景中，用户需要知道系统为什么给出这个建议。

第二，前端要处理不确定性。Clarify 和 Fallback 让我意识到，信息缺失不是异常，而是真实用药场景中的常态。

---

七、总结

到收尾阶段，本项目的前端已经形成了从系统入口、用药审查、结果解释、信息缺失处理到 Case 回放的完整演示路径。

八篇博客也基本对应了前端推进过程：项目启动、接口联调、状态管理、会诊页面、阶段复盘、Clarify、Fallback 和最终总结。通过这次实训，我对医疗 AI 应用中的前端职责有了更清晰的理解：前端不只是页面实现，而是把复杂决策链路转化为用户可以理解和追溯的信息结构。

---

相关链接

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