随着老龄化加剧及异地就医需求增加,部分患者存在行动不便、就医流程不熟悉、家属无法陪同等问题。陪诊服务平台面向患者、陪诊师和平台管理员,帮助用户在线查看医院及服务信息、预约陪诊服务并跟踪订单状态,同时为平台提供陪诊师、订单和权限等统一管理能力,提升服务流程的规范性和信息化程度。
点击空白处退出提示
随着老龄化加剧及异地就医需求增加,部分患者存在行动不便、就医流程不熟悉、家属无法陪同等问题。陪诊服务平台面向患者、陪诊师和平台管理员,帮助用户在线查看医院及服务信息、预约陪诊服务并跟踪订单状态,同时为平台提供陪诊师、订单和权限等统一管理能力,提升服务流程的规范性和信息化程度。
项目由用户 H5 端和后台管理端组成。用户 H5 端包含登录、医院浏览与搜索、陪诊服务选择、陪诊师选择、预约时间选择、订单创建、订单列表、订单详情、支付二维码、订单状态筛选和个人中心等模块,支持待支付、待服务、已完成、已取消等状态展示及支付倒计时。后台管理端包含管理员登录、动态路由菜单、菜单权限管理、账号管理、陪诊师信息维护和订单查询管理等功能,实现从用户预约下单到后台运营处理的完整业务流程。
使用 Vue 3、TypeScript 和 Vite 完成后台管理端及用户 H5 端的页面开发和业务联调;实现管理员登录、用户预约、订单支付和陪诊服务等业务流程。
后台管理端实现管理员登录、动态路由菜单、菜单权限管理、账号管理、陪诊师管理和订单管理等功能。
用户 H5 端实现医院搜索、服务选择、陪诊师选择、预约下单、订单列表、订单详情、支付二维码和个人中心等业务功能。
使用 Element Plus 开发后台管理端的表格、表单、弹窗、分页、状态筛选和菜单布局;使用 Vant 完成 H5 端底部导航、轮播图、Tab 筛选、时间选择、Picker、Popup 和表单校验等移动端交互。
基于 Axios 封装统一请求层,在请求拦截器中注入 Token,在响应拦截器中处理登录失效和接口异常;使用 Vue Router 实现登录路由守卫和页面访问控制。
实现订单“待支付、待服务、已完成、已取消”状态流程、支付倒计时、服务进度及二维码支付功能。
通过代码审查和 TypeScript 类型检查,修复接口异常崩溃、重复提交、倒计时定时器未清理、路由高亮不同步等问题。



评论