抖音小程序 - 羽绒服干洗

奢护焕新 · 洁净如初。基于抖音小程序（字节跳动小程序）原生框架开发的羽绒服干洗护理运营管理模板，开箱即用，可二次开发接入真实门店、会员与支付能力。

一、产品简介

抖音小程序 - 羽绒服干洗 是一套面向羽绒服专业干洗、奢护护理门店的运营管理类小程序源码。覆盖「服务下单 → 收件登记 → 洗护作业 → 烘干蓬松 → 质检包装 → 取件完成」完整护理业务闭环，界面精致、交互流畅、布局自适应。内置本地模拟数据与模拟接口层（服务、订单、工单、设置完整 CRUD），无需后端即可在抖音开发者工具中直接预览运行，是搭建干洗、洗衣、奢护护理类小程序的优质起步模板。

二、功能介绍

1. 首页（工作台）

• 门店品牌信息与营业时间展示（含品牌口号）

• 今日营收实时汇总

• 概览统计：总订单 / 待护理 / 护理中 / 待取件

• 快捷入口：订单管理 / 服务项目 / 门店设置 / 快速开单（固定双列）

• 热门服务双列卡片（含现价、划线价、销量、标签）

• 服务承诺：轻柔护理 / 环保净洗 / 准时交付 / 不净重洗

• 门店提醒公告

• 待处理工单列表

2. 订单管理（CRUD）

• 订单关键字搜索（订单号 / 客户 / 服务）

• 状态筛选：已收件 / 护理中 / 烘乾 / 待取件 / 已完成 / 已取消

• 待护理与待取件订单汇总提醒

• 订单卡片：状态色标识、服务、订单号、时间、渠道、金额

• 一键新增订单

3. 订单详情

• 服务名称、订单号、状态、护理金额

• 订单信息：客户、电话、渠道、地址、时间、备注

• 5 步护理流程进度条（已收件 → 洗护中 → 烘乾蓬松 → 待取件 → 已完成，当前及之前步骤自动高亮）

• 状态流转操作：开始护理 / 进入烘乾 / 护理完成 / 确认取件 / 取消订单

• 删除订单（状态联动流程进度）

4. 服务项目（双列展示）

• 服务关键字搜索（名称 / 描述）

• 等级筛选：标准护理 / 奢护尊享

• 双列服务卡片（奢护卡带暖金专属描边与标签）

• 现价、划线原价、销量、单位、奢护专享标识

• 一键下单（按服务单价自动计价）

5. 我的门店（个人中心）

• 门店信息卡（名称、运营方、等级、地址、营业时间）

• 数据看板（双列）：已收件 / 护理中 / 待取件 / 待办工单

• 运营设置开关：状态自动通知 / 取件提醒 / 会员折扣 / 环保净洗

• 数据管理：恢复初始数据、清除本地缓存

• 版本信息

6. 底部导航

• 自定义 TabBar：首页 / 订单 / 服务 / 我的

三、使用场景

四、技术特点

• 框架：抖音小程序（字节跳动小程序）原生开发，基于 tt API

• 界面：自定义导航栏 + 自定义 TabBar，适配状态栏与右上角原生胶囊按钮；洁净专业主题视觉（青蓝 + 暖金 + 雪白渐变，体现干洗行业的洁净与高端）

• 数据：内置本地 Mock 数据与模拟接口层（utils/mock-api.js），基于本地存储模拟后端 CRUD，调用方式贴近真实 API

• 业务逻辑完备：服务/订单/工单全链路增删改查、订单 5 步流程状态流转与进度联动、按服务单价自动计价、运营数据看板汇总

• 自适应布局：所有列表/网格使用 CSS Grid 双列布局（repeat(2, minmax(0,1fr))），不同手机屏宽下始终保持固定 2 列展示

• 结构：页面（pages）、组件（components）、数据（data）、工具（utils）、资源（assets）分层清晰，注释完善

• 图标：内置多套配色图标资源

• 版本管理：含 APP 版本号机制，发版时自动清空旧缓存与旧数据，保证真机调试始终为最新代码

五、交付内容

项目目录结构（解压后）

源码_羽绒服干洗/
├── app.js                  # 小程序入口（导航栏适配、版本缓存初始化）
├── app.json                # 全局配置（页面路由、窗口、自定义组件）
├── app.ttss                # 全局样式（主题变量、通用类）
├── project.config.json     # 项目配置
├── assets/                 # 静态资源（多套配色图标）
├── components/             # 公共组件
│   ├── tabbar/             # 自定义底部导航
│   └── empty/              # 空状态组件
├── data/
│   ├── mock-data.js        # 种子演示数据（服务/订单/工单/公告/设置）
│   └── mock-data.json      # 同结构 JSON 数据
├── utils/
│   └── mock-api.js         # 模拟接口层（服务/订单/工单/设置 CRUD + 看板）
└── pages/                  # 页面
    ├── index/              # 首页（工作台）
    ├── orders/             # 订单管理
    ├── order-detail/       # 订单详情（护理流程进度）
    ├── services/           # 服务项目
    └── my/                 # 我的门店（设置/数据管理）

六、运行方式

1. 下载并安装 抖音开发者工具（字节跳动小程序开发者工具）。

2. 解压 源码_羽绒服干洗.zip。

3. 在开发者工具中选择「导入项目」，项目目录指向解压后的 源码_羽绒服干洗 文件夹。

4. 填写自己的 AppID（或使用测试号），点击导入即可预览。

5. 真机调试时如遇旧缓存，可在「我的门店」页点击「清除本地缓存」，或调大 app.js 中 APP_VER 版本号强制刷新。

6. 如需接入真实能力，替换 utils/mock-api.js 中的服务、订单、工单等接口实现，对接实际后端即可上线运营。

说明：源码中所有门店、公司、人员、地址、电话均为演示占位数据，无任何真实信息。