更新日期
1. 简介
1.1 功能概述
组件是仪表盘中除图表以外的重要组成部分,包括轮播图、组图、文本、快捷入口、嵌入界面、布局容器等,无需处理数据即可直接使用,用于信息展示和功能入口。
1.2 应用场景
- 项目成果展示 :项目经理使用组图组件,将多个项目现场照片并列展示,直观呈现项目进展。
- 销售数据说明 :销售总监在月度销售报表上方添加文本组件,注明“本报表数据截止至当月最后一天,单位:万元”,帮助成员准确理解图表数据。
- 快捷导航面板 :管理员在仪表盘侧边添加快捷入口,链接至常用表单和外部系统,提升操作效率。
1.3 前提条件
需要拥有对应仪表盘的 管理权限 (系统管理员默认拥有,普通成员需被授权)。
2. 组件类型
组件分为六类,每种组件具有不同的特点,用户可以根据需求将合适的组件添加至仪表盘中。
| 组件 | 功能 |
|---|---|
| 轮播图 | 展示多张图片并自动轮播,适用于广告宣传、产品展示等场景。 |
| 组图 | 一次性展示多张静态图片,以网格或排列形式呈现,适用于照片墙、多图并列展示。 |
| 文本组件 | 提供类似于word的富文本编辑格式,可以上传图片或视频。 |
| 快捷入口 | 添加常用功能链接,支持成员查看仪表盘时快速跳转至表单、仪表盘、知识库和外部网页。 |
| 嵌入界面 | 将其他网页嵌入在仪表盘中,显示网页的信息。 |
| 布局容器 | 将多个图表和组件组合在一起,作为一个整体进行布局和移动。 |
3. 设置入口
进入仪表盘编辑页,从左侧工具栏中选择各种「组件」。

4. 操作指南
组件无需处理数据,直接从左侧「组件」中点击目标组件即可添加至设计预览区。以下简要介绍各组件的用途,详细配置请参见各组件专章。
4.1 轮播图
轮播图组件用于在仪表盘中展示多张图片并自动轮播,适用于广告宣传、产品展示等场景。详细配置请参见:轮播图。
1)在左侧「组件」栏点击「轮播图」,组件将自动添加至设计预览区;
2)选中预览区内的轮播图,页面右侧将弹出「组件配置」面板,可完成参数设置,包括基础配置、布局以及内容设置。

注意 :轮播图组件至少配置 2 张图片,开启自动轮播后才可正常切换播放;仅单张图片时无法触发轮播切换效果。
4.2 组图
组图组件用于在仪表盘中一次性展示多张静态图片,以网格或排列形式呈现,适用于照片墙、多图并列展示。详细配置请参见:组图。
1)在左侧「组件」栏点击「组图」,组件将自动添加至设计预览区;
2)点击预览区内的组图,页面右侧将弹出「组件配置」面板,可完成参数设置,包括布局、内容设置。

注意 :组图无自动轮播能力,仅静态网格陈列;如需循环播放图片,建议使用轮播图组件。
4.3 文本组件
提供类似于word的富文本编辑格式,可以上传图片或视频,可用于添加标题、文字说明,区分页面板块与补充文字注解。详细配置请参见:文本组件。
1)在左侧「组件」栏点击「文本组件」,组件将自动添加至画布预览区;
2)点击预览区内的文本组件可直接编辑内容,支持修改标题、字体大小等富文本格式;
3)在右侧弹出的「组件配置」面板,支持模板选择、文字滚动效果设置。
右侧弹出「组件配置」面板,支持模板选择、文字滚动效果设置。

注意 :更换文本模板后,当前组件内已编辑的文字内容会被清空,更换前建议提前复制保存文字。
4.4 快捷入口
支持添加应用(包括应用中的表单、仪表盘)、外部链接,成员在查看仪表盘时可以快速跳转。详细配置请参见:快捷入口。
1)在左侧点击「快捷入口」,将直接弹出「快捷入口」设置页面,包括入口属性和组件属性;
3)在「组件属性」中设置入口样式、入口列表以及整体风格;设置好组件属性后,才可设置入口属性;
4)点击「保存」,该快捷入口生效。
3)在「组件属性」中设置入口样式、入口列表以及整体风格;设置好组件属性后,才可设置入口属性;
4)点击「保存」,该快捷入口生效。

注意 :仅拥有对应页面访问权限的成员,才能通过快捷入口正常跳转;无权限页面点击后无法打开。
4.5 嵌入界面
嵌入界面组件支持输入外部 URL 链接,可在仪表盘中展示第三方网页、外部系统页面内容。详细配置请参见:嵌入界面。
1)在左侧「组件」栏点击「嵌入界面」,组件将自动添加至预览区;
2)点击预览区的嵌入界面,右侧将弹出「组件配置」面板,可自定义上下左右边距;
3)在「链接地址」输入框填写合规网页 URL,校验通过后即可加载对应页面内容。

注意 :需确保填写的链接合法合规,违规、恶意链接会追究相关操作人责任;部分网站存在跨域限制,可能无法正常嵌入展示。
4.6 布局容器
用于将多个图表或组件组合成一个整体,便于整体移动和布局,常用于分类分区管理仪表盘内容。详细配置请参见:布局容器。
1)在左侧「组件」栏点击「布局容器」,组件将自动添加至预览区;
2)点击预览区内的布局容器,右侧将弹出「组件配置」面板,可「开启」标签页功能;
3)在布局模板中切换标签栏展示样式,可开启自动轮播切换标签;
4)底部标签页列表支持排序、新增、编辑、删除标签页,不同标签可放入不同业务组件。

注意 :容器内所有组件会随容器整体拖拽移动,如需单独调整组件位置,需将组件移出布局容器。
5. 效果演示

6. 注意事项
- 轮播图组件至少需 要上传 2 张图片才能正常播放轮播效果。
- 组图无自动轮播能力,仅静态网格陈列;如需循环播放图片,建议使用轮播图组件。
- 嵌入界面组件需核对链接合法性,如涉嫌违规将追究至个人。
- 快捷入口的外部链接必须以
http://或https://开头,否则无法正常跳转。