搜索
更新人
更新时间 更新日期

1. 简介

1.1 功能概述

嵌入页面是仪表盘中的一种组件,通过 iframe 技术将外部网页嵌入到仪表盘内,帮助用户在同一个仪表盘工作台中查看多个网页的信息。

1.2 应用场景

  • 跨项目仪表盘汇总 :集成多个项目的仪表盘至单一项目中,实现集中展示。
  • 跨平台数据融合 :通过网页嵌入技术,将来自不同模块或平台(如 OA、ERP、MES 等)的数据整合到一起。
  • 知识库内容集成 :在仪表盘中嵌入学习资料,包括知识库文档、教学视频等,进行培训内容的集中管理。

1.3 版本说明

  • 嵌入的网页地址(URL)必须以 https 协议开头。
  • 目标网页未设置防嵌入限制(如 X-Frame-Options 禁止 iframe 嵌入)。

2. 设置入口

操作路径 :点击目标仪表盘 >> 点击「编辑」按钮进入仪表盘设计页面 >> 在左侧工具栏中找到 「嵌入页面」 组件,点击即可添加。
嵌入页面组件设置入口示意图

3. 操作指南

3.1 配置嵌入地址

操作步骤
1)选中画布上的「嵌入页面」组件。
2)在右侧的设置面板中,找到「组件配置」区域的「页面地址」配置项。
3)输入需要嵌入的外部网页地址(URL)。
配置嵌入地址示意图
注意
1)请勿输入 http 开头的地址,否则嵌入后可能无法正常显示。
2)某些网站设置了防嵌入安全策略(如百度、淘宝等),即使输入正确的地址也无法在仪表盘中显示。

3.2 样式设置

平台支持对嵌入页面的「组件样式」进行设置,支持选择“颜色”或“图片”作为背景,同时支持调整「尺寸」。
样式设置整体示意图
3.2.1 设置背景
操作步骤
1)选中需要调整背景的组件,在右侧的「组件样式」中找到「背景」配置项。
2)在背景设置区域,切换至「推荐」「颜色」「图片」「自定义图库」任一标签进行背景配置。
背景设置示意图
3)可选择预设纯色、预设渐变、预设图片,也可自定义上传素材作为组件背景。
  • 颜色 :选择“颜色”作为背景,根据使用习惯选择合适的颜色,可在左侧预览效果。
颜色背景设置示意图
  • 图片 :在背景设置中点击「图片」选项卡,可通过搜索框检索素材,也可直接浏览分类图库。点击心仪的预设图片,即可一键设置为当前组件的背景图。
图片背景设置示意图
  • 自定义图库 :在背景设置中切换至「自定义图库」选项卡,点击上传框,通过点击、拖拽或复制粘贴的方式上传本地图片。上传完成后可调整填充、定位参数,按需选择是否开启「共享至企业图库」,完成自定义图片背景设置。
自定义图库背景设置示意图
3.2.2 设置尺寸
操作步骤
1)选中需要调整尺寸的组件,在右侧的「组件样式」中找到「尺寸」配置项。
2)在尺寸设置面板中,直接修改宽度占比和高度(格)的数值。
3)也可以通过拖拽组件边缘来调整尺寸,数值会自动更新。
尺寸设置示意图

4. 效果演示

完成配置后,用户可以直观地看到嵌入效果。以实际操作为例:公司大厅数据大屏上,管理员可将公司官网页面作为数据模块,嵌入大厅大屏的仪表盘中,并进行投屏展示。
嵌入页面最终使用效果演示动图