更新记录

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)

✨ 核心升级

  1. 全面迁移至 uni-app x

    • 所有页面从 .vue 升级为 .uvue 格式
    • 使用 <script setup lang="uts"> 语法
    • 采用 UTS 类型系统,提升代码健壮性
  2. 鸿蒙平台支持

    • 完整配置鸿蒙平台打包参数
    • 支持鸿蒙原生能力调用
  3. UI 组件系统

    • 使用 uni_modules 统一管理 UI 组件
    • 组件按需引入,减少包体积
  4. 代码质量提升

    • 完整的 TypeScript/UTS 类型定义
    • 统一的代码规范和风格
    • 优化的响应式数据管理

📦 技术栈

  • 框架: uni-app x + Vue 3 Composition API
  • 语言: UTS (UniApp TypeScript)
  • 页面格式: .uvue (UniApp Vue)
  • UI 组件: uni-ui (通过 uni_modules 管理)
  • 多端支持:
    • ✅ 鸿蒙 (HarmonyOS) - 新增支持
    • ✅ Android
    • ✅ iOS
    • ✅ H5

⚡ 快速开始

  1. 克隆或下载项目
  2. 使用 HBuilderX 打开项目
  3. 配置应用信息(在 manifest.json 中)
  4. 运行到目标平台(点击 HBuilderX 的运行按钮)

💡 提示: 首次运行建议先选择 H5 平台测试,确认功能正常后再编译到其他平台。

📦 安装教程

1. 环境要求

  • HBuilderX 3.8.0 或更高版本
  • DevEco Studio

2. 安装步骤

  1. 下载项目源码

  2. 组件管理

    • 项目中只使用了 uni-icons 组件(已包含在 uni_modules 中)
    • 其他未使用的组件可以删除以减小项目体积
    • 如需使用其他组件,可通过 HBuilderX 插件市场安装
  3. 配置项目

    • manifest.json 中配置应用信息(appid、应用名称、版本号等)
    • 根据目标平台配置相关参数(特别是鸿蒙平台)

🎯 使用说明

1. 基础配置

  1. 页面路由配置

    • 所有页面路径已在 pages.json 中配置
  2. 接口配置

    • 在对应页面中替换后端接口地址
    • 建议统一在 api/ 文件夹中管理接口
  3. 资源文件

    • 替换 static/ 目录中的图标和图片资源
    • 确保资源路径正确

2. 平台特定配置

鸿蒙平台配置

manifest.json 中已包含完整的鸿蒙配置,包括:

  • 应用基本信息(appid、bundleName、版本号等)
  • 权限配置(网络、相机、媒体等)
  • 签名配置(需在 harmony-configs/build-profile.json5 中配置)
  • 模块配置(harmony-configs/entry/src/main/module.json5

3. 功能模块接入

智能问答功能

如需接入 AI 对话服务:

  1. pages/ai/ChatBot.uvue 中配置 AI 接口地址
  2. 实现 simulateStreamResponse 函数中的接口调用
  3. 根据实际 API 格式调整数据处理逻辑

支付功能

  1. 微信支付

    • pages/pay/Payment.uvue 中配置支付接口
    • 实现后端统一下单接口
    • 配置 uni.requestPayment 参数
  2. 医保支付

    • 根据实际业务需求实现医保支付逻辑
    • 配置相应的支付参数

🧩 功能模块

功能模块 描述 页面路径
登录/注册/忘记密码 支持手机号验证码登录、注册及找回密码 pages/login/
首页 就诊导航、轮播图、服务入口等 pages/tabbar/HomePage.uvue
医院介绍 展示医院概况、地址、服务特色等 pages/tabbar/HospitalInfor.uvue
个人中心 用户信息、设置、就诊记录入口 pages/tabbar/Me.uvue
就诊人管理 就诊人列表、新增/编辑就诊人信息 pages/patient/PatientList.uvuepages/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 联系作者。

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议