更新记录
2.0.0(2025-12-05) 下载此版本
v2.0.0
- ✨ 全面迁移至 uni-app x 和 uvue 格式
- ✨ 新增鸿蒙平台完整支持
- ✨ 使用 UTS 类型系统重构所有页面
- ✨ 优化代码结构和性能
- ✨ 所有页面使用 uni-app x 官方推荐的 API
- ✨ 完善资源清理(定时器、监听器等)
1.0.0(2025-06-19) 下载此版本
1.下载插件后导入项目,安装uni-ui 2.按需替换页面中的后端接口地址及图标资源 3.若需接入智能问答,配置后端 AI 对话服务或 API 4.在 pages.json 中注册页面路由。 5.统一在 api/ 文件夹中替换你自己的后端接口地址。 6.根据你的后台逻辑配置微信支付/医保支付参数,uni.requestPayment 中需要你的后端返回微信统一下单接口数据。
平台兼容性
uni-app
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| - | √ | √ | √ | √ | √ | 16.0 | 18 | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|
| √ | - | - | - | - | - | - | - | - | - | - |
uni-app x(4.86)
| Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 |
|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ |
其他
| 多语言 | 暗黑模式 | 宽屏模式 |
|---|---|---|
| × | × | √ |
Smart Healthcare - 智慧医疗系统
📋 项目介绍
一套基于 uni-app x 开发的智慧医疗前端模板,采用 uvue 页面格式和 UTS 语言,全面支持鸿蒙平台。集成了挂号预约、门诊缴费、电子处方、智能问答等多个功能模块,适用于医院、诊所、互联网医疗等场景。
🚀 重大更新 (v2.0.0)
✨ 核心升级
-
全面迁移至 uni-app x
- 所有页面从
.vue升级为.uvue格式 - 使用
<script setup lang="uts">语法 - 采用 UTS 类型系统,提升代码健壮性
- 所有页面从
-
鸿蒙平台支持
- 完整配置鸿蒙平台打包参数
- 支持鸿蒙原生能力调用
-
UI 组件系统
- 使用
uni_modules统一管理 UI 组件 - 组件按需引入,减少包体积
- 使用
-
代码质量提升
- 完整的 TypeScript/UTS 类型定义
- 统一的代码规范和风格
- 优化的响应式数据管理
📦 技术栈
- 框架: uni-app x + Vue 3 Composition API
- 语言: UTS (UniApp TypeScript)
- 页面格式:
.uvue(UniApp Vue) - UI 组件: uni-ui (通过 uni_modules 管理)
- 多端支持:
- ✅ 鸿蒙 (HarmonyOS) - 新增支持
- ✅ Android
- ✅ iOS
- ✅ H5
⚡ 快速开始
- 克隆或下载项目
- 使用 HBuilderX 打开项目
- 配置应用信息(在
manifest.json中) - 运行到目标平台(点击 HBuilderX 的运行按钮)
💡 提示: 首次运行建议先选择 H5 平台测试,确认功能正常后再编译到其他平台。
📦 安装教程
1. 环境要求
- HBuilderX 3.8.0 或更高版本
- DevEco Studio
2. 安装步骤
-
下载项目源码
-
组件管理
- 项目中只使用了
uni-icons组件(已包含在uni_modules中) - 其他未使用的组件可以删除以减小项目体积
- 如需使用其他组件,可通过 HBuilderX 插件市场安装
- 项目中只使用了
-
配置项目
- 在
manifest.json中配置应用信息(appid、应用名称、版本号等) - 根据目标平台配置相关参数(特别是鸿蒙平台)
- 在
🎯 使用说明
1. 基础配置
-
页面路由配置
- 所有页面路径已在
pages.json中配置
- 所有页面路径已在
-
接口配置
- 在对应页面中替换后端接口地址
- 建议统一在
api/文件夹中管理接口
-
资源文件
- 替换
static/目录中的图标和图片资源 - 确保资源路径正确
- 替换
2. 平台特定配置
鸿蒙平台配置
在 manifest.json 中已包含完整的鸿蒙配置,包括:
- 应用基本信息(appid、bundleName、版本号等)
- 权限配置(网络、相机、媒体等)
- 签名配置(需在
harmony-configs/build-profile.json5中配置) - 模块配置(
harmony-configs/entry/src/main/module.json5)
3. 功能模块接入
智能问答功能
如需接入 AI 对话服务:
- 在
pages/ai/ChatBot.uvue中配置 AI 接口地址 - 实现
simulateStreamResponse函数中的接口调用 - 根据实际 API 格式调整数据处理逻辑
支付功能
-
微信支付
- 在
pages/pay/Payment.uvue中配置支付接口 - 实现后端统一下单接口
- 配置
uni.requestPayment参数
- 在
-
医保支付
- 根据实际业务需求实现医保支付逻辑
- 配置相应的支付参数
🧩 功能模块
| 功能模块 | 描述 | 页面路径 |
|---|---|---|
| 登录/注册/忘记密码 | 支持手机号验证码登录、注册及找回密码 | pages/login/ |
| 首页 | 就诊导航、轮播图、服务入口等 | pages/tabbar/HomePage.uvue |
| 医院介绍 | 展示医院概况、地址、服务特色等 | pages/tabbar/HospitalInfor.uvue |
| 个人中心 | 用户信息、设置、就诊记录入口 | pages/tabbar/Me.uvue |
| 就诊人管理 | 就诊人列表、新增/编辑就诊人信息 | pages/patient/PatientList.uvue、pages/patient/PatientEdit.uvue |
| 科室选择 | 按类别列出各科室信息 | pages/his/Departments.uvue |
| 医生列表 | 医生信息展示及可预约时间选择 | pages/his/DoctorList.uvue |
| 预约挂号 | 支持选择科室、医生、时间段进行挂号 | pages/his/Schedule.uvue |
| 门诊缴费 | 支持微信支付、医保支付(可选) | pages/outpatient/OutpatientPayment.uvue |
| 预约记录 | 查看挂号历史及状态 | pages/record/RecordList.uvue |
| 电子处方 | 展示医生开具的处方及药品信息 | pages/pre/PrescriptionList.uvue |
| 检查检验 | 支持展示报告列表和详情 | pages/report/InspectionList.uvue |
| 智能问诊 | 智能问诊入口,症状选择与快速问诊 | pages/ai/SmartDiagnosis.uvue |
| AI 对话 | 接入 AI 对话接口,实现图文问诊聊天 | pages/ai/ChatBot.uvue |
| 药品邮寄 | 支持在线提交邮寄申请,填写收货地址 | pages/drug/DrugMailing.uvue |
| 支付页面 | 统一支付入口,支持多种支付方式 | pages/pay/Payment.uvue |
📁 项目结构
smart-healthcare2/
├── pages/ # 页面目录
│ ├── login/ # 登录相关页面
│ ├── tabbar/ # 底部导航页面
│ ├── patient/ # 就诊人管理
│ ├── his/ # 医院信息系统
│ ├── ai/ # 智能问诊
│ ├── drug/ # 药品相关
│ ├── outpatient/ # 门诊相关
│ ├── pre/ # 处方相关
│ ├── report/ # 报告相关
│ ├── record/ # 记录相关
│ ├── me/ # 个人中心
│ └── pay/ # 支付相关
├── static/ # 静态资源
├── uni_modules/ # uni-ui 组件库(按需保留)
│ ├── uni-icons/ # 图标组件(使用中)
│ ├── uni-scss/ # 样式变量库(依赖)
│ └── uni-ui/ # uni-ui 总包配置
├── App.uvue # 应用入口
├── main.uts # 主入口文件
├── manifest.json # 应用配置
└── pages.json # 页面路由配置
📝 更新日志
v2.0.0
- ✨ 全面迁移至 uni-app x 和 uvue 格式
- ✨ 新增鸿蒙平台完整支持
- ✨ 使用 UTS 类型系统重构所有页面
- ✨ 优化代码结构和性能
- ✨ 所有页面使用 uni-app x 官方推荐的 API
- ✨ 完善资源清理(定时器、监听器等)
- 🐛 修复已知问题
- 📚 更新文档
v1.0.0
- 🎉 初始版本发布
- 基础功能模块实现
- 框架:uni-app + Vue 3 +
- UI:uni-ui + 原生 CSS + 自定义样式
- 多端支持:微信小程序 / H5 / App
- 支付:内置微信支付流程,支持扩展医保支付
后期目标与规划
阶段一:uniCloud 后台接入 (v3.0.0)
1. 云服务架构
-
数据库设计
- 用户信息表(用户、就诊人管理)
- 科室医生表(科室、医生、排班信息)
- 预约挂号表(预约记录、状态管理)
- 订单支付表(缴费订单、支付记录)
- 处方报告表(电子处方、检查检验报告)
- 系统配置表(医院信息、科室配置)
-
云函数开发
- 用户认证服务(登录、注册、Token 管理)
- 预约挂号服务(科室查询、医生查询、预约提交)
- 支付服务(订单创建、支付回调、退款处理)
- 数据查询服务(就诊记录、处方查询、报告查询)
- 消息推送服务(预约提醒、报告通知)
-
云存储集成
- 用户头像存储
- 报告文件存储
- 处方图片存储
- 医院宣传图片管理
2. 数据安全与权限
- 用户身份认证(JWT Token)
- 数据权限控制(角色:患者、医生、管理员)
- 敏感信息加密(身份证、手机号脱敏)
- API 接口鉴权
- 数据备份与恢复机制
3. 实时数据同步
- WebSocket 实时通信
- 预约状态实时更新
- 报告推送通知
- 在线问诊实时聊天
阶段二:企业级功能扩展 (v3.5.0)
阶段三:智能化升级 (v4.0.0)
阶段四:生态建设 (v4.5.0+)
后期看需求更新
注意: 本项目已全面升级至 uni-app x,建议使用 HBuilderX 新版本进行开发。
后期规划: 项目将持续迭代,逐步接入 uniCloud 后台服务,打造企业级智慧医疗服务系统。
📖 插件说明
本插件为开源项目,免费供开发者使用,可用于学习、集成及二次开发。
🧩 开源地址
📜 开源协议
本插件基于 MIT License 开源,允许商用、修改与再分发,但请保留原作者署名。
💡 说明
欢迎开发者提交 Issue 或 PR 一同完善本插件。
如有问题可通过插件评论区或仓库 Issues 联系作者。

收藏人数:
https://gitee.com/yangthy/new-smart-healthcare.git
下载插件并导入HBuilderX
下载插件ZIP
赞赏(7)
下载 1263
赞赏 13
下载 12312386
赞赏 1828
赞赏
京公网安备:11010802035340号