Skip to content

评价大屏与组件

评价大屏用于 现场投屏:排名、进度、打分动态、维度分析等实时更新。与普通大屏共用同一套 编辑器、预览、发布 能力,但从 评价活动 入口创建与管理。

属性面板逐项说明

十六类组件的 内容 / 样式 / 数据 / 行为 配置项见 课堂评价组件 · 配置说明。下文侧重 创建入口、数据源、遥控与联动


创建与进入

一键创建

  1. 活动须 已发布(有 API Key)。
  2. 概览 → 创建大屏 → 确认。
  3. 系统在新标签页打开编辑器,并:
    • 写入 config.evalActivityId
    • 按模板 screen_preset 放置组件(默认含排行榜、进度、动态等)
    • 自动创建数据源:活动名称-排行榜活动名称-进度活动名称-动态
    • 组件 绑定 对应数据源

每个活动 只能关联一个大屏;已有关联时按钮变为 修改大屏

修改与预览

入口说明
修改大屏新标签页编辑器;进行中可改布局与样式
预览大屏新标签页预览;与发布页一样 实时更新
活动 已结束预览,不可再修改

评价大屏 不在「我的大屏」列表出现,请从活动详情进入。


组件库位置

编辑器左栏 组件 → 分组 课堂评价(需有组件使用权限)。

拖入或点击添加时,若当前大屏已关联活动,组件 自动填写 activityId / apiKey,无需手填密钥。

属性 数据 分段 → 评价数据 下拉选择活动(一般保持默认关联活动即可)。


现场遥控

活动 详情 或列表操作列进入 遥控 页,用于现场控制投屏大屏(须已关联大屏)。

完整操作说明、SSE 事件、权限与常见问题见 大屏遥控

区域能力
切页切换候场 / 进行中 / 揭晓等页面(SSE 同步预览与发布页;优先于自动切 live)
定焦点点选评分对象,联动聚光灯/雷达等
刷新排行榜强制全量重排并推送 snapshot
揭晓 Top3选择目标页后揭晓前三名,触发颁奖台/聚光特效
扫码通道切换 primary / backup / lan,扫码组件即时重绘
答辩倒计时暂停、继续、重置、+30s / +1min
对象与评委 / 活动设置现场维护名单与规则(与详情 Tab 复用)
生命周期开始 / 暂停 / 恢复 / 结束

三页叙事 preset

一键建屏默认三页:

页面pageKey典型内容
候场eval_lobby头图、倒计时、扫码
进行中eval_live排行榜、动态、雷达
揭晓eval_finale颁奖台、聚光灯、Top3

答辩/路演/互评等模板可能使用不同 preset 名称,逻辑相同。


十六类评价组件说明

各组件 属性面板 完整字段见 课堂评价组件。以下为场景速览:

氛围与流程

组件要点
活动头图标题/状态/Logo;切页转场
答辩倒计时与遥控倒计时同步
扫码打分二维码入口;暂停/结束锁定
评委展示评委头像与打分进度

1. 评分排行榜(evalLeaderboard)

配置项说明
标题 / 颜色样式分段
显示条数默认 Top 10
头像 / 分数 / 趋势是否展示
高亮前几名前三名样式
联动开启后点击行写入 evalTargetId
排名动画名次变化 ▲▼ 与过渡
刷新间隔预览/发布下随活动进度自动更新;编辑器内不持续刷新

数据:绑定 …-排行榜 或 rankings 端点。

2. 评分进度(evalProgress)

配置项说明
视图模式总体 / 按角色 / 按对象
显示数量是否展示已评人数
活动状态文案暂停/结束等提示

数据:progress 端点。

3. 实时动态(evalFeed)

配置项说明
样式滚动列表等
显示评委 / 评语匿名活动时显示「匿名评委」
最大条数列表上限
自动滚动新消息滚屏

数据:实时动态列表;网络短暂中断时会自动补拉最新记录。

4. 维度雷达图(evalRadar)

配置项说明
模式单对象 / 多对象对比
评分对象下拉选择;留空取榜首或联动
维度映射自定义轴名与满分
跟随联动读取 evalTargetId 切换对象
样式轴名/分数/图例字号;全场均线

数据:rankings 中对象的 dimensionScores

8~16. 其它新增组件

组件用途
颁奖台Top3 展示与揭晓特效
聚光灯当前对象聚焦
打分弹条实时打分提示条
进度环环形完成度
评语墙评语滚动墙

5. 维度对比柱图(evalDimensionBar)

配置项说明
对比模式多对象 / 按维度
布局横向 / 纵向
平均线可选

数据:rankings;可跟随联动高亮当前对象。

6. 评分热力图(evalHeatmap)

  • 行:对象;列:维度;色深表示分数。
  • 数据:rankings 矩阵。

7. 评语词云(evalCommentCloud)

  • 展示评语高频词。
  • 数据:tags 端点(词频);绑定 …-动态 不适用,需 tags 或单独 eval-api。

组件联动(手把手)

适用于 排行榜 + 雷达/柱图 同屏:

  1. 选中 排行榜 → 属性 内容 → 开启 联动
  2. 选中 雷达图 → 开启 跟随联动
  3. 预览/发布:点击排行榜某一行,雷达图切换为该对象的维度分。

联动变量为全局 evalTargetId(预览页 数据联动 机制)。


数据源

自动创建的三条

名称示例端点用途
答辩专场-排行榜rankings排行榜、雷达、柱图、热力图
答辩专场-进度progress进度组件
答辩专场-动态feed实时动态

手动添加

编辑器 → 数据源课堂评价 API → 选活动 → 选端点(含 tags 词频)。

详见 数据源 · 课堂评价 API

评价大屏 vs 普通大屏

  • 评价大屏:数据源面板 只显示本活动 的 eval-api。
  • 普通大屏:可看到您可编辑的全部大屏下的数据源,可复用同活动 rankings 绑到 标准柱状图 等(自动格式转换)。

画布上的数据源标签

工具栏 数据库图标(网格/吸附旁)可开关:组件右下角显示 已绑定数据源名称(随主题色)。


标准图表绑定评价数据

折线图、柱状图等 非 eval 专属组件 也可绑定课堂评价 API:

  1. 绑定 rankings / progress / tags 等数据源。
  2. 未填 dataPath 时按 消费端点 自动补全。
  3. 数据格式 自动转换 为图表所需结构。

绑定后 数据 分段隐藏静态 JSON 编辑,避免与接口数据混淆。


实时刷新

环境行为
预览 / 发布页打分、排名、进度变化时 自动刷新 组件
编辑器进入时加载 一次 最新数据,便于排版(不持续刷新)
活动结束展示 最终结果,排名不再变化

发布对外展示

与普通大屏相同:

  1. 编辑器 → 发布 → 配置密码/过期/适配模式。
  2. 生成 公开链接 或二维码,用于现场投屏。
  3. 现场展示请优先使用 发布链接 或活动详情中的 预览大屏,以保证排行榜与动态及时更新。

若长时间不更新,请联系 系统管理员 排查(用户无需自行配置服务器)。

预览与发布


装修建议

区域建议
主视觉排行榜居中放大,开启联动
副屏雷达 + 进度左右分栏
底部实时动态滚动
结束阶段切到冻结排名页,隐藏动态或改文案

相关文档

巧曦大屏搭建平台 · 技术支持