居联优装新家C端小程序：专业的家装服务数字化管理平台

二、 核心价值

• 透明化服务：业主可实时查看施工进度和现场照片

• 数字化管理：全流程线上化，提升工作效率

• 多角色协作：销售、施工、监理、管理各司其职

• 数据驱动：基于数据的决策支持和业绩分析

三、 功能特色

🏠 业主端功能

功能模块	详细说明
服务浏览	查看装修设计、施工服务、材料供应等服务项目，支持分类筛选和搜索
在线预约	便捷的预约服务，支持时间选择和需求描述，自动分配销售员
智能报价	多方案对比，线上修改确认，价格透明化
合同管理	电子合同签署，状态跟踪，付款进度管理
进度管理	施工节点可视化，现场照片查看，实时进度更新
评价系统	服务满意度和材料满意度评价，积分奖励机制

💼 销售员端功能

功能模块	详细说明
客户管理	客户信息录入，需求分析，跟进记录，客户状态管理
报价管理	报价单生成、修改、发送及状态跟踪，多方案对比
合同处理	合同起草、电子签署、归档管理，付款进度跟踪
业绩看板	个人业绩统计，目标完成度分析，销售排行榜

🏗️ 项目经理端功能

功能模块	详细说明
项目管理	负责各项目进度状态更新，人员调配，材料管理
照片上传	施工现场照片上传，进度节点记录
进度管理	施工节点管理和更新，工期控制，质量把控

✅ 监理端功能

功能模块	详细说明
施工审核	查看各项目进度提交情况，质量验收审核
验收管理	施工验收审核，整改要求管理，质量评估

🏪 店长端功能

功能模块	详细说明
店铺管理	客户信息管理，员工管理，项目管理
业绩看板	店铺业绩统计，目标完成度分析，数据报表
项目管理	查看各个项目完成进度，资源调配，质量控制

四、技术架构

前端技术栈

graph TD
    A[UniApp框架] --> B[Vue.js 2.x]
    B --> C[Vuex状态管理]
    B --> D[SCSS样式预处理器]
    A --> E[跨平台编译]
    E --> F[微信小程序]
    E --> G[支付宝小程序]
    E --> H[APP]

技术	版本	说明
UniApp	3.x	跨平台开发框架
Vue.js	2.x	前端MVVM框架
SCSS	-	CSS预处理器
Vuex	3.x	状态管理库

后端技术栈

graph TD
    A[Node.js] --> B[Express框架]
    B --> C[MySQL数据库]
    B --> D[JWT认证]
    B --> E[文件上传]
    E --> F[云存储]

技术	版本	说明
Node.js	14.0+	服务端运行环境
Express	4.x	Web应用框架
MySQL	8.0+	关系型数据库
JWT	-	身份认证
阿里云OSS	-	文件存储

五、 项目结构

居联优装新家/
├── 📱 pages/                    # 页面文件
│   ├── 🏠 index/               # 首页
│   ├── 🔐 login/               # 登录页
│   ├── 🛠️ services/            # 服务项目
│   ├── 🛍️ products/            # 商品中心
│   ├── 📅 appointment/         # 在线预约
│   ├── 💰 quote/              # 智能报价
│   ├── 📄 contract/           # 合同管理
│   ├── 📋 order/              # 订单中心
│   ├── 📊 progress/           # 进度管理
│   ├── 💬 message/            # 消息中心
│   ├── 👤 profile/            # 个人中心
│   ├── 💼 sales/              # 销售员功能
│   │   ├── customer.vue       # 客户管理
│   │   ├── customer-detail.vue # 客户详情
│   │   └── performance.vue    # 业绩看板
│   ├── 🏗️ manager/            # 项目经理功能
│   │   ├── project.vue        # 项目管理
│   │   └── project-detail.vue # 项目详情
│   ├── ✅ supervisor/          # 监理功能
│   │   ├── audit.vue          # 施工审核
│   │   └── audit-detail.vue   # 审核详情
│   └── 🏪 store/              # 店长功能
│       ├── overview.vue       # 店铺概览
│       └── employee-management.vue # 员工管理
├── 🎨 static/                 # 静态资源
│   ├── tabbar/               # 底部导航图标
│   ├── icons/                # 通用图标
│   ├── banners/              # 轮播图
│   └── avatars/              # 头像图片
├── 🗄️ database/              # 数据库相关
│   ├── init.sql              # 数据库初始化脚本
│   ├── config.js             # 数据库配置
│   └── README.md             # 数据库说明
├── ⚙️ App.vue                # 应用入口
├── 🚀 main.js                # 主入口
├── 📄 pages.json             # 页面配置
├── 📋 manifest.json          # 应用配置
└── 🎨 uni.scss               # 全局样式

