# 原型页面 ↔ 代码页面对照表

> 当前阶段：**只做原型，不写业务代码**。右列是开发阶段应落地的页面/路由，必须与左列一一对应；开发时不许增加原型里没有的页面、按钮、字段和菜单。
>
> 例外说明（不是少做页面）：PRD 把「预约详情」和「顾客详情」写在关联页面里，但页面清单没有单列；原型把它们放在 `pc/bookings.html` 的详情抽屉里，避免多造页面。导出操作区按 PRD 页面清单放在 `pc/orders.html` 页内弹窗。
>
> 小程序本阶段按任务要求交 HTML 视觉预览（`mp/`），不是把 H5 缩窄；原生 WXML/WXSS/JS 工程在开发阶段按本表落地。

## 一、电脑后台（门店员工 + 管理员）

| 原型页面 | 文件 | 谁用 | 对应功能 | 开发阶段代码页面（待建） | 状态 |
|---|---|---|---|---|---|
| 门店员工登录 | `prototype/pc/login.html` | 门店员工 | F5 F6 F7 | `/staff/login` | 原型完成，代码未开发 |
| 管理员登录 | `prototype/pc/admin-login.html` | 管理员 | F8 F9 | `/admin/login` | 原型完成，代码未开发 |
| 预约名单 | `prototype/pc/bookings.html` | 门店员工 | F5 F6 F10 F11 | `/staff/bookings` | 原型完成，代码未开发 |
| 服务项目列表 | `prototype/pc/services.html` | 门店员工 | F7 | `/staff/services` | 原型完成，代码未开发 |
| 服务项目编辑 | `prototype/pc/service-edit.html` | 门店员工 | F7 | `/staff/services/:id`（`new` 为新增） | 原型完成，代码未开发 |
| 订单列表 + 导出操作区 | `prototype/pc/orders.html` | 管理员 | F8 F9 | `/admin/orders` | 原型完成，代码未开发 |

## 二、H5 顾客端

| 原型页面 | 文件 | 谁用 | 对应功能 | 开发阶段代码页面（待建） | 状态 |
|---|---|---|---|---|---|
| 服务项目列表 | `prototype/h5/services.html` | 顾客（游客） | F1 | `/s/services` | 原型完成，代码未开发 |
| 服务项目详情 | `prototype/h5/service.html` | 顾客（游客） | F1 | `/s/services/:id` | 原型完成，代码未开发 |
| 选择时间 | `prototype/h5/time.html` | 顾客（游客） | F2 F3 | `/s/booking` | 原型完成，代码未开发 |
| 登录 | `prototype/h5/login.html` | 顾客 | F3 F4 | `/login?next=` | 原型完成，代码未开发 |
| 预约提交结果 | `prototype/h5/result.html` | 顾客 | F3 F4 F11 | `/s/booking/result` | 原型完成，代码未开发 |
| 我的预约 | `prototype/h5/my.html` | 顾客 | F4 F10 F11 | `/my/bookings` | 原型完成，代码未开发 |

## 三、微信小程序顾客端

| 原型页面 | 文件 | 谁用 | 对应功能 | 开发阶段代码页面（待建） | 状态 |
|---|---|---|---|---|---|
| 服务项目 | `prototype/mp/services.html` | 顾客（游客） | F1 | `pages/services/index` | 原型完成，代码未开发 |
| 服务详情 | `prototype/mp/service.html` | 顾客（游客） | F1 | `pages/services/detail` | 原型完成，代码未开发 |
| 选择时间 | `prototype/mp/time.html` | 顾客（游客） | F2 F3 | `pages/booking/time` | 原型完成，代码未开发 |
| 微信登录 | `prototype/mp/login.html` | 顾客 | F3 F4 | `pages/login/index` | 原型完成，代码未开发 |
| 预约结果 | `prototype/mp/result.html` | 顾客 | F3 F4 F11 | `pages/booking/result` | 原型完成，代码未开发 |
| 我的预约 | `prototype/mp/my.html` | 顾客 | F4 F10 F11 | `pages/my/bookings` | 原型完成，代码未开发 |

## 四、角色与数据范围

| 角色 | 能看 | 能改 | 不能做 |
|---|---|---|---|
| 游客 | 服务项目列表、详情、价格、可选时段 | 无 | 提交预约、看「我的预约」 |
| 顾客 | 本人预约记录、本人会员统计 | 提交预约 | 看别人的预约、进门店后台 |
| 门店员工 | 金山店预约名单、金山店服务项目 | 预约状态、服务项目与价格 | 看其他门店、看管理员订单、导出全量 |
| 管理员 | 全部门店订单 | 无（只读） | 改门店预约状态、改服务项目 |

## 五、页面数量核对

| 端 | 原型页面数 | PRD 页面清单 | 差异 |
|---|---|---|---|
| 电脑后台 | 6 | 门店登录、预约名单、服务项目列表、服务项目编辑、管理员登录、订单列表 + 导出操作区 | 0；预约详情/顾客详情/导出操作区为页内抽屉或弹窗 |
| H5 | 6 | 服务项目列表、详情、选择时间、登录、预约结果、我的预约 | 0 |
| 小程序 | 6 | 同 H5 | 0 |
| **合计** | **18** | — | 0 增、0 减 |