历史版本10 :数据门户组件 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

适用场景:安装了「数据门户」插件的用户,可参考本文了解数据门户的相关功能。

1.1 版本

报表服务器版本
数据门户插件功能变更
11.0.7V1.0
-
11.0.7V1.2

文本组件新增支持设置文字垂直居中。

1.2 功能简介

本文将介绍编辑数据门户时,可在数据门户中添加的组件类型和用途。

数据门户中的组件分为三大类:门户组件、数据看板、其它。

1.3 组件添加方法

在数据门户编辑界面左侧,选择需要新增的组件类型,即可新增一个组件到数据门户面板中,如下图所示:

2. 常用内容组件编辑

2.1 组件内容

常用内容组件支持显示两种内容:收藏、访问记录。

1)收藏,即为用户在数据决策系统中收藏的目录,如下图所示:

2)访问记录,即为该用户最近打开的目录,按照时间倒叙展示。

2.2 效果展示

预览数据门户时,可点击收藏/最近访问的目录名称,直接在新窗口打开该目录,如下图所示:

2022-09-01_9-27-40.gif

3. 快捷入口组件编辑

3.1 组件内容

快捷入口组件支持新增入口、编辑入口、删除入口,选中入口上下拖动调整顺序。如下图所示:

编辑入口时,每个入口支持设置的内容包括:名称、类型、内容、封面。如下图所示:

设置说明
名称
入口的名称,不可为空

类型

内容

类型支持两种:平台目录和链接,根据类型设置不同的内容

1)平台目录

可下拉选择当前工程系统下挂载的目录

2)链接

链接支持绝对路径和相对路径

  • 绝对路径:确保当前服务器可访问该网址即可,例如https://www.fanruan.com/

  • 相对路径:需要将资源文件保存到%FR_HOME%\webapps\webroot文件夹下,例如/webroot/1.png

封面

封面支持预定义和自定义

1)预定义:

预定义包括三种风格:扁平、商务、时尚

每种风格内置了12个封面图标,可根据需求自行选择

2)自定义:

用户可自行上传自定义封面图标。

支持上传JPG/PNG/SVG格式的文件

建议尺寸为40*40

3.2 效果展示

入口以图标+名称的形式展示,点击可快速在新窗口打开该入口对应的目录/超链接。如下图所示:

  • 组件中的入口大小固定,不支持自定义调整。

  • 每一行能容纳入口的个数跟随组件宽度自适应。

2022-09-01_10-03-40.gif

4. 公告栏组件编辑

4.1 组件内容

公告栏组件支持显示两种内容:最新公告、全部公告。如下图所示:

展示内容
内容说明
最新公告

组件内默认平铺展示最新发布的公告内容。

点击后在弹窗打开最新公告,可查看完整公告。

全部公告

组件内默认列表展示所有已发布的公告内容。

点击某条公告,在弹窗打开该公告完整内容。

4.2 发布公告

公告栏的展示内容,是管理员手动发布的公告。

管理员登录数据决策系统,点击「管理系统>数据门户>组件配置」,新增一个公告。

注:在编辑公告时,需要选中生效门户,未勾选的门户不显示该公告。

4.3 效果展示

1)最新公告

预览数据门户时,可在公告栏组件看到最新公告的内容。单击后弹窗打开查看完整公告,可切换查看历史公告。如下图所示:

2022-09-01_10-08-01.gif

2)全部公告

预览数据门户时,可在公告栏组件看到历史发布的全部公告。公告以列表形式展示,按照发布时间倒序排列。

单击某条公告后,弹窗打开查看该完整公告,可返回全部公告页面,可切换查看最新公告。如下图所示:

2022-09-01_10-06-50.gif

5. 报表动态编辑

5.1 组件内容

报表动态展示的是,登录用户权限范围内,目录上下架、报表变动的记录。

上新:

1)用户已有查看权限的目录节点下,新增目录模板,且该目录的展示终端包含PC端

2)给用户新开放某个目录模板的查看权限,且该目录的展示终端包含PC端

下线:

1)用户已有查看权限的目录节点下,下架目录模板,且该目录的展示终端包含PC端

2)关闭用户对某个目录模板的查看权限,且该目录的展示终端包含PC端

变动:

1)用户拥有查看权限,且展示终端包含PC端的目录模板编辑后,出现保存行为

5.2 效果展示

预览数据门户时,可在报表动态组件看到目录上下架、报表变动的记录。对于上新和变动的目录,可快速跳转查看目录内容,如下图所示:

报表动态.gif

6. 数据看板组件编辑

6.1 组件内容

数据看板支持选择的组件内容,为制作人员权限范围目录中的相关模板和组件。如下图所示:

2022-09-01_10-20-56.gif

支持拖拽进门户界面的数据看板包括:


报表类型
组件支持的操作
普通报表报表主体内容,不包括参数面板

1)展示模板分页预览的效果

2)模板内容自适应效果:

跟随模板PC端自适应属性显示方式

3)不显示参数面板,不支持控件筛选

4)支持横向纵向滚动、翻页、悬浮查看数据点提示、图例交互、图表切换(按钮、轮播)

决策报表

报表块,包括:

  • body中的报表块

  • 绝对画布块中的报表块

  • Tab块中的报表块

1)组件内容自适应效果:

跟随模板PC端自适应属性显示方式

跟随报表块内容显示方式

2)若开启了报表块工具栏,支持横向纵向滚动、翻页

支持悬浮查看数据点提示、图例交互、图表切换(按钮、轮播)

图表块,包括:

  • body中的图表块

  • 绝对画布块中的图表块

  • Tab块中的图表块

1)组件内容自适应效果:

跟随决策报表自适应属性设置

2)支持横向纵向滚动、悬浮查看数据点提示、图例交互、图表切换(按钮、轮播),不支持联动、跳转

注:若管理员既希望用户在目录中看不到A模板,又希望在数据门户中使用A模板作为数据看板组件。


可以在挂载A模板到目录中时,不勾选展示终端即可。如下图所示:

6.2 效果展示

预览数据门户时,可在数据看板组件看到模板关键信息,查看相关内容。如下图所示:

2022-09-01_10-22-42.gif

7. 文本组件编辑

7.1 组件内容

文本组件支持输入文字,设置字体、字号、颜色、格式、超链接。如下图所示:

注:V1.2及之后版本插件,文本组件新增支持设置文字垂直居中。

7.2 效果展示

文本组件.gif

8. 图片组件编辑

8.1 组件内容

用户可将自己本地准备好的素材图片上传至数据门户中,并使用它。

支持上传的图片文件为 jpg、png、gif 和 bmp 格式。

图片填充方式包括以下三种:

图片填充方式
定义
原尺寸图片宽高比不变,图片大小不变,从左上角开始填充组件
等比适应图片宽高比不变,等比拉大/缩小图片,从左上角开始,确保宽/高充满组件即可
适应组件图片宽度拉伸至组件宽度,图片高度拉伸至组件高度

网页链接,是点击图片后,可以在新标签页打开的网页地址。

8.2 效果展示

tupianzuj.gif