Skip to content

大屏设计器

大屏设计器用于创建可视化数据大屏,支持拖拽式设计和多种数据源绑定。

适用场景

  • 管理者:创建业务监控大屏,实时查看 KPI 和流程数据
  • 业务分析人员:通过图表和数据展示分析结果
  • 展厅/汇报场景:在大屏幕或投影上展示数据可视化

功能概述

  • 项目管理:新建、复制、删除大屏项目,按状态筛选(草稿/已发布/已停止)
  • 可视化设计器:拖拽式设计画布,支持 40+ 种组件
  • 组件库:装饰、KPI 指标、业务流程图、图表(柱状/折线/饼图等)、数据表格、地图、时间轴、筛选器等
  • 数据绑定:支持静态数据、系统数据源、运行时业务模块、流程分析预设四种方式
  • 筛选联动:通过筛选器组件和全局变量实现跨组件数据联动
  • 动画效果:组件入场动画(淡入、上滑、缩放等)
  • 全屏预览:一键预览大屏效果,支持公开发布(通过 Token 分享)
  • 撤销/重做:完整的编辑历史

操作说明

创建大屏项目

  1. 进入大屏设计器(菜单或 /screen
  2. 点击"新建大屏",系统创建空白项目并自动进入设计器
  3. 在画布属性中设置尺寸(推荐使用预设:1920×1080 或 3840×2160)

设计大屏

  1. 从左侧组件库拖拽组件到画布
  2. 选中组件,在右侧属性面板中配置:
    • 基础属性:标题、文本、数值等
    • 样式:边框、透明度、旋转、动画
    • 数据源:选择数据绑定方式并映射字段
    • 事件:配置点击事件(打开链接、刷新数据等)
  3. 通过画布工具栏缩放、拖动,调整组件位置和大小
  4. 使用筛选器组件(下拉框、日期等)创建交互式大屏

绑定数据源

大屏支持四种数据来源:

  • 静态数据:直接填写 JSON 数据
  • 系统数据源:引用已配置的 SQL 数据源
  • 业务模块:引用运行时业务模块的数据
  • 流程分析:使用内置的流程分析预设(待办统计、审批趋势等)

预览和发布

  1. 点击"预览"查看大屏效果
  2. 确认无误后点击"发布"
  3. 发布后可生成公开链接(Token),无需登录即可查看
  4. 公开链接只能访问当前大屏实际引用的数据源、运行模块和流程预设,不能用于查询未绑定资源

常见问题

设计器和预览效果不一样? 预览时会按浏览器窗口自适应缩放,设计器显示的是实际尺寸。

如何让图表数据自动刷新? 在组件的数据源配置中设置刷新间隔(秒),数据将按间隔自动更新。

公开分享安全吗? 公开链接使用随机 Token,只有知道链接的人才能访问,并且后端会校验公开大屏是否引用了对应数据源、运行模块或流程预设。如需撤销分享,可取消发布重新生成 Token。

浏览器访问

  • 项目列表:/screen
  • 设计器:从项目列表进入
  • 预览:从项目列表或设计器中进入