Skip to content

课堂评价组件

16 类组件用于 课堂实时评价 现场投屏:活动氛围、排名、进度、打分动态、维度分析、评语与扫码入口等。属性分段均为:内容 · 样式 · 数据 · 行为(部分组件含 行为 专页),默认打开 数据

场景与入口

从评价活动 创建大屏 时会自动放置部分组件并绑定数据源;也可在任意大屏左栏 组件 → 课堂评价 拖入。活动发布流程、H5 打分见 课堂评价分册;大屏装修与联动见 评价大屏与组件


共有:评价数据

数据 分段顶部的 评价活动 为各类组件共用:

配置说明
评价活动下拉选择 已发布 的活动(显示 活动名称);未发布项不可选。无活动管理权限的大屏协作者,仍可见本屏已绑定活动的名称
自动刷新(秒)预览/发布页按间隔拉取;0 表示仅进入页面时请求一次;编辑器内不持续刷新
数据源绑定也可在 数据 底部绑定 课堂评价 API 数据源,与下拉选活动二选一即可

画布右下角(工具栏 数据源名称 开关开启时)会显示绑定的 活动名称 或数据源名称。

关联评价大屏的组件在创建时会 自动填写 当前活动的绑定信息;保存大屏后系统会 重新解析 运行时凭证(无需在 JSON 里保存 Key)。


评分排行榜 evalLeaderboard

用途:展示综合分排名,支持名次动画、高亮前几名与 点击联动

分段配置要点
数据评价活动、自动刷新;绑定 rankings 端点或「活动名-排行榜」数据源
内容标题;子榜过滤(专家/学生等);展示名次高亮前 N 名;头像形状;洗牌模式(自动/受控,受控时由遥控「刷新排行榜」触发);点击联动
样式行高/间距、名次与头像字号、前三高亮样式
行为排名动画时长、交互事件

联动:开启 点击联动 后,预览/发布页点击某行会写入全局 evalTargetId;同页 维度雷达图(单对象 + 跟随联动)或 维度对比柱图(按维度 + 跟随联动)会切换至该评分对象。


评分进度 evalProgress

用途:展示打分完成度,可按总体、角色或对象查看。

分段配置要点
数据评价活动、自动刷新;绑定 progress 端点或「活动名-进度」数据源
内容标题;视图模式(总体 / 按角色 / 按对象);显示已评/应评人数;进度条样式(渐变/纯色/分段);尺寸(小/中/大)
样式进度条颜色、渐变辅色、轨道色;标题/文字颜色;内边距
行为交互事件、入场动画

活动 暂停 / 结束 时,组件会显示对应状态文案。


实时动态 evalFeed

用途:滚动展示最新打分记录,适合现场氛围屏;支持 横滑弹幕高能弹幕墙

分段配置要点
数据评价活动;绑定 feed 端点或「活动名-动态」数据源
内容展示样式(行情流 / 横滑弹幕);动作过滤、隐私脱敏、最多可见行数
样式弹幕轨道间距、边框与阴影、高能样式
行为滚动模式与方向、防洪控速

匿名活动下打分人显示为「匿名评委」。


维度雷达图 evalRadar

用途:单对象或多对象对比各 评价维度 得分。

