顾客显示屏
概述
顾客显示屏——在应用中以 "Rewardly Concierge" 为品牌名——是您朝向顾客安装的面向顾客的第二块屏幕。它镜像在配对的 POS 收银机上正在构建的实时购物篮，显示累计合计，让顾客加入或查询忠诚度会员，并显示支付状态（包括 PayNow QR）。
它是一块带少量输入的显示屏——而非第二台收银机。您的收银员仍在 POS 上驱动整笔销售；顾客显示屏只是向顾客展示正在发生什么，并给他们一个自行加入会员的途径。
该显示屏以隐式方式与一台收银机配对。没有配对码——您只需用绑定到该门店收银机的商家伙伴账户登录显示屏，两者便通过实时连接保持关联。
偏向 SG 的版本
此版本以新加坡为先：手机号输入硬编码 +65 前缀，货币符号硬编码为 $，支付选项为 PayNow 和 Adyen Tap-to-Pay。它开箱即用时未针对 MY 或 MN 进行本地化。
登录
显示屏退出登录时，唯一的屏幕就是 Merchant Partner Login。它显示 Rewardly 标志、Merchant Partner Login 和 Rewardly Concierge 标签、一个 Username 和 Password 字段，以及提醒您这是 POS 配套显示屏的辅助文字。
- 输入门店的 merchant partner 凭据——即将显示屏与其收银机和门店绑定的同一账户。
- 点击 Login。检查凭据时会出现一个全屏加载遮罩。
- 成功后您会看到绿色的 Login Success 提示，且显示屏切换到实时的 Home 屏幕。失败时红色提示会显示服务器的错误消息。
登录令牌保存在设备上，因此显示屏下次启动时会自动重新登录——每台设备您只需做一次。
装好即可不管
当 Home 屏幕显示时，显示屏会自行保持屏幕常亮——它在服务过程中永不休眠，因此立式显示屏整天保持开启。
退出登录（隐藏手势）
没有可见的 Logout 按钮——这是有意设计，以免好奇的顾客把显示屏退出登录。要退出登录，请按住商家名称（显示屏顶部的大号门店标题）3 秒。这会断开显示屏并将其返回登录屏幕。
将其指向正确的环境
几乎所有内容都在 Rewardly 后台配置，而非在设备上。唯一的设备端设置入口是一个隐藏的 Config 模态框，供安装人员使用。
在登录屏幕上，长按 Rewardly 标志即可打开它。它提供：
| 控件 | 作用 |
|---|---|
| Production / Development | 后端环境。Production 将显示屏指向实时的 rewardly.app 主机；Development 将其指向 reeward.app 测试主机。 |
| codepush(production) / codepush(development) | 从所选通道强制拉取最新的空中下发应用更新，然后提示结果——"Latest version installed — Please restart the app"、"Already up to date" 或失败消息。 |
仅限安装人员
这是应用内唯一的设置屏幕，且被刻意隐藏在标志长按之后——并且仅在退出登录时才能到达。没有其他设备端开关：没有亮度、语言、货币、声音或显示自定义设置。开箱即用时显示屏指向 Production，因此大多数商家永远不需要打开它。
更新在其他情况下会自行处理。每次启动时，应用会悄悄检查空中下发更新；如果有一个正在下载，您会短暂看到全屏的 "Downloading latest version.." / "Installing.." 消息，更新会在应用下次重启时应用。
状态栏
显示屏最顶端横贯的一条细栏报告连接状态：
| 状态 | 您看到什么 |
|---|---|
| 在线且已连接 | 没有栏——一切正常。 |
| 无网络 | 一条红栏："You are offline. Check your connection." |
| 在线但已断连 | 一条灰栏："Socket disconnected. Tap to reconnect." 点击它重新连接（尝试时显示 "Socket connecting..."）。 |
当显示屏离线或断连时，会员 Search 和 Sign Up 按钮会改标为 Offline 并停止工作，直到连接恢复。
顾客看到什么
空闲屏幕
没有进行中的订单时，订单区域显示居中的 "Waiting for order..." 消息，且所有合计读作 $0.00。品牌内容始终存在，因此即使空闲时顾客也会看到您的店名、您的店铺图片以及 TAP TO JOIN MEMBERSHIP 提示。
店名和图片来自登录的账户（门店的，回退到商家的）。如果未配置图片，则改为显示灰色的 No Image 占位符。
实时购物篮
随着您的收银员构建销售，Current Order 列表会逐行镜像它。每一行显示：
- 数量、商品图片（或一个 No Image 图块）、商品名称、名称下方的单价，以及右侧的行合计；
- 任何附加项 / 加料，以 "- qty name $price" 缩进列在下方；
- 套餐和组合，展开以显示每个所含商品及其自己的附加项，嵌套在下方；
- 在任何取餐模式与订单其余部分不同的项目上的一个小取餐图标（外带 / 堂食 / 配送）。
订单变长时列表会滚动，并随着收银员添加、编辑或移除项目而实时更新。
合计摘要
项目下方是一张带四行和一个总计的摘要卡片：
| 行 | 它显示什么 |
|---|---|
| Sub Total | 计费前的购物篮小计。 |
| Service Fees | 任何服务费。 |
| Tax | 税额。 |
| Discount | 折扣总额，以红色显示为负值 "-$X.XX"。 |
| GRAND TOTAL | 最终金额，以大号红色显示。 |
所有金额都使用 $ 前缀和两位小数。
没有积分行
此版本不显示明确的 "您获得了 N 积分" 行。忠诚度仅在两处出现：会员胶囊（订单挂在谁名下）和 Discount 行（汇总任何忠诚度或优惠券折扣）。收银员在 POS 上确认积分，会员在销售之后于会员 App 中看到它们。
"PAID" 横幅
订单付款后，订单卡片底部会出现一条带大号白色 PAID 文字的绿色横幅。这是顾客的致谢 / 确认状态——显示屏上没有单独的收据屏幕。到达 PAID 还会自动关闭任何打开的支付模态框。
会员
显示屏让顾客可以当场加入或被匹配到会员，无需 QR 码。
会员胶囊
品牌内容附近有一个黑色圆角胶囊。当未挂任何顾客时，它读作 MEMBERSHIP 并带有副文字 TAP TO JOIN MEMBERSHIP。一旦挂上顾客——无论是收银员在 POS 上添加的，还是他们在此处注册的——它会显示会员姓名及其手机号或邮箱。点击该胶囊会打开 Membership 模态框。
会员姓名仅在平板上显示
在宽屏平板布局上，胶囊会切换为显示所挂会员的姓名和联系方式，以便员工与顾客确认挂的是谁。在窄屏手机布局上，胶囊始终显示通用的 MEMBERSHIP / TAP TO JOIN 标签。
查询现有会员
Membership 模态框打开时是一个手机号搜索：一个 +65 前缀和一个已聚焦、就绪的数字手机号字段。
- 顾客（或收银员）键入会员的手机号。
- 点击 Search。
- 如果找到匹配，会出现绿色的成功提示，模态框关闭，且该顾客被挂到当前订单——积分和忠诚度随后在 POS 上应用。
- 如果未找到匹配，模态框直接切换到下方的注册表单。
当字段为空或显示屏断连时，Search 按钮被禁用（并读作 Offline）。
注册新会员
当未找到手机号时，模态框会显示一个红色的 Customer not found 横幅，以及一个用来当场创建会员的 Customer Details 表单。可能的字段：
| 字段 | 备注 |
|---|---|
| First Name / Last Name | 会员的姓名。 |
| 自动去除首尾空格。 | |
| Birthday | 一个日期选择器，上限为今天，带有 Clear 选项。 |
| Gender | Male / Female / Other 标签。 |
| Password / Confirm Password | 各有一个显示/隐藏的眼睛开关；两者必须一致。 |
您的注册字段驱动此表单
哪些字段出现、哪些为必填，来自您的商家 signupFields 配置——在 Rewardly 后台设定，而非在设备上。必填字段会显示一个 *，且必须在注册成功之前填写。
点击 Sign Up 以创建并挂上会员。成功后您会得到一个带新会员姓名和手机号的绿色提示，模态框关闭，他们被挂到订单上。Back to search 链接会返回手机号步骤。缺失的必填字段会显示行内红色错误以及 "Please fill in required fields" 提示，断连时按钮读作 Offline。
向顾客显示的支付
当您的收银员在 POS 上开始一笔支付时，显示屏会显示匹配的提示，以便顾客知道该做什么。
等待支付
对于终端支付，会出现一个带金额、加载图标和 "Please complete the payment on the terminal." 的 Waiting for payment 模态框。状态行在挂起时读作 "Awaiting payment..."，完成时读作 "Payment received"。支付完成或订单到达 PAID 时模态框会自行关闭。
PayNow QR（新加坡）
对于 PayNow 支付，同一个模态框改为显示一个 PayNow 标题和一个供顾客用其银行应用扫描的 QR 码，金额在其上方。当码仍在准备时，它会显示一个 "Generating QR..." 占位符。该 QR 由 Rewardly 的后端生成，而非在设备上。
Tap-to-Pay（Adyen，仅 Android）
仅 Android
对于 Tap-to-Pay 支付，显示屏通过 Adyen 在设备本身上接受非接触式刷卡轻触。这仅在 Android 上有效——在 iOS 上 Tap-to-Pay 视图什么都不显示，因此在 iOS 显示屏上请使用单独的终端或 PayNow。
轻触过程中会显示 Waiting for payment 模态框。轻触成功时，支付会记录到订单上且模态框关闭；轻触失败时，显示屏会记录失败、关闭提示，并显示一个带原因的红色错误提示。
相关内容
- 在 POS 上销售 — 显示屏所镜像的同一笔销售的收银员一侧。
- 电子钱包 — 此处显示的 PayNow 和钱包支付方式。
- Concierge — 会员通过此屏幕加入的忠诚度项目。
- 忠诚度钱包 — 会员查看这笔销售所获积分的地方。
- 厨房显示屏（KDS） — 面向厨房的配套屏幕。