一个面向推拿按摩、中医理疗行业的O2O上门预约平台覆盖客户 理疗师 管理后台基于 Vue 3 构建。项目背景大健康产业年增速超过 15%推拿按摩、艾灸拔罐、运动康复等理疗服务正在从门店走向上门。但大多数理疗馆还在用微信接单、纸质排班——客户不知道哪位理疗师有空、理疗师不知道下一个客户在哪、老板靠记忆算分成。理疗按摩上门预约小程序正是为这个场景设计的一站式 O2O 平台目标是打通服务浏览 → 选择理疗师 → 在线下单 → 上门服务 → 进度追踪 → 评价的完整业务闭环。适用场景包括推拿按摩馆、中医理疗馆、足疗养生馆、运动康复中心、产后恢复中心和独立理疗师个人接单。技术选型层级技术栈前端框架Vue 3 Composition API路由Vue Router 4状态管理Pinia构建工具ViteUI 风格自定义 CSS 变量体系移动端优先目标平台微信小程序 / H5 / AppUniApp 可扩展功能全景客户端移动端1. 登录页slogan专业理疗师到家舒缓解压零距离支持微信和手机号登录。底部提供管理员入口和理疗师入口。2. 首页Banner专业理疗 上门服务 · 推拿·艾灸·拔罐·康复 足不出户享专业调理。6 大分类推拿按摩、中医理疗、足疗养生、运动康复、产后恢复、刮痧拔罐。推荐理疗师横向滚动展示热门服务直达预约。3. 理疗师列表与详情支持按专长筛选推拿/艾灸/拔罐/康复/产后按评分/服务次数排序。理疗师详情展示资质证书高级推拿师、中医康复理疗师等、擅长项目、顾客评价。底部固定价格和预约按钮。4. 服务项目按分类 Tab 筛选 8 项服务全身经络推拿 ¥238、肩颈腰部调理 ¥168、中医艾灸理疗 ¥188、拔罐刮痧 ¥128、足疗按摩 ¥158、运动康复 ¥298、产后骨盆修复 ¥368、深层筋膜松解 ¥218。5. 下单确认3 步流程选服务 → 填写信息 → 确认支付。特色备注栏请描述身体状况、偏好力度、有无禁忌部位理疗师上门前就能了解客户情况。6. 订单详情与服务进度6 步追踪已派单→已接单→已出发→已到达→服务中→已完成。每步带时间戳联系理疗师一键拨号。7. 我的订单与个人中心按状态筛选订单个人中心展示统计数据和功能入口。理疗师端移动端理疗师独立工作台底部 3 Tab。工作台展示今日订单、本月收入、评分待接单和进行中订单分开展示。支持订单筛选、进度上报、收入统计和提现。管理后台PC 端数据看板4 指标卡片今日订单、本月营收、在线理疗师、待分配。趋势图和最近订单表格。订单管理与理疗师管理全平台订单筛选分配理疗师入驻审核、资质管理。项目结构24-frontend-massage/src/ ├── router/index.js # 三端 33 条路由含短路径别名 ├── stores/app.js # 集中式数据分类/服务/理疗师/地址/订单 ├── pages/ │ ├── LoginPage.vue / HomePage.vue / MainLayout.vue │ ├── TherapistListPage.vue / TherapistDetailPage.vue │ ├── ServiceListPage.vue / OrderConfirmPage.vue │ ├── OrderDetailPage.vue / OrdersPage.vue / MyPage.vue │ ├── therapist/ # 理疗师端 5 页 │ └── admin/ # 管理后台 7 页设计亮点健康备注系统下单时客户填写身体状况、偏好力度、禁忌部位——理疗师上门前就了解客户避免禁忌风险提升专业度。6 步服务进度派单→接单→出发→到达→服务中→完成客户不用反复确认到哪了。资质证书展示理疗师详情页公开展示高级推拿师、中医康复理疗师等证书建立信任。疗程套餐支持买 5 送 1、买 10 送 3次卡自动扣减。短路径别名/therapist/orders等短 URL 自动跳转用户输入更便捷。源代码获取演示地址http://massage.hei-ai.com/源码购买https://srcs.hei-ai.com/搜索理疗按摩上门交付内容完整前端源码 产品需求文档 部署说明。本项目为理疗按摩行业数字化转型的一次实践探索。欢迎交流讨论。