适用于博物馆、公园、场馆等需要预约管理的场景。支持多场景独立配置，用户可在线选择场景、填写信息完成预约，管理员可在后台统一管理预约记录并支持批量确认。



功能介绍

1. 浏览预约首页

查看所有可预约场景（如博物馆某馆、公园某门等），每个场景显示封面图、名称、来访时段、每日可容纳人数。



2. 选择场景并查看详情

点击某个场景进入该场景页面，可看多图轮播、预约须知。



3. 查看场景图片

在场景页可左右滑动看图，点击图片可放大查看。



4. 提交预约

选择预约日期，填写姓名、手机号、预约人数（1～99 人）、备注（选填）；若站点开启验证，需填写短信验证码后提交。预约提交后为「待确认」，需工作人员在后台确认。



5. 预约查询

在预约首页切换到「预约查询」，输入手机号并获取、填写验证码，可查询该手机号下的预约记录（场景、日期、人数、状态：待确认/已确认/已取消）。



操作流程

以下为预约与查询的常用操作顺序。



预约：打开预约链接

打开管理员提供的预约链接，进入预约首页。



预约：选择场景

在「可预约列表」中点击要预约的场景卡片。



预约：阅读须知

在场景页阅读「预约须知」。



预约：填写信息

填写预约人姓名、手机号；若需验证码则点击「获取验证码」，收到短信后填入。



预约：选择日期与人数

选择预约日期、预约人数，可选填备注。



预约：提交并等待确认

点击「提交预约」，看到成功提示后等待工作人员联系确认。



查询：打开预约查询

打开预约首页，点击顶部的「预约查询」。



查询：验证手机号

输入手机号，点击「获取验证码」并填入验证码。



查询：查看预约记录

点击「查询」，页面会列出该手机号下的预约记录及状态。



简要流程： 预约：打开链接 → 选择场景 → 阅读须知 → 填写姓名与手机（含验证码）→ 选择日期与人数 → 提交并等待确认。查询：进入预约查询 → 输入手机号与验证码 → 查看预约列表。



源码说明

# 预约系统 - 功能说明



## 适用场景

适用于博物馆、公园、展览馆、活动场馆等需要在线预约的场景。访客可在网页上选择参观日期、填写信息完成预约，工作人员在后台查看并确认。



## 访客端（前台）

### 预约首页

- 展示所有可预约的场景（如：博物馆A馆、公园东门等）

- 每个场景显示：封面图、名称、来访时段、每天可容纳人数

- 点击场景卡片进入该场景的预约页面



### 预约填写

- 选择预约日期

- 填写姓名、手机号

- 填写预约人数（几人同行）

- 可填写备注（如特殊需求）

- 若开启验证，需输入手机收到的短信验证码

- 提交后提示「预约成功，我们将尽快与您联系确认」



## 管理端（后台）

### 预约总览

- **一目了然**：顶部显示总预约人数、待确认、已确认、已取消

- **按日期筛选**：选择起止日期，查看该时间段内的预约情况

- **矩阵表格**：行是日期，列是各场景，每个格子显示该天该场景的预约人数及状态

- **批量确认**：某天某场景有多人待确认时，可一键全部确认

- **查看明细**：点击「明细」弹窗查看该天该场景的完整预约列表



### 预约场景

- **添加场景**：设置场景名称、上传图片、填写预约须知

- **来访时段**：如 09:00-12:00

- **单日人数上限**：可限制每天最多多少人预约，0 表示不限制

- **启用/禁用**：禁用后访客端不再显示该场景

- **排序**：调整场景在前台的显示顺序

- **预览**：可打开前端页面查看效果

- **删除**：删除场景时，该场景下的预约记录会一并删除



### 预约管理

- 查看、新增、修改、删除预约记录

- 可修改预约状态：待确认、已确认、已取消

- 支持按日期、场景筛选



### 预约设置

- **预约首页**：提供链接，方便打开访客预约入口

- **手机验证码**：可开启或关闭。关闭后访客无需验证码即可提交

- **每手机号最大预约人数**：限制同一手机号累计可预约的总人数，0 表示不限制



## 预约规则说明

| 说明 | 含义 |

|------|------|

| 待确认 | 访客刚提交，尚未经工作人员确认 |

| 已确认 | 工作人员已确认，预约生效 |

| 已取消 | 预约已取消 |

| 单日人数上限 | 每个场景可设置每天最多容纳多少人，超出则无法预约 |

| 每手机号上限 | 可限制同一手机号累计预约人数，防止重复占位 |