分段配置要点
数据评价活动、自动刷新;绑定 rankings 端点(取对象 dimensionScores
内容显示标题展示模式(单对象 / 多对象对比);评分对象下拉(留空取榜首/联动);维度映射(自定义轴名与满分);最多对比数;显示分数标签;跟随排行榜联动
样式雷达形状、网格线/填充/线宽;轴名字号/间距分数标签字号图例字号(多对象对比时);标题色
行为全场均线、最值高亮、数据动画;交互事件

活动头图 evalActivityHeader

用途:顶栏展示活动主/副标题、Logo、状态标签;可配置 切页全屏转场(与事件链 switchPage 或遥控切页配合)。

分段配置要点
内容主标题/副标题、Logo 大小、状态标签显隐
样式背景、霓虹扫光、状态标签字号/颜色
行为切页转场(辐射光波/粒子等,动画中段切换页面)

答辩倒计时 evalCountdown

用途:大屏答辩/评分倒计时;可与遥控页 暂停/继续/重置/加时 同步。

分段配置要点
内容显示标题、默认时长、时间格式、超时模式、结束动作(含锁定打分)
样式环形/数字样式、危险阈值颜色、背景
行为归零音效与音量

Top3 颁奖台 evalPodium

用途:展示前三名;支持悬念升起、冠军聚光、全屏烟花;遥控 揭晓前三名 可触发特效。

分段配置要点
内容台座顺序与高度、奖牌类型
样式主题色、头像尺寸与适应方式
行为悬念升起、冠军聚光、屏幕闪动事件

当前展示对象 evalSpotlight

用途:聚焦当前评分对象(头像、分数、维度摘要);支持切组转场与联动。

分段配置要点
内容副标题/出场序显隐、布局模式、无焦点占位
样式流光边框、毛玻璃卡片、字号与加粗
行为切组转场、打分状态角标、跟随排行榜联动

打分弹条 evalScoreFlash

用途:SSE 实时弹出最新打分条,可显示升排名与 Top3 高亮。

分段配置要点
内容触发过滤、最低分阈值、隐私脱敏
样式弹条主题、字号
行为入场动画、队列策略、高能闪动

进度环 evalProgressRing

用途:环形或条形展示打分完成度;支持按角色/对象多环。

分段配置要点
内容显示标题/活动状态、视图模式(总体/按角色/按对象)、中心文案模式
样式环尺寸、描边粗细与颜色、标题与状态字号
行为100% _burst、紧迫呼吸灯

评语墙 evalCommentWall

用途:滚动展示最新评语。

分段配置要点
数据绑定 feedtags 相关数据源
内容最多条数、滚动方式
样式卡片样式、字号

扫码打分 evalQrPanel

用途:大屏展示评委扫码入口二维码;活动 暂停/结束 时显示锁定遮罩。

分段配置要点
内容通道文案、状态标签、中心 Logo
样式二维码尺寸/颜色/点阵样式、容器背景、引导流光
行为扫码通道(主/备/内网,可与活动设置及遥控同步)

评委展示 evalJudgePanel

用途:展示评委头像、姓名、角色、打分进度与实时分。

分段配置要点
内容职称/实时分显隐、布局(网格/行列表)、分数遮罩模式
样式卡片主题、头像尺寸、主评委高亮标签
行为三态视觉(空闲/打分中/已提交)

维度对比柱图 evalDimensionBar

用途:在同一维度下对比多个对象,或在同一对象下对比多个维度。

分段配置要点
数据评价活动、自动刷新;绑定 rankings 端点
内容标题;对比方式(按对象·同一维度 / 按维度·同一对象);维度名称或对象 ID(留空取默认);跟随排行榜联动(按维度模式);柱图方向;显示平均线;满分刻度
样式柱条色、平均线色;内边距
行为交互事件、入场动画

评分热力图 evalHeatmap

用途:对象 × 维度矩阵,色深表示分数高低。

分段配置要点
数据评价活动、自动刷新;绑定 rankings 端点
内容标题;最多对象数;满分刻度;是否显示单元格分数
样式低分色、高分色;标题色、轴标签色;内边距
行为交互事件、入场动画

评语词云 evalCommentCloud

用途:汇总评语高频词,形成词云展示。

分段配置要点
数据评价活动、自动刷新;绑定 tags 端点(词频);不能仅用「活动名-动态」数据源
内容标题;最多词数;配色方案(渐变/分类色);停用词(逗号分隔,过滤无意义词)
样式标题色;内边距
行为交互事件、入场动画

排行榜联动(速查)

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

  1. 排行榜内容 → 开启 点击联动
  2. 雷达图(单对象)或 柱图(按维度)→ 开启 跟随排行榜联动
  3. 预览/发布页点击排行榜某行,图表切换为该对象数据

详见 评价大屏 · 组件联动


相关文档

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