大屏管理

创建大屏分组

创建大屏分组与建立文件夹相似，可通过拖拽，将创建好的大屏分入不同的组进行管理，也可在分组内增加同类大屏。

图片60.png

操作指引

1

操作一

依次点击“可视化中心”“大屏”，进入大屏模块。左侧区域显示已建成的大屏分组，点击不同的分组，可查看组内创建好的大屏。

2

操作二

点击“大屏分组”旁的“+”按钮，可新建分组。

创建大屏

平台预置了不同样式的大屏模板以供选择，也可不选择模板，选择“通用模板”，自由配置大屏内容。

图片61.png

操作指引

1

操作一

点击想要新建大屏的分组，在右侧区域点击“新建大屏”，进入大屏模板选择页面。

2

操作二

如果使用模板，则可在左侧区域选择合适的模板，点击右上角“创建大屏”，完成模板大屏创建。

3

操作三

如果不使用模板，则选择“通用模板”，点击右上角“创建大屏”，完成空白大屏创建。

配置大屏

进入编辑页面，可对大屏全局进行配置，配置区域主要可分为四个部分：

图层区：画布上添加组件后会作为图层显示在这里，可对不同图层顺序进行调整，并对组件进行组合和打散管理；

组件区：预置了丰富多样的可视化设计组件，可拖拽到设计区进行页面配置和布局设计；

设计区：可对可视化设计组件进行布局设计；

配置区：可视化组件拖拽至设计区后，点击组件，即可在配置区对组件进行配置；点击画布空白部分，即可在配置区对大屏进行配置。

图片62.png

（1）大屏标题

新建大屏标题会默认为大屏模板名称，可手动进行重命名，完成后点击其他位置或点击回车键，即可保存修改后的大屏标题。

图片63.png

（2）大屏尺寸

大屏尺寸按照像素设置，一般PC和大屏设置为1920*1080，移动端需按照移动端的像素来设置大小，可根据实际情况需要灵活调整。

图片64.png

（3）缩放方式

当大屏在不同设备上显示时，往往需要大屏与设备适配，此时就需要设置缩放方式。平台支持四种缩放方式以供选择。在配置大屏前，用户需要事先确认好大屏在哪些设备上使用，不同的设备设定尺寸不同，如果等大屏配置完成再调整尺寸，可能需要重新排版，增加工作量。

全屏等比缩放：一般大屏默认的缩放方式，适合1920*1080的大屏\PC配屏使用；

按宽度适配（纵向滚动）：适用于超宽屏用PC或其他设备打开以正常浏览内容；

按高度适配（横向滚动）：适用于网页式长页面；

移动端：适用于在手机上显示大屏，适配手机。

图片65.png

（4）主题背景

主题背景主要用于设置和修改大屏背景图片，如果没有背景图片，则可设置纯色背景色。

图片66.png

（5）辅助设置

配置大屏时，可以利用网格、标尺、参考线来帮助我们摆放和对齐组件。需要网格、标尺、参考线等辅助工具时勾选对应项目，如果不需要，去掉勾选即可。网格右侧数值代表网格的距离，数值越小越密集，数值越大越稀疏，根据需要输入合适的数值。

图片67.png

（6）通信组设置

当大屏需要用动态数据做交互时，例如使用下拉筛选器筛选表格中符合要求的数值，使用此设置创建通信组的事件名称，之后配置组件的组件通信时，可以将数据交互的组件勾选在同一通信组内，以便对组件通讯进行分组管理。

图片68.png

图片69.png

（7）大屏水印

可对大屏添加水印，并调整水印颜色、字号和间距，水印文字与用户名相同。如果设置组件通信，即设置了大屏组件间的数据交互，例如数据下钻或穿透，可以开启变换手形，设置后数据移动到可点击下钻/穿透的组件上时，鼠标图标会变换形状。可上传本地图片作为手形样式，未上传时默认使用系统手形鼠标。

图片70.png

大屏排版

选择组件，点击鼠标右键，可进行置顶/置底、复制、跨屏复制、上移一级、下移一级、组合/打散、收藏、锁定、删除等操作。

图片71.png

（1）组件图层

选中组件图层点击右键，可对该组件设置置顶、置底、上移一级、下移一级等图层顺序，适用于在多组件重叠显示的时候，根据需要调整显示的顺序等级。在大屏左侧图层列可查看所有图层顺序情况。

图片72.png

图片73.png

（2）组件复制

选中组件点击右键，可进行组件复制和跨屏复制。点击复制会在当前屏复制组件。点击跨屏复制需在弹框中选择大屏页面，确认后需到选择的大屏编辑页面中进行查看复制的组件。

图片74.png

（3）组件组合与打散

多选组件后，右键点击组合，即可实现组件组合，组合后的组件将成为一个整体，可整体移动位置。组合后的组件可以选中后打散，恢复之前未组合的状态。

方法1：Ctrl+鼠标点击画布上的组件，或者Ctrl+鼠标点击图层列上的组件，点击右键选择组合；

方法2：鼠标拖动选中画布中想要组合的组件，点击右键选择组合。

图片75.png

图片76.png

（4）组件删除

可通过右键点击删除或键盘delete键进行删除操作，也可选多个组件一起删除。

图片77.png

（5）组件锁定

锁定可以锁定组件的位置，以便于后续调整其他组件时不会影响该组件位置，锁定后仍然可以调整组件配置和删除组件。锁定后，组件可取消锁定。

图片78.png

（6）组件收藏

可以将配置好的组件收藏至“资源收藏”，并设定是个人资源还是公共资源。收藏后的组件可以直接引用。关于资源收藏的说明可见组件介绍章节。

图片79.png

大屏管理

（1）预览

大屏配置完成后，可进行预览查看。

方法1：大屏编辑页面点击右上角预览按钮，即可打开新页面进行预览查看；

图片80.png

方法2：大屏页面直接点击预览查看的大屏缩略页面，即可打开新页面进行预览查看；

图片81.png

方法3：大屏页面点击全局预览按钮，即可实现预览功能，此处预览是全局预览，可键盘左右按钮切换该分组下的所有页面。

图片82.png

（2）账号共享

可将配置好的大屏与其他账号进行共享。

图片83.png

（3）创建副本

可将大屏复制一份，点击创建副本后会在当前分组中添加该大屏的副本页面，可以作为备份使用。做了组件通信的大屏，复制后依然可以做相同的组件通信。

图片84.png

（4）大屏分享

大屏支持口令分享和无口令分享两种分享形式。

图片85.png

口令分享
选择口令分享后，接收方不仅需要大屏链接，还要有口令才能打开页面，可用于数据保密较强的页面。

图片132.png

无口令分享
选择无口令分享，接收方只要有大屏链接就可以打开页面。

关闭分享
即使接收方获取到分享链接，关闭分享后，链接即刻失效，之前接收到链接的人无法打开查看大屏信息。

（5）重命名

可对大屏名称重命名。

图片86.png

（6）版本管理

可以对大屏发布的版本进行管理。

图片87.png

（7）删除

可将大屏从分组中删除，删除后无法恢复。

图片88.png

（8）轮播

当大屏分组被创建多个大屏后，可以设置多个大屏之间轮播。

图片89.png