petstore-docs/门店管理后台-PhaseA-线框说明.md
2026-08-01 23:47:58 +08:00

184 lines
7.1 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# 门店 Web 后台 · Phase A 线框说明
> 状态:产品草案(仅文档)
> 日期2026-07-10
> 上游:`docs/门店管理后台-PhaseA-页面清单PRD.md`
> 用途:每页一句话定位 + ASCII 线框 + 主操作;供设计/前端对齐,不替代 PRD 验收细则
---
## 全局壳A0
**一句话**:左导航进模块,顶栏看店名与身份,内容区干活。
```text
┌────────┬──────────────────────────────────────────────┐
│ 宠小它 │ 店名 · boss/staff · [退出] │
│ 门店后台│──────────────────────────────────────────────│
│ │ │
│ 工作台 │ (页面内容) │
│ 预约 │ │
│ 排班 │ │
│ 报告 │ │
│ 线索 │ │
│ 客户 │ │
│ 设置 │ │
└────────┴──────────────────────────────────────────────┘
```
**主操作**:登录 → 落点工作台;无权限文案;退出清 token。
**不做**:收银/库存/会员侧栏。
---
## A1 工作台 `/workbench`
**一句话**:先处理会卡住履约的事,再看报告转化;数字由服务端完整聚合。
```text
┌─────┐ ┌─────┐ ┌─────┐ ┌─────┐
│今日预约│ │逾期未开始│ │服务中│ │今日完成│ ← 可点下钻
└─────┘ └─────┘ └─────┘ └─────┘
行动队列
① 预约已过时间 n 最近 3 条 …………………… [全部处理]
② 服务中等待收尾 n 最近 3 条 …………………… [全部处理]
③ 今天接下来到店 n 最近 3 条 …………………… [全部处理]
④ 成片异常 n 最近 3 条 …………………… [全部处理]
⑤ 回访日期已到 n 最近 3 条 …………………… [全部处理]
报告漏斗 已提交 | 确认发送— | 已打开 | 已留资 | 转预约—
```
**主操作**:点指标、行动组或具体低敏预览下钻;工作台常驻,不用先关弹窗。
**不做**:寄养/库存待办、经营 sparkline。
---
## A2 预约中心 `/appointments`
**一句话**:按日/状态找预约,能开始服务、能取消,填报告回小程序。
```text
[日期] [状态▾] [技师▾] [关键词____] [查询] [重置]
时间 | 状态 | 宠主(脱敏) | 宠物 | 服务 | 技师 | 报告 | 操作
─────┼──────┼────────────┼──────┼──────┼──────┼──────┼────────
… | 待开始| 张* 138**** | 豆豆 | 洗澡 | — | 无 | 详情 开始服务 取消
```
**主操作**:筛选;详情抽屉;**开始服务**`POST /api/appointment/start`);取消;有报告则跳报告。
**不做**Web 拍照/填报告;「待门店确认接单」状态。
---
## A6 排班占用 `/schedule`
**一句话**:日视图看每个半小时容量桶被谁占用、还剩几个名额,可加删连续占用。
```text
[< 昨天] 2026-07-10 [明天 >]
09:00 1/2 预约·豆豆洗澡(至 10:00
09:30 1/2 预约持续占用
10:00 暂停 手动占用 60 分钟 [删]
[+ 新增占用]
```
**主操作**:切日;新增带时长的到店占用/暂停预约;删除本店占用。
**不做**:复杂多技师甘特、自动排班算法。
---
## A3 服务报告 `/reports`
**一句话**:找报告、看成片状态、复制公开链接、失败可重试。
```text
[日期] [成片状态▾] [关键词____] [查询]
提交时间 | 预约/宠物/服务 | 成片 | 操作
─────────┼────────────────┼──────┼────────────────
… | … | 失败 | 详情 复制链接 重新生成
```
详情:媒体缩略图只读 · 成片播放 · 复制链接 · 开 H5 预览。
**主操作**:筛选;复制链接;重新生成成片;打开公开页。
**不做**:改报告正文。
---
## A4 回访线索 `/leads`
**一句话**:把该回访的留资列出来,点开关联报告跟进。
```text
[状态▾] [到期≤今天] [日期区间] [查询]
宠物 | 服务 | 手机(脱敏) | 建议日 | 状态 | 微信 | 操作
─────┼──────┼────────────┼────────┼──────┼──────┼────────
… | … | 138**** | 07-10 | 待回访| 是 | 打开报告
```
**主操作**:筛待回访;打开关联报告公开页。
**不做**:跟进备注 CRM、群发、发券。
---
## A5 服务客户 `/customers`
**一句话**:搜到店过的宠主/宠物,不是会员台账。
```text
客户数 n · 待回访 n · 本月到店 n ← 禁止余额/积分
[来源▾] [有待回访] [最近到店] [姓名/手机/宠物名____] [查询]
客户(脱敏) | 宠物标签 | 最近到店 | 最近报告 | 留资 | 来源 | 操作
───────────┼──────────┼──────────┼──────────┼──────┼──────┼────────
… | 豆豆 咪咪| 07-08 | 链 | 待回访| 预约 | 详情 报告 回访
```
**主操作**:搜索(含宠物名);详情;跳报告/线索。
**不做**:充值、会员等级、次卡、持卡导入。
---
## A7 门店设置 `/settings`
**一句话**:改店资料、瘦身服务类型、管员工(删员工仅 boss
```text
[ 资料 ] [ 服务类型 ] [ 员工 ]
资料:名称 电话 地址 坐标 简介 logo 营业时段 邀请码(可复制)
服务类型:名称 | 适用宠物 | 排序 | 启用 | 备注 ← 无价格/条码
员工:列表 | 创建 | 删除(仅 boss) | 展示邀请码
```
**主操作**:保存资料/时段;增改服务类型(系统默认不可删);创建/删除员工。
**不做**:价格规格、商城上架、富文本。
---
## 关键路径(下钻)
| 从 | 到 | 参数示例 |
|----|----|----------|
| 工作台·今日预约 | `/appointments` | `date=today` |
| 工作台·待出报告 | `/appointments` | `status=doing&missingReport=1` |
| 工作台·成片失败 | `/reports` | `highlightStatus=failed` |
| 工作台·待回访 | `/leads` | `due=today` |
| 预约·有报告 | `/reports` 或详情 | reportId |
| 客户·回访 | `/leads` | userId / phone 模糊 |
---
## 修订记录
| 日期 | 说明 |
|------|------|
| 2026-07-10 | 首版:对齐 PRD A0A7 与三项产品决策 |