语言技术
JavaScript、Vue、React、TypeScript、小程序系统类型
Web行业分类
教育校园、医疗健康
立项原因:医学影像(放射、超声、病理等)住院医师规范化培训长期依赖线下带教,存在阅片病例分散在各家医院 PACS、师资水平不一、考核缺乏统一影像题库、培训过程难以留痕等问题,导致规培质量参差不齐、监管部门难以量化评估。
行业场景 / 业务背景:面向卫健委、医学院附属医院、规培基地的"影像专业住院医师规范化培训"场景,覆盖学员日常学习、教案库沉淀、DICOM 影像阅片训练、在线考试出题与评阅、培训计划管理、结业证书发放的全流程,取代传统线下带教+纸质考核模式,实现"教-学-练-考-评"数字化闭环。
平台由 5 个独立部署的前端子系统组成,共享统一网关与用户体系,覆盖医学影像规培完整业务链:
1、管理端(sg-exam-admin,Vue3 + TS + Vite + Ant Design Vue):后台管理入口,涵盖用户/角色/菜单/租户权限、试题管理、试卷组卷、考试发布、培训计划、DICOM 出题(选择病例+关键影像)、阅片任务分派、成绩查询、证书模板与发放等模块。
2、学员 PC 端(sg-exam-web,Vue2 + Webpack + Element UI):学员在线答题、在线阅片、课程学习、成绩查看,内嵌影像浏览器完成阅片题作答。
3、学员移动端(sg-exam-mobile,Taro Vue,多端输出微信小程序 / H5 / RN):满足学员碎片化学习与移动端考试、签到打卡场景。
4、教案库(yhqy-teaching,Vue3 + TS + Vite):按树状分类维护专病库、术语库、PACS 归档教案,支撑规培教学资源沉淀,免登录复用主平台 token。
5、DICOM 影像浏览器(medical-imaging,基于 OHIF Viewer 二次开发的 React + lerna monorepo):提供 ≥44 项专业阅片工具,包括多平面重建(MPR)、伪彩、窗宽窗位、长度/角度/面积测量、心胸比自动计算、序列同步、标注等,是学员真实阅片作答的核心工具。
"我"负责的具体任务:作为前端负责人,主导上述 5 个前端仓库的架构设计、核心功能开发、跨项目联调与部署;完成管理端动态菜单驱动的路由体系、DICOM 出题串联(admin ↔ dicom-service ↔ Orthanc PACS ↔ OHIF Viewer)、答题/交卷弱网超时兜底机制、教案库跨系统 token 复用、OHIF 影像浏览器的定制化功能扩展与国产化改造。
技术栈与架构亮点:
多技术栈并存:Vue3 + TS + Vite(admin / 教案库)、Vue2 + Webpack(PC 学员端)、Taro 多端(移动端)、React + lerna monorepo(OHIF 影像浏览器),按业务复杂度与端能力做技术选型。
微前端式独立部署:5 个前端各自独立 git 仓库、独立打包发版,通过统一网关 172.16.3.196 聚合后端 8+ 个微服务(用户、考试、DICOM、教案、课程、培训、签到、线下),共享用户/权限/菜单体系。
后端菜单驱动的动态路由:管理端登录后拉取菜单树动态注册 Vue Router,支持权限灵活配置,不重启前端。
难点 1 — 提交类接口超时兜底:所有 axios 实例 timeout: 60000,答题/交卷/交报告在弱网下可能超时但后端已入库,统一实现"catch → 查询 record 状态 → 已入库则视为成功"的兜底,消除"提示失败但实际成功"的假报警。
难点 2 — DICOM 影像阅片体系:基于 OHIF Viewer fork,对接 Orthanc PACS,扩展心胸比、伪彩、MPR 等专业工具,并通过 VUE_APP_VIEWER_BASE_URL 与管理端出题、学员端答题打通,形成"出题 → 分派 → 阅片 → 评阅"闭环。
评论