HandyCafe Docs
owner it-admin

平面图和桌位

平面图编辑器是用于安排桌位的可视化画布。桌位页面是一个针对每个桌位的操作视图,用于查看详细信息和执行操作。这两个屏幕都基于相同的桌位记录。

楼层

楼层按物理位置对桌位进行分组,例如“主厅”、“夹层”或“户外露台”。您可以在设置 > 咖啡厅中创建和管理楼层。

每个咖啡厅至少需要一个楼层。桌位总是分配给一个楼层。您可以通过上移和下移控件重新排序楼层,顶部楼层在打开平面图选项卡时成为默认楼层。平面图页面还提供一个“所有楼层”选项,显示所有桌位的组合视图。

平面图编辑器

平面图编辑器在一个1200 x 720的画布上渲染,带有10像素的网格。桌位以其存储的位置显示为形状。编辑器支持两种显示模式:

模式 用途
2D 编辑和排列。拖动桌位,添加或移除,重命名。
3D 演示和演练。画布使用CSS透视倾斜,产生建筑风格的二轴视图。在3D模式下禁用拖动,因为在倾斜画布上指针映射不明确。

添加和定位桌位

  1. 打开咖啡厅 > 平面图。
  2. 从顶部的楼层选项中选择目标楼层。
  3. 点击添加桌位。一个新桌位出现在画布原点,具有默认形状、大小和座位数。
  4. 拖动桌位主体到您想要的位置。释放鼠标按钮时位置会自动保存。
  5. 对每个座位组重复此操作。

位置会对齐到10像素的网格上,以便对齐的桌位看起来整齐,而无需像素级精确定位。

桌位属性

每个桌位都有以下可编辑字段:

字段 含义
代码 打印在QR码上并对员工可见的简短标识符。它在您的咖啡厅内必须唯一。
显示名称 显示给员工的较长标签,例如“窗边3”或“包厢A”。
座位数 桌位的座位数量。默认是2。
形状 选项包括:方形、横向矩形、纵向矩形、圆形。
大小 从1到10的整数。控制编辑器和3D视图中的渲染大小。
楼层 此桌位所属的楼层。可以通过编辑此字段在楼层之间移动桌位。
状态 空闲、使用中或停用。

桌位状态

状态 含义
空闲 没有活动会话。在您安排顾客入座之前,顾客无法下单。
使用中 安全码已激活。顾客可以扫描QR码并下单。
停用 桌位不可用。在平面图上显示为灰暗,QR页面显示不可用通知。适用于维护或家具维修。

安排顾客入座

要接受来自桌位的订单,员工必须安排顾客入座。入座会发放一个安全码,并将桌位状态改为使用中

  1. 在桌位页面或从平面图操作菜单中选择桌位。
  2. 点击安排顾客入座(也标记为“打开桌位”)。
  3. 系统生成一个6位数的安全码并显示。
  4. 将代码交给顾客。他们在扫描QR码后输入。

代码仅在生成时以纯文本显示,当管理员打开已入座桌位的显示代码对话框时也会显示。代码在服务器端进行哈希处理。代码在默认时长后过期,可以随时旋转或重置。

显示和旋转代码

  • 显示代码。 显示当前缓存的打开桌位的纯文本代码。当顾客第一次没有记住号码时很有用。此操作不会旋转代码,也不会使之前的QR失效。
  • 旋转QR。 为桌位生成新的QR令牌。之前的QR贴纸失效。当您重新打印贴纸或怀疑旧QR已被外部分享时使用此功能。

关闭桌位

当顾客离开且没有未结账单时,点击关闭桌位。安全码立即过期,桌位返回到空闲状态,任何进一步的扫描尝试都需要重新入座。

如果桌位上有未支付的订单,请使用结账。结账会使用选定的支付方式关闭所有未结订单,然后将桌位返回到空闲状态。查看订单页面了解结账流程。

QR码

每个桌位都有一个QR码,编码URL为handy.cafe/{cafe-slug}/{table-code}。查询参数携带QR令牌以证明贴纸的真实性。当顾客扫描QR码时:

  1. 菜单页面通过云API解析slug和桌位代码。
  2. 如果桌位处于使用中状态,顾客会被要求输入6位数的安全码。
  3. 检查成功后,会话令牌被发放并存储在cookie和Bearer令牌备用中。Bearer备用存在是因为iPhone Safari在某些配置中可能会阻止第三方cookie。

从桌位页面生成可打印的QR。每个桌位都有一个QR预览,您可以保存为SVG或PNG。每当您旋转QR令牌或更改slug时,请重新打印贴纸。

设计平面图的提示

  • 从将实际布局映射到画布开始。将入口放在靠近边缘的位置,然后向内工作。这使员工更容易定位。
  • 即使您的场地只有一层,也要按楼层分组桌位。“大厅”和“露台”作为单独的楼层可以让您按区域过滤订单仪表板。
  • 对于可容纳四人或更多人的包厢,使用较大的大小值,对于吧台凳使用较小的值。
  • 当家具需要维修时,将桌位标记为停用,以便顾客无法在其上下单。除非座位永久消失,否则不要删除桌位记录。