六、快速开始

环境要求

• Node.js 14.0+

• HBuilderX 3.0+

• MySQL 8.0+

• 微信开发者工具 (用于小程序调试)

安装步骤

1. 克隆项目

git clone https://github.com/your-username/julian-renovation.git
cd julian-renovation

2. 数据库初始化

-- 创建数据库
CREATE DATABASE julian_renovation DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;

-- 执行初始化脚本
mysql -u root -p julian_renovation < database/init.sql

3. 配置数据库连接

编辑 database/config.js 文件：

module.exports = {
  host: 'localhost',
  port: 3306,
  user: 'your_username',
  password: 'your_password',
  database: 'julian_renovation'
}

4. 运行项目

1. 使用 HBuilderX 打开项目

2. 点击 运行 → 运行到小程序模拟器

3. 或选择 运行到微信开发者工具

演示账号

角色	手机号	密码	功能权限
业主	13800138001	123456	查看服务、预约、查看进度
销售员	13800138002	123456	客户管理、报价、合同管理
项目经理	13800138003	123456	项目管理、进度管理、照片上传
监理	13800138004	123456	施工监理、验收记录
店长	13800138005	123456	店铺管理、数据统计

七、 业务流程

业主端流程

graph LR
    A[浏览服务] --> B[在线预约]
    B --> C[获取报价]
    C --> D[签署合同]
    D --> E[查看进度]
    E --> F[验收评价]

销售端流程

graph LR
    A[客户留资] --> B[需求分析]
    B --> C[生成报价]
    C --> D[合同签署]
    D --> E[跟进服务]

项目经理流程

graph LR
    A[接收项目] --> B[制定计划]
    B --> C[进度更新]
    C --> D[照片上传]
    D --> E[阶段完成]

监理流程

graph LR
    A[查看进度] --> B[现场验收]
    B --> C[审核确认]
    C --> D[质量把控]

八、 核心功能

进度管理系统

• 🟢 颜色状态：灰、黄、绿、红颜色显示进度状态

• ⏰ 超时预警：工期时间节点管理，超时预警提醒

• 📅 交付控制：交付时间不可超出控制范围

多店面管理

• 🔄 项目转移：支持单子在多店面间转移

• 🔐 权限管理：不同角色查看不同店面数据

付款管理

• 💳 付款方式：支持全款和分期付款

• 📊 进度记录：付款进度详细记录

• 🔄 状态跟踪：付款状态实时更新

积分系统

• 🎁 验收奖励：业主验收完成后赠送积分

• ⭐ 等级体系：积分等级会员体系

📊 开发进度

✅ 已完成功能

• [x] 用户登录系统

• [x] 多角色权限管理

• [x] 首页个性化展示

• [x] 个人中心

• [x] 数据库设计

• [x] 客户管理模块

• [x] 项目管理模块

• [x] 审核管理模块

• [x] 员工管理模块

🔄 开发中功能

• [ ] 服务项目页面优化

• [ ] 商品中心完善

• [ ] 在线预约流程优化

• [ ] 智能报价算法优化

• [ ] 合同管理电子签名

• [ ] 订单中心状态管理

• [ ] 进度管理实时更新

• [ ] 消息中心推送功能

📋 计划功能

• [ ] 评价系统

• [ ] 积分商城

• [ ] 业绩统计报表

• [ ] 客户关系管理

• [ ] 施工质量评估

• [ ] 店铺数据分析

• [ ] 移动端APP开发

• [ ] 管理后台系统

🤝 贡献指南

我们欢迎所有形式的贡献，包括但不限于：

• 🐛 Bug 报告

• 💡 功能建议

• 📝 文档改进

• 🔧 代码贡献

贡献步骤

1. Fork 本仓库

2. 创建特性分支 (git checkout -b feature/AmazingFeature)

3. 提交更改 (git commit -m 'Add some AmazingFeature')

4. 推送到分支 (git push origin feature/AmazingFeature)

5. 开启 Pull Request

项目预览地址：

https://www.qdzjkf.com/fuHan/#