Appearance
大屏设计器
大屏设计器用于创建可视化数据大屏,支持拖拽式设计和多种数据源绑定。
适用场景
- 管理者:创建业务监控大屏,实时查看 KPI 和流程数据
- 业务分析人员:通过图表和数据展示分析结果
- 展厅/汇报场景:在大屏幕或投影上展示数据可视化
功能概述
- 项目管理:新建、复制、删除大屏项目,按状态筛选(草稿/已发布/已停止)
- 可视化设计器:拖拽式设计画布,支持 40+ 种组件
- 组件库:装饰、KPI 指标、业务流程图、图表(柱状/折线/饼图等)、数据表格、地图、时间轴、筛选器等
- 数据绑定:支持静态数据、系统数据源、运行时业务模块、流程分析预设四种方式
- 筛选联动:通过筛选器组件和全局变量实现跨组件数据联动
- 动画效果:组件入场动画(淡入、上滑、缩放等)
- 全屏预览:一键预览大屏效果,支持公开发布(通过 Token 分享)
- 撤销/重做:完整的编辑历史
操作说明
创建大屏项目
- 进入大屏设计器(菜单或
/screen) - 点击"新建大屏",系统创建空白项目并自动进入设计器
- 在画布属性中设置尺寸(推荐使用预设:1920×1080 或 3840×2160)
设计大屏
- 从左侧组件库拖拽组件到画布
- 选中组件,在右侧属性面板中配置:
- 基础属性:标题、文本、数值等
- 样式:边框、透明度、旋转、动画
- 数据源:选择数据绑定方式并映射字段
- 事件:配置点击事件(打开链接、刷新数据等)
- 通过画布工具栏缩放、拖动,调整组件位置和大小
- 使用筛选器组件(下拉框、日期等)创建交互式大屏
绑定数据源
大屏支持四种数据来源:
- 静态数据:直接填写 JSON 数据
- 系统数据源:引用已配置的 SQL 数据源
- 业务模块:引用运行时业务模块的数据
- 流程分析:使用内置的流程分析预设(待办统计、审批趋势等)
预览和发布
- 点击"预览"查看大屏效果
- 确认无误后点击"发布"
- 发布后可生成公开链接(Token),无需登录即可查看
- 公开链接只能访问当前大屏实际引用的数据源、运行模块和流程预设,不能用于查询未绑定资源
常见问题
设计器和预览效果不一样? 预览时会按浏览器窗口自适应缩放,设计器显示的是实际尺寸。
如何让图表数据自动刷新? 在组件的数据源配置中设置刷新间隔(秒),数据将按间隔自动更新。
公开分享安全吗? 公开链接使用随机 Token,只有知道链接的人才能访问,并且后端会校验公开大屏是否引用了对应数据源、运行模块或流程预设。如需撤销分享,可取消发布重新生成 Token。
浏览器访问
- 项目列表:
/screen - 设计器:从项目列表进入
- 预览:从项目列表或设计器中进入
