全源码提供-高效省心的搬家拉货预约小程序

全源码提供-高效省心的搬家拉货预约小程序一个面向搬家拉货行业的在线预约与派单平台覆盖客户 司机 管理后台三端基于 Vue 3 构建。项目背景“谁能帮我搬个家”“有没有面包车拉个货”——小区群里每天都有这样的求助。据行业统计中国每年有超过 2000 万次搬家需求市场规模超 500 亿。但搬家拉货行业信息化程度极低客户不知道找谁靠谱、司机在路边等活效率低下、公司靠电话Excel 排单。搬家拉货预约小程序正是为解决这些痛点而设计的一站式平台打通车型选择 → 在线估价 → 下单支付 → 司机接单 → 8步进度追踪 → 评价的完整业务闭环。适用场景包括搬家公司、同城货运、大件运输、企业搬迁、家具拆装、社区便民搬家。技术选型层级技术栈前端框架Vue 3 Composition API路由Vue Router 4状态管理Pinia构建工具ViteUI 风格自定义 CSS 变量体系移动端优先橙蓝活力配色目标平台H5 / 微信小程序UniApp 可扩展功能全景客户端移动端客户端采用底部 Tab 导航覆盖从选择服务到评价的完整链路。1. 登录页支持微信一键登录和手机号登录。slogan轻松搬家一键下单。底部提供管理员入口和司机入口——一套代码服务三角色。2. 首页顶部 Banner专业搬家 轻松无忧 - 在线预约搬家服务橙蓝渐变背景。下方展示6 大服务分类搬家拉货、同城货运、大件运输、企业搬迁、家具拆装、纸箱包装推荐司机横向滚动卡片展示头像、姓名、评分、服务次数、车辆信息、价格¥238/次热门服务列表小型搬家(小面) ¥238、标准搬家(金杯) ¥388、大件搬家(4.2米) ¥588、企业搬迁(6.8米) ¥1,2803. 司机列表支持按专长分类筛选全部/搬家拉货/同城货运/大件运输/企业搬迁/家具拆装按评分/距离/服务次数排序。每位司机展示头像、姓名、综合评分、服务次数、车辆型号、专长标签、价格。4. 司机详情核心决策页展示司机完整信息基本信息头像、姓名、评分、服务次数、从业年限10年、好评率资质证书货运资格证、驾驶证等可点击查看大图车辆信息车型、载重、车厢尺寸顾客评价星级文字评价列表底部固定栏显示价格¥238/次和立即预约按钮。5. 下单确认行业特色搬家行业特有的下单流程包含以下关键信息起点终点双地址选择器从已保存地址中选择或新增支持地图选点车型选择小面/金杯/4.2米厢货/6.8米厢货不同车型不同起步价楼层信息起点楼层、终点楼层、有无电梯——自动计算楼层费无电梯每层¥20物品清单文本区域输入大件物品冰箱/洗衣机/沙发/床方便师傅提前准备备注特殊需求描述底部实时显示合计金额支持微信/支付宝支付。6. 8步进度追踪行业独有搬家服务特有的 8 步实时进度追踪客户在手机上实时掌握搬家进度已派单 → 已接单 → 已出发 → 已到达 → 装车中 → 运输中 → 卸车中 → 已完成每个已完成步骤显示时间戳当前步骤高亮显示。比通用的已接单→已完成两步状态精确 4 倍客户无需反复打电话问到哪了。7. 订单详情展示完整订单信息状态横幅待接单/进行中/已完成、司机信息头像电话车型、服务信息类型/车型/楼层、起点终点地址、费用明细基础运费楼层费超距费。进行中订单显示 8 步进度追踪。8. 地址管理支持添加多个地址家/公司/父母家等每个地址独立保存联系人、电话、省市区、详细地址、标签。下单时一键切换免去重复填写。9. 个人中心顶部展示用户头像、手机号。统计区显示进行中/已完成/优惠券数量。菜单包含我的订单、地址管理、消息中心、我的评价、优惠券、收藏的司机、意见反馈、设置。司机端移动端司机拥有独立的工作台底部 3 个 Tab工作台、订单、收入。1. 工作台顶部展示司机头像、姓名、在线/离线切换开关。统计行展示今日订单数、本月收入、评分。下方分待接单和进行中两个区块展示订单列表每个订单显示服务类型、金额、起点终点、距离。2. 订单管理支持按全部/待接单/进行中/已完成筛选。新订单有 10 分钟接单窗口。订单详情页可查看客户信息、地址详情、物品清单并上报服务进度已出发→已到达→装车中→运输中→卸车中→已完成。3. 收入明细本月收入、累计收入、可提现余额按日期分组展示收入明细订单编号、服务类型、时间、金额。底部提供提现按钮支持微信零钱/银行卡提现。管理后台PC 端管理后台采用深色侧边栏布局6 组菜单支持多机构切换。1. 数据看板4 个指标卡片今日订单32、本月营收¥56,800、在线司机8、待分配订单3。下方提供订单趋势图和订单状态分布。2. 订单管理全平台订单列表支持按状态筛选和日期范围搜索。待分配订单可点击分配司机弹窗展示可选司机列表一键分配。3. 司机管理司机列表展示姓名、手机号、车型、评分、服务次数、注册日期、审核状态。支持入驻审核查看资质证书→通过/驳回、编辑、下线/上线。4. 服务管理管理服务类目和定价小型搬家、同城货运、大件运输等支持增删改。5. 财务报表4 个汇总卡片总营收、平台抽佣、退款、订单数 营收趋势图 交易明细表。支持日/周/月切换和 Excel 导出。6. 评价管理 机构管理全平台评价列表可查看评价详情、隐藏不当评价。多机构卡片网格展示运营数据。项目结构25-frontend-moving/src/ ├── router/index.js # 路由配置三端共 35 条路由 ├── stores/app.js # Pinia 状态司机/服务/地址/订单 ├── pages/ │ ├── LoginPage.vue # 登录 │ ├── MainLayout.vue # 客户 Tab 布局 │ ├── HomePage.vue # 首页Banner分类推荐司机服务 │ ├── DriverListPage.vue # 司机列表筛选排序 │ ├── DriverDetailPage.vue # 司机详情资质评价 │ ├── ServiceListPage.vue # 服务项目列表 │ ├── AddressListPage.vue # 地址管理 │ ├── AddressAddPage.vue # 添加地址 │ ├── OrderConfirmPage.vue # 下单确认车型楼层物品清单 │ ├── OrderSuccessPage.vue # 预约成功 │ ├── OrderDetailPage.vue # 订单详情 │ ├── ReviewPage.vue # 服务评价 │ ├── OrdersPage.vue # 我的订单 │ ├── MyPage.vue # 个人中心 │ ├── MessagesPage.vue # 消息中心 │ ├── CouponsPage.vue # 优惠券 │ ├── FavoritesPage.vue # 收藏列表 │ ├── FeedbackPage.vue # 意见反馈 │ ├── SettingsPage.vue # 设置 │ │ │ ├── driver/ # 司机端 │ │ ├── DriverLayout.vue # 司机 Tab 布局 │ │ ├── DriverHomePage.vue # 工作台 │ │ ├── DriverOrdersPage.vue # 订单管理 │ │ ├── DriverOrderDetailPage.vue # 订单详情进度上报 │ │ └── DriverIncomePage.vue # 收入明细 │ │ │ └── admin/ # 管理后台 │ ├── AdminLayout.vue # 深色侧边栏布局 │ ├── DashboardPage.vue # 数据看板 │ ├── OrderMgmtPage.vue # 订单管理分配 │ ├── DriverMgmtPage.vue # 司机管理审核 │ ├── ServiceMgmtPage.vue # 服务管理 │ ├── FinancePage.vue # 财务报表 │ ├── ReviewMgmtPage.vue # 评价管理 │ └── OrgMgmtPage.vue # 机构管理设计亮点8 步服务进度追踪已派单→已接单→已出发→已到达→装车中→运输中→卸车中→已完成。搬家行业特有的中间状态装车中/运输中/卸车中比通用系统精确 4 倍客户无需反复打电话问进度。双地址 楼层计费起点终点独立选择有无电梯 楼层数自动计算楼层费无电梯每层¥20。不同车型不同起步价符合搬家行业定价逻辑。车型选择器小面/金杯/4.2米厢货/6.8米厢货不同车型标注载重、车厢尺寸、适用场景。客户根据搬家规模选择合适车型避免小车装不下或大车浪费。物品清单客户在下单时列出大件物品冰箱/洗衣机/沙发/床/衣柜司机提前了解搬运量准备搬运工具和人手避免到现场发现搬不了的尴尬。司机信誉体系资质证书上传平台审核服务评价三重信用机制。客户可查看司机的货运资格证、驾驶证等资质以及历史客户的真实评价。三端分离架构客户端、司机端、管理后台三个独立路由入口一套代码部署三角色。司机端支持在线/离线切换管理后台支持多机构运营。搬家行业特色功能总结8 步进度追踪装车中/运输中/卸车中每步可查双地址楼层计费起点终点楼层自动算价车型匹配按搬家规模选车型物品清单提前告知大件物品一键拨号联系司机源代码获取演示地址http://moving.hei-ai.com/源码购买https://srcs.hei-ai.com/搜索搬家拉货交付内容完整前端源码Vue 3 Vite开箱即跑npm install npm run dev产品需求文档含完整数据模型、API 设计和业务逻辑部署说明文档本项目为搬家拉货行业数字化转型的一次实践探索。既是可直接上线运营的 SaaS 产品原型也是学习 Vue 3 多角色架构客户司机管理开发的优质参考项目。欢迎交流讨论。