本项目前端采用 React+Axios+Less+AntV 技术栈搭建，完成前后端数据交互、模块化样式开发与监管指标可视化，兼顾交互体验、组件拓展性与医疗监管业务适配。数据架构采用 “分布式采集 - 集中存储 - 自动治理 + 人工质控” 三层模式：各医疗机构业务数据存本地 MySQL，通过 Kettle 定时抽取至市级达梦库；借助定制存储过程自动完成备份、去重、清洗形成标准数据源，再结合人工复核校验数据一致性与业务逻辑，以 “自动化 + 人工” 双重机制保障数据完整合规。
本人负责前端核心模块、可视化大屏、数据同步运维与数据治理逻辑开发，核心工作与成果如下：
业务监管模块：独立完成需求拆解、页面架构与组件开发，基于 React 搭建业务页面并完成接口联调，优化渲染与状态管理，保障线上诊疗、处方监管等场景交互流畅稳定。
监管中心模块：主导页面架构与多维度监管视图开发，封装通用业务组件，实现机构资质、医护执业、处方药品等数据实时同步，简化操作路径，适配市区分级监管，提升日常作业效率。
监管运营大屏：对接可视化需求，基于 AntV 搭建全域监管看板，展示机构分布、业务规模、风险预警等指标；优化渲染性能，解决高频刷新卡顿，实时直观呈现全域行业态势，辅助监管决策。
Kettle 数据抽取运维：维护医疗机构 MySQL 到市级达梦库同步链路，监控定时任务、排查异常并调优参数，稳定实现抽取成功率 99.8%、延迟控制在 1 小时内，支撑全市机构数据统一归集。
数据预处理存储过程：自主设计开发清洗逻辑，定制医疗专属规则，落地自动备份、去重、异常过滤功能，达成数据重复率≤0.1%、异常数据过滤率 100%，从源头把控数据质量。
数据质控存储过程：拆解质控需求，将行业监管合规规则嵌入自动化校验流程，实现机构入驻数据智能核查，配套标准化人工质控流程。上线后自动化质控覆盖率 90%，人工核验效率提升 50%，严格把控机构接入数据合规标准，保障全市互联网诊疗监管体系平稳规范运行。