功能描述
1.查看礼券详情
2.发布/隐藏礼券
3.查看我的礼券详情
4.查看礼券信息详情
界面



界面元素——详情(图1、3)
| 名称 | 用途 | 显示 | 交互 |
|---|---|---|---|
| 礼券名称 | 展示 |
礼券名称 所需分数 |
无 |
| 发布 |
展示、点击 | 按钮:【Published 】 | 1.点击按钮,弹出提示窗(如图4) |
| 隐藏 | 展示、点击 |
按钮:【Hide 】 | 1.点击按钮,弹出提示窗(如图2) |
| 详情 | 展示、点击 | 按钮:【Details】 | 1.点击按钮,弹出信息详情(如图5) |
| 显示时间段 | 展示 |
Display 天数 开始日期 结束日期 |
1.当礼券隐藏时,不显示剩余显示天数(如图3),展示框显示灰色 2.当礼券发布时,显示剩余的显示天数(如图1),展示框显示白色 3.礼券过期/隐藏后顾客端不显示该礼券,无法进行兑换礼券 |
| 兑换进度 | 展示 |
Qty 剩余数量/总数量 |
1.当界面刷新时,数据实时显示 2.当发生换券、退券时,数量需更新 |
| 使用时间段 | 展示 |
Redeem Date 天数 开始日期 结束日期 |
1.当礼券状态为隐藏时,在使用时间内,礼券仍可被使用 2.当超过使用期后,顾客无法再使用礼券 |
| 缩略图 | 展示 | 显示礼券图片 | 无 |
| 我的礼券列表 | 展示 |
我的礼券ID、状态、领券人、持券人、兑换时间 、使用/退券时间、备注、日志 |
1.状态实时更新 2.点击日志按钮【View】,进入【我的礼券详情】页面 |
| 分页指示器 |
展示、页面跳转 |
页码数量 |
1.点击对应的页码数字,可以跳转到对应的列表页面 |
界面元素——弹窗(图2、4 )
| 名称 | 用途 | 显示 | 交互 |
|---|---|---|---|
| 更改礼券状态 | 展示 |
Change display status |
无 |
| 状态变化指示 |
展示 |
1. Hide>Published 2.Published > Hide |
无 |
| 礼券信息 | 展示 |
换领期 有效期 数量 是否允许退分 |
1.展示信息与礼券详情信息一致 |
| 隐藏 |
展示、点击 | 按钮:【Hide 】 | 1.点击按钮弹窗消失,回到图3,礼券被隐藏 |
| 发布 |
展示、点击 |
按钮:【Published 】 |
1.点击按钮弹窗消失,回到图1,礼券发布成功 |
| x |
关闭弹窗 |
关闭弹窗 |
点击关闭弹窗 |
界面元素——弹窗(图5 )
| 名称 | 用途 | 显示 | 交互 |
|---|---|---|---|
| 礼券详情 | 展示 |
礼券名称、描述、条款和条件、换领期、 有效期、数量、是否允许退分 |
无 |
|
x |
关闭弹窗 |
按钮:【x】 |
点击关闭弹窗 |