若羌县维修
正在载入界面…
这一个文件里打包了全部界面和图标,不联网、不加载任何外部资源,
出来之后就在这台电脑上,断网也能反复看。
微信小程序 · 交付预览
若羌县维修
若羌县本地上门维修与家政保洁 —— 空调 / 热水器 / 水电 / 暖气 / 马桶 / 后厨设备,县城急修 2 小时上门
14 屏界面全收录
客户端 + 老板端
微信云开发 · 微信支付
可点击 · 可交互
真实价目与活动规则
客户端 · 家庭客户
浏览 5 大类 30 项明码服务,按「上门检测后报价」或「明码标价在线付」两种方式下单;选日期时段、传故障照片、填优惠口令,全程微信支付。
订单状态实时可查:待接单 → 已接单 → 服务中 → 已完成,完成后 30 天内同故障点免费返修。
单位报修通道 · 饭店/企业/单位
针对饭店后厨、企业商铺、机关单位三类的专属话术页;报修单走「免费勘查 → 书面报价 → 确认施工 → 对公开票」流程,不预收款。
老板端 · 接单与运营
接单管理:新单提醒、按状态筛选、一键拨号/复制微信、接单-上门-完工-收款-退款一条龙;单位单另有勘查-报价-确认-施工流水线。
价目与文案管理:加减服务、改价、改承诺问答、开活动 —— 改完客户立刻看到,不用重新提交审核。
营销活动 · 后台随时改
时段减免:按客户选的上门那天判哪几天免上门费;优惠口令:客户下单页填口令立减。活动开关一关,客户页自动恢复原价。
项目基本信息
经营主体个体工商户自营(无门店,全县上门)
服务区域若羌县主城区内上门,超出范围提前电话确认
营业时间每日 09:00 - 20:00(急修可电话加急)
上门检测费30 元 / 次,现场成交后抵扣维修费;活动期间全免
云端配置已接通,下单、接单、价目与活动都走云端
先看这一条:本页怎么用
- 每一屏都是按真实项目 1:1 复刻的可点击界面,右侧写明「是什么 / 客户怎么用 / 数据存哪」。
- 右上角三个开关:活动状态切换后,首页横幅、下单页日期标签、价格、分享页推荐语会全部跟着变 —— 这就是「后台改活动,客户端即时生效」;演示模式展示云环境未填时客户看到的提示;老板视角展示老板手机上「我的」页多出的两个管理入口。
- 所有数字、价格、文案均来自项目真实配置文件,不是示意图。
一、客户端主流程(家庭客户)
从打开小程序到完成一次上门维修的完整链路:首页 → 服务列表 → 服务详情 → 下单 → 订单列表 → 订单详情 → 我的。
首页 · 客户打开的第一眼
- 顶部大字:若羌县维修 · 2 小时上门,下面一行列出主打项目;三个绿勾是服务承诺。
- 活动横幅:活动开着就显示「活动期间上门检测费全免」+ 口令「邻里」一键复制;活动关了这条自动消失。试试右上角活动开关
- 分类宫格:家电维修 / 水电暖 / 安装服务 / 保洁清洗 / 其他,共 30 项,点任意分类进服务列表。
- 若羌人最常约:后台勾了「首页推荐」的服务(前 6 项),价格旁边直接标活动价。
- 单位报修入口:饭店 / 企业 / 单位三行,点进去是专属话术页。
- 底部信息卡:报修电话(一键拨打)、营业时间、资质主体、分享页入口。
数据在哪
- 界面文件:
miniprogram/pages/index/
- 大字、电话、活动文案:老板端「联系与标题 / 活动减免」可改,存云端 catalog
- 服务与推荐:老板端「服务与价格」维护,前端文件
miniprogram/data/services.js
服务列表 · 30 项明码标价
- 搜索框:支持模糊搜(试搜「漏水」「空调」「保洁」),没结果时给「看全部服务」按钮。
- 分类筛选:全部 + 5 个分类,点着切。
- 每行标签:「常约」橙标 = 后台推荐;「先报价」蓝标 = 上门检测后报价;「标价」绿标 = 明码标价可在线付全款。
- 列表头写着:价格均为参考价,维修类上门检测后报价 —— 管住客户预期,减少电话扯皮。
数据在哪
- 界面文件:
miniprogram/pages/services/
- 价目数据:云端 catalog(老板端可改),内置兜底
miniprogram/data/services.js
服务详情 · 把丑话说在前头
- 价格盒:上门检测费 30 元,活动期间显示 ¥0 并注明「活动中免上门费」。切一下活动开关对比
- 费用说明:这笔是检测费不是维修费;同意维修就抵扣,不同意只收这一笔 —— 客户最常问的问题直接写在页面上。
- 服务流程 5 步:下单 → 电话确认 → 上门检测报价 → 确认才动手 → 30 天保修。
- 常见疑问:从后台「承诺与问答」里取前 3 条。
数据在哪
- 界面文件:
miniprogram/pages/detail/
- 流程话术:
pages/detail/detail.js 内置(维修 5 步 / 保洁 4 步)
示例:维修单 · 空调维修
示例:保洁单 · 空调拆洗
下单页 · 全流程都能点
- 两种单型(上方按钮切换):维修单收上门检测费、现场报价;保洁单明码标价,按台/小时选数量,金额实时算。
- 日期格子:活动期间每天挂「免上门费」角标,客户自己挑便宜那天;活动结束角标消失。切活动开关看变化
- 时段:今天来不及的时段自动标「赶不上」不能选(按距现在不足 1 小时算),急修永远可选。
- 优惠口令:填「邻里」合法通过;填错了红字提示。真实减免由云函数按同一套规则重算,前端改不了。
- 怎么联系你:打电话就行 / 只加微信 / 微信先聊两句 —— 选后两种时微信号变必填,师傅联系不上客户是最大的跑空原因。
- 故障标签 + 照片:勾常见故障词、拍最多 4 张照片,师傅提前带件少跑一趟。
数据在哪
- 界面文件:
miniprogram/pages/booking/
- 提交走云函数
createOrder:金额服务端重算、写订单、发订阅消息
订单列表 · 家庭单 + 单位单都在这
- 状态色:待接单橙 / 已接单蓝 / 服务中绿 / 已完成灰 / 已取消浅灰,一眼看清进度。
- 金额行:维修单显示「检测费」及活动减免;保洁单显示「已付」;单位单显示「勘查(免费)」或「报价 ¥xx」。
- 行内按钮:电话直拨;待接单的可取消(师傅没上门全额退)。
- 点卡片进订单详情。
数据在哪
- 界面文件:
miniprogram/pages/orders/
- 订单数据:云数据库 orders 集合,走云函数
listOrders 读取
订单详情 · 进度透明
- 顶部状态条:整条按状态变色,配一句人话提示(如「师傅已排单,按预约时间上门」)。
- 费用 / 支付 / 参考:写清检测费抵扣规则、活动减免、参考价。
- 订单进度时间线:每一步带时间戳。点时间线里的按钮模拟状态推进
- 底部按钮:待处理时「电话确认时间」,完成后「再约一次」—— 引导复购。
数据在哪
- 界面文件:
miniprogram/pages/order-detail/
- 状态与文案表:
miniprogram/utils/format.js(家庭 5 态 / 单位 7 态两套)
我的 · 客户与老板共用这一页
- 订单快捷统计:进行中 / 已完成 / 已取消三个数字,点了直达对应筛选。
- 普通客户看到:全部服务、单位报修、电话报修、资质主体、分享页。
- 老板微信打开时多出「接单管理」和「价目 · 文案 · 活动」两个入口(按身份白名单判定,别人打开看不到)。试试右侧老板视角开关
- 页脚带经营主体名称,方便客户核验资质。
数据在哪
- 界面文件:
miniprogram/pages/mine/
- 老板判定:服务端认人,不是前端开关 —— 改前端代码也变不出管理入口
二、分享与关于
业主群引流页 + 资质说明页:老板从首页或「我的」进来,复制推荐语、转发小程序;邻居点开卡片落到首页,不是这一页。
分享页 · 老板转发前的文案底稿
- 卡片落地点 = 首页:这一页转出去的卡片、首页和「我的」转出去的卡片,别人点开都进首页,先看得到能约什么;这一页本身从首页底部「转发到业主群」和我的页进。
- 大字标题:「坏了别急着换新」—— 不吹技术,先戳痛点;下面一行列出能修的东西。
- 三个信任点:先报价后动手 / 不修不收维修费 / 30 天返修。
- 活动条:活动开着就带上「上门检测费全免」。切活动开关,连推荐语都会重写
- 推荐语卡片:自动按当前配置拼好一整段(主体、能修什么、活动、发票、电话),老板一键「复制推荐语」或「转发小程序」到群里,零门槛引流。
数据在哪
- 界面文件:
miniprogram/pages/share/
- 推荐语:老板没自己填就自动拼(
utils/content.js),填了就用老板那段
资质与主体 · 单位客户最看这页
- 我们做什么:三段话覆盖家庭 / 单位两条业务线。
- 服务承诺 + 常见问题:与后台「承诺与问答」同源,改一处全站生效。
- 不接的活:燃气改管、电表前线路、开锁、品牌授权售后、承重墙拆改 —— 主动划清边界,避免纠纷也符合审核要求。
- 经营主体:全称、类型、信用代码、登记机关、登记日期。
- 许可项目:营业执照经营范围逐项列出,单位政采比价时直接截图就用。
数据在哪
- 界面文件:
miniprogram/pages/about/
- 主体信息:
miniprogram/config/index.js 的 brand 段
三、单位报修通道(B 端)
饭店后厨 / 企业商铺 / 单位政采三类客户:先勘查出报价单,确认后施工,不预收款、可对公开票。
单位报修页 · 三类客户三套话术
- 顶部大色块:每类客户一个主题色(饭店橙红 / 企业蓝 / 单位绿)+ 一句戳到痛点的话,如「后厨停一天,等于白交一天房租」。
- 切换器:点饭店/企业/单位三个切换,下面的痛点、能修的、做法、案例整页跟着换。
- 痛点区:每类 5 条真实场景(冰柜不制冷、饭点跳闸、报修走纸质单等)。
- 配合流程 5 步:报修单 → 免费勘查 → 书面报价单 → 确认施工 → 开票对公。
- 真实案例:楼兰路餐饮店、办公楼洁具更换等实绩。
数据在哪
- 界面文件:
miniprogram/pages/unit-home/
- 话术数据:
miniprogram/data/units.js,老板端「单位文案」标签页可改
单位报修单 · 为开票和对账设计
- 绿色承诺条:本单不预收任何费用,勘查免费,看完现场出书面报价单。
- 单位名称必填全称:写着「写全称是为了出报价单和开发票」—— 提前挡住「票开不出来」的坑。
- 报修类别 9 类 + 多急 4 档:「停业务了,越快越好」排第一,老板端按紧急度派单。
- 结算方式:修完当场结 / 月结 / 合同年保 / 单位走对公;选非当场结时提示先出报价单和合同文本。
- 发票开关:需要正规发票的一单独标记。
单位单的状态线(老板端推进)
- 待勘查 → 已派单 → 已报价 → 已确认 → 施工中 → 已完成 / 已关闭,比家庭单多「报价」环节,与不预收款模式配套。
数据在哪
- 界面文件:
miniprogram/pages/unit-report/,提交同样走云函数 createOrder(channel=unit)
四、老板端(接单与运营)
老板手机里的三个管理页:接单管理看单做单,价目与文案管理改内容开活动,编辑页加服务改价格。只有白名单里的微信号能进。
接单管理 · 一部手机接完所有单
- 顶部统计:今日新单 / 家庭待接单 / 单位待跟进 / 未收款,深色底更醒目。
- 新单提醒:微信规定一次授权只发一条订阅消息,所以有「续一次」按钮随时续订新单通知。
- 家庭单卡片:客户称呼、电话(点直接拨)、微信一键复制、联系偏好标签(「别打,先加微信」)、地址、故障描述、照片。试试点「接单」→「去上门」→「完成」
- 单位单卡片:单位名 + 类型 + 要发票标记 + 多急程度;按状态给「先报价 / 派勘查 / 单位已确认 / 开工 / 完工 / 关闭」。
- 收款与退款:完工后「记收款」把这一单实际收进来的数登记上,也可以发尾款让客户在小程序里自己付;该退的「退款」一键原路退回(下单那笔和尾款那笔分开退),钱真到账了才记成已退款。
- 找单:搜手机号 / 单号 / 地址 / 称呼;「要盯的」自动汇总超时未接、待退款、完工没收款的单。
数据在哪
- 界面文件:
miniprogram/pages/admin/
- 订单读取/状态流转:云函数
listOrders;新单通知:notify.js 推送到微信服务通知
- 白名单:只有加进去的微信能看到这两个入口,普通客户打开就是纯客户端
价目与文案管理 · 改完客户立刻看到
- 五个标签页:服务与价格 / 承诺与问答 / 单位文案 / 联系与标题 / 活动减免。
- 服务与价格:按分类列出全部服务,行内「推荐 / 下架」一键切换,下架的服务随时重新上架。点空调维修的「改价」,改完滚到上面首页看价格已同步 —— 线上是同一机制:改完存云端,所有客户下次打开即生效,不用重新提审。
- 活动减免:时段减免开关 + 选星期几 + 全额免 / 减固定金额 + 活动文案;优惠口令增删改。这页的开关和右上角「活动状态」是联动的
- 防呆提示:减免只动检测费,保洁全款单不参与;活动文案别用「最便宜」等绝对化用词;单位案例必须写真做过的。
- 接单电话:没填时页面置顶红条提醒,客户下完单联系不上是最大事故。
数据在哪
- 界面文件:
miniprogram/pages/manage/
- 保存走云函数
catalog(写云端价目与文案,带管理员权限校验)
服务编辑页 · 新增/修改一项服务
- 示例:空调拆洗(明码标价模式)。点「怎么收款」两个选项试试:切到「上门检测后报价」时,单价/数量一栏自动隐藏。
- 价格怎么写:一句客户能看懂的话(如「120 元/台」)+ 系统结算金额分开填。
- 按数量计价:填单价 + 单位(台/小时/件)+ 最少最多数量,下单页自动出现加减器,金额按 单价 × 数量 算。
- 放进首页「最常约」:开关一开就上首页推荐位。
- 保存后客户立刻能看到,不用重新提交审核。
数据在哪
- 界面文件:
miniprogram/pages/manage-item/,保存走云函数 catalog
五、使用指南
三段话讲清这套小程序每天怎么用 —— 交给老板照着做就行。
客户怎么下单(家庭)
- 微信里搜小程序或扫二维码,首页点分类找到要修的东西,或直接搜。
- 看服务详情(价格怎么算、修不好收不收钱),点立即预约。
- 下单页:选上门日期和时段(活动期间带「免上门费」角标)、填称呼电话地址、勾故障词、传照片,维修单可填优惠口令。
- 下单页选「立即支付」还是「修完再付」(上门费活动期间 0 元时这一框不出现),提交后师傅 2 小时内电话确认地址和时间。
- 师傅上门检测出故障、微信报价;同意才动手,检测费抵扣维修费。
- 「订单」里随时看进度:待接单 → 已接单 → 服务中 → 已完成;30 天内同故障点免费返修。
老板怎么接单 / 退款
- 客户下单后,微信服务通知收到新单提醒(一条授权发一条,提醒没了点「续一次」)。
- 打开「接单管理」:看客户电话 / 微信 / 联系偏好(标了「只加微信」的先加微信别打电话)。
- 按预约时间上门,干活时点「去上门」→ 完工点「完成」,客户订单进度同步变。
- 完工后点「记收款」把这一单实际收进来的数登记上(现金 / 微信转账 / 线上已付 / 没收钱 / 还没结,或者发尾款让客户在小程序里自己付);单位单先「出报价单」,单位确认后「开工」。
- 客户没等上门就取消的,订单自动退款;已支付需退的点「退款」原路退回。一张单最多两张微信单(下单那笔 + 尾款那笔),退钱时选清退哪一笔。钱没到账前只显示「退款处理中」,商户平台查到退款成功再点「退款已到账」收口。
- 「要盯的」标签自动汇总:超时未接、待退款、完工没收款 —— 每天扫一眼不漏单。
活动怎么配(老板端「活动减免」)
- 时段减免:开开关 → 勾星期几(按客户选的上门那天判)→ 选「全额免掉检测费」或「减 N 元」→ 写一句给客户看的话。
- 优惠口令:加一条,如口令「邻里」减 10 元;客户下单页填、或打电话时报给师傅都算,不要求先转发(拿转发当门槛违反微信规则)。
- 保存后所有客户立刻生效;活动结束把开关一关,首页横幅、日期角标、价格自动恢复。
- 真正收多少钱由云函数按同一份规则重算,客户改不了前端数字。
注意:减免只作用于「上门检测费」。保洁这类明码标价全款单不参与减免,避免出现免费干活。
六、部署状态与交付清单
交出去之前,把「待填」的几项补齐就能接真实订单。
部署状态
| 项目 | 状态 | 说明 / 位置 |
| 云开发环境 | 已配置 | 环境已开通,下单、接单、价目读写都跑在这套云端上 |
| 云函数 | 已就绪 | createOrder(下单+算价)、listOrders(接单/读单/通知)、catalog(价目文案热更新)、payCallback / refundCallback(支付退款回调) |
| 接单电话 | 已配置 | 老板端「价目与文案 → 联系与标题」里填,最多 4 个,第一个是默认拨号;客户点「电话报修」直接拨出去 |
| 老板端白名单 | 已配置 | 老板自己的微信已经加进管理白名单(手机上那个和电脑上调试用的那个都加了);接单管理页顶部会显示要用的身份标识,点一下复制给开发方 |
| 订阅消息模板 | 已配 4 条 | 微信提醒已配好四条:新单提醒发给师傅,「已接单」「已上门」「已完成」发给客户;只推项目和一句话说明,金额不进推送 |
| 微信支付 | 已开通 | 在线收款已开通:客户下单时付上门费、完工后自己付尾款、退款原路退回微信,全自动生效,不用手工记账 |
| 对外微信号 | 选填 | 老板端「联系与标题」里填了才展示(单位客户加微信发报价单用) |
交付清单
| 内容 | 位置 |
| 小程序前端源码(15 个页面 + 自定义底部导航) | miniprogram/ |
| 云函数源码(下单 / 接单 / 价目 / 支付退款回调) | cloudfunctions/ |
| 内置数据(30 项价目 / 单位话术 / 承诺问答兜底) | miniprogram/data/ |
| 活动规则(前端显示与云端算价同一份代码,测试逐字节一致) | miniprogram/utils/promo.js = cloudfunctions/createOrder/promo.js |
| 本交付预览 | 单个网页文件,手机电脑双击就能看,不用装任何东西 |
上线前最后一步:真机预览
| 1 | 微信开发者工具导入项目 → 填 AppID → 顶部「预览」生成二维码,老板微信扫码真机体验 |
| 2 | 体验版上传 → 小程序后台设为「体验版」分享给老板试一周 |
| 3 | 确认电话、活动、价目都配好后提交审核,类目「生活服务 > 维修」 |