移动陪诊服务平台(后台管理端 + 用户 H5 端)产品系统

我要开发同款
GQSSYY2026年09月09日
7阅读

技术信息

语言技术
VueTypeScriptNode.jsElementUI前端
系统类型
WebH5
行业分类
企业服务

作品详情

行业场景

随着老龄化加剧及异地就医需求增加,部分患者存在行动不便、就医流程不熟悉、家属无法陪同等问题。陪诊服务平台面向患者、陪诊师和平台管理员,帮助用户在线查看医院及服务信息、预约陪诊服务并跟踪订单状态,同时为平台提供陪诊师、订单和权限等统一管理能力,提升服务流程的规范性和信息化程度。

功能介绍

项目由用户 H5 端和后台管理端组成。用户 H5 端包含登录、医院浏览与搜索、陪诊服务选择、陪诊师选择、预约时间选择、订单创建、订单列表、订单详情、支付二维码、订单状态筛选和个人中心等模块,支持待支付、待服务、已完成、已取消等状态展示及支付倒计时。后台管理端包含管理员登录、动态路由菜单、菜单权限管理、账号管理、陪诊师信息维护和订单查询管理等功能,实现从用户预约下单到后台运营处理的完整业务流程。

项目实现

使用 Vue 3、TypeScript 和 Vite 完成后台管理端及用户 H5 端的页面开发和业务联调;实现管理员登录、用户预约、订单支付和陪诊服务等业务流程。
后台管理端实现管理员登录、动态路由菜单、菜单权限管理、账号管理、陪诊师管理和订单管理等功能。
用户 H5 端实现医院搜索、服务选择、陪诊师选择、预约下单、订单列表、订单详情、支付二维码和个人中心等业务功能。
使用 Element Plus 开发后台管理端的表格、表单、弹窗、分页、状态筛选和菜单布局;使用 Vant 完成 H5 端底部导航、轮播图、Tab 筛选、时间选择、Picker、Popup 和表单校验等移动端交互。
基于 Axios 封装统一请求层,在请求拦截器中注入 Token,在响应拦截器中处理登录失效和接口异常;使用 Vue Router 实现登录路由守卫和页面访问控制。
实现订单“待支付、待服务、已完成、已取消”状态流程、支付倒计时、服务进度及二维码支付功能。
通过代码审查和 TypeScript 类型检查,修复接口异常崩溃、重复提交、倒计时定时器未清理、路由高亮不同步等问题。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论