更新日期
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)选中画布上的「嵌入页面」组件。
2)在右侧的设置面板中,找到「组件配置」区域的「页面地址」配置项。
3)输入需要嵌入的外部网页地址(URL)。

注意 :
1)请勿输入 http 开头的地址,否则嵌入后可能无法正常显示。
2)某些网站设置了防嵌入安全策略(如百度、淘宝等),即使输入正确的地址也无法在仪表盘中显示。
3.2 样式设置
平台支持对嵌入页面的「组件样式」进行设置,支持选择“颜色”或“图片”作为背景,同时支持调整「尺寸」。

3.2.1 设置背景
操作步骤 :
1)选中需要调整背景的组件,在右侧的「组件样式」中找到「背景」配置项。
2)在背景设置区域,切换至「推荐」「颜色」「图片」「自定义图库」任一标签进行背景配置。
1)选中需要调整背景的组件,在右侧的「组件样式」中找到「背景」配置项。
2)在背景设置区域,切换至「推荐」「颜色」「图片」「自定义图库」任一标签进行背景配置。

3)可选择预设纯色、预设渐变、预设图片,也可自定义上传素材作为组件背景。
- 颜色 :选择“颜色”作为背景,根据使用习惯选择合适的颜色,可在左侧预览效果。

- 图片 :在背景设置中点击「图片」选项卡,可通过搜索框检索素材,也可直接浏览分类图库。点击心仪的预设图片,即可一键设置为当前组件的背景图。

- 自定义图库 :在背景设置中切换至「自定义图库」选项卡,点击上传框,通过点击、拖拽或复制粘贴的方式上传本地图片。上传完成后可调整填充、定位参数,按需选择是否开启「共享至企业图库」,完成自定义图片背景设置。

3.2.2 设置尺寸
操作步骤 :
1)选中需要调整尺寸的组件,在右侧的「组件样式」中找到「尺寸」配置项。
2)在尺寸设置面板中,直接修改宽度占比和高度(格)的数值。
3)也可以通过拖拽组件边缘来调整尺寸,数值会自动更新。
1)选中需要调整尺寸的组件,在右侧的「组件样式」中找到「尺寸」配置项。
2)在尺寸设置面板中,直接修改宽度占比和高度(格)的数值。
3)也可以通过拖拽组件边缘来调整尺寸,数值会自动更新。

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