家政服务预约平台应用

---

欢迎加入开源鸿蒙跨平台社区：
https://openharmonycrossplatform.csdn.net

一、项目概述

运行效果图

1.1 应用简介

家政服务预约平台是一款便捷的生活服务应用，为用户提供专业的家政服务在线预约。涵盖保洁清洗、月嫂保姆、家电维修、管道疏通、搬家服务等多个品类，支持服务预约、订单管理、服务评价、在线支付等功能，让用户轻松享受专业、可靠的家政服务。

应用以温暖的紫色为主色调，象征专业可信赖与温馨舒适。涵盖服务首页、订单管理、消息中心、个人中心四大模块。用户可以浏览服务、选择服务人员、预约时间、查看订单状态，享受一站式家政服务体验。

1.2 核心功能

功能模块	功能描述	实现方式
服务浏览	分类展示、搜索筛选	GridView
预约下单	选择服务、时间、人员	表单组件
订单管理	查看、取消、评价	订单模型
服务人员	查看、筛选、收藏	人员卡片
消息通知	订单通知、系统消息	消息列表
评价反馈	服务评分、文字评价	评分组件

1.3 服务分类定义

序号	分类名称	Emoji	描述
1	保洁清洗	🧹	家庭保洁、深度清洁
2	月嫂保姆	👶	月嫂、育儿嫂、保姆
3	家电维修	🔧	空调、洗衣机、冰箱
4	管道疏通	🚿	下水道、马桶疏通
5	搬家服务	📦	居家搬家、公司搬迁
6	其他服务	🏠	开锁、水电维修等

1.4 订单状态定义

序号	状态名称	Emoji	描述
1	待确认	⏳	订单待服务商确认
2	已确认	✅	服务商已接单
3	服务中	🔨	服务进行中
4	已完成	🎉	服务已完成
5	已取消	❌	订单已取消
6	待评价	⭐	等待用户评价

1.5 服务人员等级定义

序号	等级名称	Emoji	描述
1	初级	🥉	新手服务人员
2	中级	🥈	熟练服务人员
3	高级	🥇	资深服务人员
4	金牌	💎	顶级服务人员

1.6 技术栈

技术领域	技术选型	版本要求
开发框架	Flutter	>= 3.0.0
编程语言	Dart	>= 2.17.0
设计规范	Material Design 3	-
状态管理	setState	-
目标平台	鸿蒙OS / Web	API 21+

1.7 项目结构

lib/
└── main_housekeeping_service.dart
    ├── HousekeepingServiceApp       # 应用入口
    ├── ServiceCategory              # 服务分类枚举
    ├── OrderStatus                  # 订单状态枚举
    ├── WorkerLevel                  # 服务人员等级枚举
    ├── Service                      # 服务模型
    ├── Worker                       # 服务人员模型
    ├── Order                        # 订单模型
    ├── Message                      # 消息模型
    ├── HousekeepingServiceHomePage  # 主页面（底部导航）
    ├── _buildHomePage               # 首页
    ├── _buildOrdersPage             # 订单页
    ├── _buildMessagesPage           # 消息页
    └── _buildProfilePage            # 个人中心页

---

二、系统架构

2.1 整体架构图

2.2 类图设计

2.3 页面导航流程

2.4 预约流程

---

三、核心模块设计

3.1 数据模型设计

3.1.1 服务分类枚举 (ServiceCategory)

enum ServiceCategory {
  cleaning(label: '保洁清洗', emoji: '🧹'),
  nanny(label: '月嫂保姆', emoji: '👶'),
  repair(label: '家电维修', emoji: '🔧'),
  plumbing(label: '管道疏通', emoji: '🚿'),
  moving(label: '搬家服务', emoji: '📦'),
  other(label: '其他服务', emoji: '🏠');

  final String label;
  final String emoji;
}

3.1.2 订单状态枚举 (OrderStatus)

enum OrderStatus {
  pending(label: '待确认', emoji: '⏳'),
  confirmed(label: '已确认', emoji: '✅'),
  inService(label: '服务中', emoji: '🔨'),
  completed(label: '已完成', emoji: '🎉'),
  cancelled(label: '已取消', emoji: '❌'),
  toReview(label: '待评价', emoji: '⭐');

  final String label;
  final String emoji;
}

3.1.3 服务模型 (Service)

