大屏抽奖流程
一、功能介绍
1、角色与权限
谁能操作：超级管理员、系统管理员、应用管理员、奖票活动管理员。 管理者可以在首页-用户权限-奖票管理中设置应用管理员及奖票活动管理员。2、功能介绍
抽奖功能遵循轮次设置、抽取奖票、展示中奖人员、抽取奖品、查看中奖记录的标准化流程，全程支持空格键快捷操作。 系统按是否允许重复中奖两套规则校验抽取上限，提供单条抽取、一键批量抽取两种模式， 搭配头像轮播、扭蛋机动画增强互动；中奖名单自动分页轮播展示，可切换查看各轮历史中奖记录，奖品、参与人员或奖票耗尽即终止抽奖， 支持多轮循环抽奖。
二、操作流程
1、大屏入口与资源预加载
① 入口：仅“抽奖中”状态活动显示【抽奖大屏】按钮，点击打开大屏页面（同一活动仅允许单开）；
② 预加载：进入大屏后自动加载头像、背景、特效、音效、奖品图片，加载完成后显示【确定】按钮（或3秒倒计时自动关闭）；
③ 异常处理：资源加载失败时，可以重新进行加载。
2、奖品展示
- 页面展示：活动名称、奖票总数、报名人数、奖品种类/总数；
- 奖品列表：每页显示10个，自动轮播（每页停留5秒），支持手动切换；
- 启动抽奖：点击【立即开始】或按空格键进入抽奖环节（快捷键1秒内连点无效）。
3、抽奖流程
抽奖流程：轮次设置→抽奖票→抽奖品→结果展示
| 步骤 | 操作说明 | 快捷键 |
|---|---|---|
| 1. 轮次设置 | 输入本轮抽取奖票数（≤50） | 空格 |
| 2. 抽奖票 | 开始轮播 → 停止 → 确认中奖奖票 | 空格 |
| 3. 展示奖票结果 | 显示本轮所有中奖成员 | 空格 |
| 4. 抽奖品 | 扭蛋机动画 → 停止 → 确认中奖奖品 | 空格 |
| 5. 展示中奖记录 | 支持查看历史轮次 | - |
| 6. 开始下一轮 | 重复以上流程 | 空格 |
步骤1：轮次设置
进入抽奖页面，（第一轮自动开启轮次）弹出轮次设置弹窗，设置本轮抽取奖票数（≤50、≤剩余奖品数、≤有效奖票/成员数）；
根据重复规则，
- 允许成员重复中奖时，只要有足够的奖票即可开启轮次抽奖。
- 成员活动中只能中奖一次或轮次内只能中奖一次时，成员被抽中一次就不能再次参与，所以需要足够的成员数量。
- 点击【开始本轮】或按空格键，验证后进入抽奖票环节。
允许成员重复中奖时，显示“可抽取奖票”的数量，设置的轮次抽取奖票数量，不可大于“可抽取奖品数”与“可抽取奖票数”。
成员活动中只能中奖一次或轮次内只能中奖一次时，显示“可抽取成员”的数量，设置的轮次抽取奖票数量，不可大于“可抽取奖品数”与“可抽取成员数”。
步骤2：抽取奖票
- 页面显示：轮次数、本轮预计抽取数、本轮剩余抽取数；
- 抽取1张奖票：
- 点击【抽取1张奖票】按钮（或按空格键），轮播员工头像；
- 点击【停止】（或按空格键），弹出中奖奖票预览（员工信息/奖票关联事件）；
- 按关闭按钮关闭弹窗（或按空格键）；
- 抽取剩余奖票
- 点击【抽取剩余奖票】，一键抽取本轮剩余所有奖票，完成后直接进入奖票结果页；过程中也可以使用空格键进行快捷操作。
步骤3：奖票结果
- 展示本轮抽中所有奖票的员工信息（头像/姓名/编号）；
- 列表规则：每页10个，自动轮播（停留5秒），鼠标移入暂停；
- 重复抽中：显示多条记录，鼠标移入头像可点击【奖票】查看详情；
- 启动抽奖品：点击【开始抽取奖品】或按空格键进入下一步。
步骤4：抽取奖品
- 页面显示：需抽奖品数、未抽奖品数、员工奖票列表、中奖记录列表；
- 抽取1个奖品
- 点击【抽取1个奖品】（或按空格键），播放扭蛋机动画，
- 点击【停止】（或按空格键），弹出中奖奖品提示；
- 抽取剩余奖品
- 点击【抽取剩余奖品】，一键抽取本轮剩余所有奖品，完成后直接进入中奖记录页面，过程中也可以使用空格键进行快捷操作。
本轮最后1个奖品抽取完成后，自动进入中奖记录页；
点击右上角【剩余奖品】可查看奖品剩余情况；
步骤5：中奖记录
- 展示本轮所有中奖记录（头像/姓名/编号/奖品图片/名称）；
- 支持切换查看上一轮/下一轮中奖记录；
后续操作：根据奖品剩余/重复规则，显示“抽奖结束”标签或【开始下一轮抽奖】按钮。
以下任意规则，满足其一则会显示“抽奖结束”标签，活动无法继续进行：
- 所有奖品已抽完
- 所有参与成员已抽完（设置重复规则：成员只能中奖一次或每轮只能中奖一次）
- 所有奖票已抽完（设置重复规则：允许成员重复中奖）
点击【开始下一轮抽奖】按钮，返回步骤1，开始下一轮的抽取。
4、大屏操作规则
- 快捷键：所有操作支持空格键（1秒内连点无效）；
- 唯一性：同一活动仅允许打开一个大屏页面，多开提示“已开启其他大屏抽奖”；
- 状态恢复：刷新/重进大屏，自动恢复到当前抽奖步骤；
- 其他说明：暂不支持重抽。