电商家政项目产品系统

随着家政服务行业数字化转型加速，用户对在线预约、透明化交易、便捷支付的需求日益增长。传统家政服务预约依赖电话沟通，存在信息不对称、下单流程繁琐、订单状态不透明等痛点。本项目立项旨在解决用户侧家政服务在线交易体验差的核心问题，通过打造一站式服务预约与交易平台，提升用户下单转化率和交易满意度。在行业层面，家政服务市场规模持续扩大，但用户侧的数字化交易体验仍有较大提升空间，尤其在服务选择、价格透明、订单追踪等环节亟需优化，以满足用户对高效、可信、便捷的线上服务交易需求。

项目包含多个核心功能模块：
1）服务商品展示模块：提供保洁、保姆、月嫂、育儿嫂等多品类家政服务的详情展示，包含服务内容、价格明细、服务时长、阿姨 / 服务人员信息及评价等；2）在线预约下单模块：支持用户选择服务类型、预约时间、服务地址，实时计算价格并生成订单，支持附加服务灵活选配；
3）支付结算模块：集成微信、支付宝等多种支付方式，支持优惠券抵扣、会员折扣、储值卡等营销玩法，价格明细透明可查；
4）订单管理模块：用户可查看全部订单状态（待支付、待服务、服务中、已完成、已取消），支持订单改期、取消、退款、申诉等全生命周期操作；
5）服务评价模块：服务完成后用户可对服务质量、服务人员态度进行多维度评分和文字评价，支持上传图片；
6）个人中心模块：包含地址管理、优惠券钱包、会员权益、我的收藏、消息通知等功能。项目整体围绕用户从浏览到下单再到售后的完整交易链路进行设计与实现，覆盖 C 端用户交易全流程。

我主要负责用户侧前端整体架构设计与核心业务模块开发，包括服务商品展示页、预约下单流程、订单管理中心等核心页面的开发与性能优化。技术栈方面，项目采用 Vue3 + TypeScript + Vite 构建，使用 Pinia 进行状态管理，Vue Router 处理路由，UI 组件库基于 Vant 进行二次封装以适配家政业务场景。架构上采用按业务域拆分的模块化设计，通过自定义 hooks 复用业务逻辑，提升代码可维护性和复用率。
实现亮点：
1）基于 Intersection Observer 实现虚拟滚动列表，解决千条以上订单数据渲染卡顿问题，滚动帧率稳定在 60fps；
2）设计了通用的分步表单框架，通过配置化方式支撑保洁、保姆等多品类服务的差异化下单流程，开发效率提升 40%；
3）通过图片懒加载、路由懒加载、资源预加载、骨架屏等手段优化首屏加载速度，LCP 指标提升 35%；
4）封装了统一的请求拦截与错误处理机制，结合埋点上报保障线上稳定性，JS 错误率控制在 0.1% 以下。
难点：多品类服务的差异化下单流程如何在前端做统一抽象，以及复杂的价格计算（基础价 + 附加费 + 优惠抵扣 + 会员折扣）在前端的高效实时计算与校验。