class Service {
  final String id;              // 服务ID
  final String name;            // 服务名称
  final ServiceCategory category; // 所属分类
  final double price;           // 单价
  final String unit;            // 单位
  final String description;     // 服务描述
  final int duration;           // 预计时长（分钟）
}

3.1.4 服务人员模型 (Worker)

class Worker {
  final String id;              // 人员ID
  final String name;            // 姓名
  final String avatar;          // 头像
  final WorkerLevel level;      // 等级
  final List<ServiceCategory> skills; // 技能
  final double rating;          // 评分
  final int orderCount;         // 订单数
  final String introduction;    // 简介
}

3.1.5 订单模型 (Order)

class Order {
  final String id;              // 订单ID
  final Service service;        // 服务信息
  final Worker worker;          // 服务人员
  OrderStatus status;           // 订单状态
  final DateTime scheduledTime; // 预约时间
  final String address;         // 服务地址
  final double amount;          // 金额
  String? review;               // 评价内容
  double? rating;               // 评分
}

3.1.6 服务分类分布

3.2 页面结构设计

3.2.1 主页面布局

3.2.2 首页结构

3.2.3 订单页结构

3.2.4 消息页结构

3.3 订单状态流转

3.4 服务人员匹配逻辑

---

四、UI设计规范

4.1 设计原则

原则	说明
专业可信	界面整洁，信息清晰可靠
操作便捷	预约流程简单，减少步骤
温馨舒适	色彩柔和，符合家政主题
信息透明	价格、人员信息一目了然

4.2 色彩规范

颜色类型	色值	用途
主色	#9C27B0	强调、按钮
辅助色	#FF9800	优惠、提醒
背景色	#FAFAFA	页面背景
卡片色	#FFFFFF	卡片背景
文字色	#333333	主要文字
次要文字	#666666	次要文字
禁用色	#CCCCCC	禁用状态

4.3 字体规范

字体类型	字号	字重	用途
大标题	24	Bold	页面标题
标题	18	Bold	模块标题
正文	14	Regular	正文内容
辅助文字	12	Regular	辅助说明
价格	16	Bold	价格显示

4.4 间距规范

间距类型	数值	用途
页面边距	16	页面四周
模块间距	24	模块之间
元素间距	8	元素之间
内边距	12	卡片内部

---

五、功能模块详解

5.1 首页模块

5.1.1 搜索功能

5.1.2 分类导航

• 横向滚动的分类图标
• 点击分类筛选服务
• 当前分类高亮显示

5.1.3 服务展示

• 网格布局展示服务
• 卡片包含图标、名称、价格
• 支持快速预约

5.2 订单模块

5.2.1 订单列表

• 按状态筛选订单
• 显示订单基本信息
• 支持订单操作

5.2.2 订单详情

• 服务信息明细
• 服务人员信息
• 预约时间地址
• 操作按钮

5.2.3 评价功能

5.3 消息模块

5.3.1 消息类型

• 订单通知：订单状态变更
• 系统消息：平台公告
• 活动推送：优惠活动

5.3.2 消息管理

• 未读标记
• 一键已读
• 消息删除

5.4 个人中心模块

5.4.1 个人信息

• 头像昵称
• 联系方式
• 实名认证

5.4.2 其他功能

• 地址管理
• 收藏服务人员
• 历史订单
• 设置

---

六、数据统计

6.1 订单状态分布

6.2 服务时段分布

---

七、开发计划

7.1 阶段规划

7.2 功能清单

优先级	功能模块	功能点	状态
P0	首页	服务浏览	已完成
P0	首页	分类筛选	已完成
P0	订单	预约下单	已完成
P0	订单	订单管理	已完成
P1	订单	服务评价	已完成
P1	消息	消息通知	已完成
P2	个人中心	地址管理	已完成
P2	个人中心	收藏功能	待开发

---

八、总结

家政服务预约平台采用Flutter框架开发，遵循Material Design 3设计规范，实现了完整的家政服务预约流程。应用涵盖服务浏览、在线预约、订单管理、服务评价等核心功能，为用户提供便捷的家政服务体验。

通过枚举类型定义服务分类和订单状态，确保数据的一致性和可维护性。采用setState进行状态管理，实现订单和消息的实时更新。界面设计专业可信，操作流程顺畅，符合用户使用习惯。