历史版本26 :控件显示增强 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

点击展开历史版本
报表服务器版本
插件版本HTML5移动端展现插件功能变更
11.0.161.0--
11.0.161.0V11.0.83

「控件显示增强」插件部分支持HTML5端

包括:文本控件、文本域控、密码控件、下拉框控件、下拉复选框控件、下拉树控件、视图树控件、单选按钮组控件、复选按钮组控件、复选框控件、文件控件、日期控件、数字控件

11.0.161.0.2

V11.0.85

「控件显示增强」插件支持新多选下拉树控件
11.0.161.0.2
V11.0.87

「控件显示增强」插件部分支持APP端

包括:文本控件、文本域控、密码控件、下拉框控件、下拉复选框控件、下拉树控件、视图树控件、单选按钮组控件、复选按钮组控件、复选框控件、文件控件、日期控件、数字控件

11.0.24内置于主JAR中V11.0.89

1)控件显示增强插件内置。

2)PC端:新增文本样式」、「字体颜色」、「下拉面板色」

     移动端:新增文本样式」、「字体颜色」

3)顶部工具栏和底部工具栏的背景设置调整为样式设置,在样式设置下新增自动、浅色、深色设置项

报表服务器版本HTML5移动端展现插件功能变更
11.0.25V11.0.90

1)边框线型支持设置为无,支持自定义颜色

2)新增控件背景设置,支持自定义控件背景以及背景色透明度

3)新增图标颜色设置,支持自定义图标颜色

4)文本样式」和「字体颜色」合并为文本样式」,支持自定义字体样式、字体颜色、倾斜、加粗

1.2 应用场景

FineReport提供了「模板主题」功能,允许用户切换整体的报表配色风格。然而,因为模板主题功能无法切换控件的样式,导致控件与整体报表的配色不统一。

为了解决这个问题,FineReport引入了「控件显示增强」功能。用户可以在模板主题中自定义「参数面板」「控件样式,从而使控件与报表整体配色风格一致。

2. 功能简介编辑

「控件显示增强」默认关闭,需要手动开启。

2.1 参数面板

1)普通报表支持在开启「新计算引擎」的条件下使用。

2)普通报表支持在分页预览」、填报预览」、数据分析预览」下使用。

3)决策报表的新自适应旧自适应均支持。

4)「参数面板支持自定义参数面板背景颜色,PC 端和移动端均支持如下图所示:

2.2 控件样式

支持设置「PC 端」和「移动端」。

2.2.1 PC 端

1)普通报表支持在分页预览」、填报预览」、「数据分析预览」下使用。

2)普通报表支持在开启「新计算引擎」的条件下使用。

3)决策报表的新自适应旧自适应均支持。

  • PC 端支持的设置如下所示:

设置项
详细说明
主题色

自定义控件的主题颜色,主要表现为鼠标悬浮状态下控件的边框颜色,或选中状态下控件的背景色

注:查询控件、按钮控件的主题色即为控件的背景色。

控件背景

自定义控件的背景色,以及背景色的不透明度

注:查询控件、按钮控件不支持控件背景色。

边框线型自定义控件边框的粗细和颜色
圆角边框自定义控件边框的圆角
图标颜色自定义控件的图标颜色,例如下拉框控件的下拉图标
文本样式自定义控件中字体样式、颜色、字号、加粗、倾斜
下拉面板色自定义控件下拉面板的颜色
  • PC 端参数面板不同控件样式的差异

控件类型参数面板
主题色控件背景边框线型圆角边框图标颜色文本样式下拉面板色

文本控件



数字控件

密码控件

文本域控件



标签控件






按钮控件




单选按钮组控件



复选按钮组控件/复选按钮控件





下拉框控件/复选下拉框控件

下拉树控件
新多选下拉树控件

视图树控件





日期控件

查询控件





  • PC 端填报控件不同控件样式的差异

注:按钮控件的控件背景填报预览后直接展示;编辑类控件需要点击进行编辑后才显示为控件背景,相反则显示为单元格背景。

控件类型填报控件
主题色控件背景边框线型圆角边框图标颜色下拉面板色

文本控件



数字控件

密码控件

文本域控件



按钮控件



单选按钮组控件



复选按钮组控件/复选按钮控件





下拉框控件/复选下拉框控件

下拉树控件
新多选下拉树控件

视图树控件





日期控件

2.2.2 移动端

1)普通报表支持在「分页预览」、「填报预览」下使用。

2)普通报表支持在开启「新计算引擎」的条件下使用。

3)决策报表的新自适应旧自适应均支持。

  • 移动端支持的设置如下所示:

设置项
详细说明
主题色

自定义控件的主题颜色,主要表现为鼠标悬浮状态下控件的边框颜色,或选中状态下控件的背景色

注:查询控件、按钮控件的主题色即为控件的背景色。

控件背景

自定义控件的背景色,以及背景色的不透明度

注1:查询控件、按钮控件不支持控件背景色。

注2:移动端仅在参数面板和决策报表中的控件有效。

边框线型自定义控件边框的粗细和颜色
圆角边框
自定义控件边框的圆角
图标颜色自定义控件的图标颜色,例如下拉框控件的下拉图标
文本样式自定义控件中字体颜色、字号、加粗、倾斜
  • 移动端参数面板不同控件样式的差异

控件类型参数面板
主题色控件背景边框线型圆角边框图标颜色文本样式

文本控件


数字控件
密码控件

文本域控件


标签控件





按钮控件



单选按钮组控件


复选按钮组控件/复选按钮控件




下拉框控件/复选下拉框控件

下拉树控件
新多选下拉树控件

视图树控件




日期控件
查询控件




  • 移动端填报控件不同控件样式的差异


控件类型填报控件
主题色图标颜色

文本控件


数字控件
密码控件

文本域控件


按钮控件
单选按钮组控件

复选按钮组控件/复选按钮控件


下拉框控件/复选下拉框控件

下拉树控件
新多选下拉树控件

视图树控件


日期控件

2.3 顶部工具栏

顶部/底部工具栏支持自动、浅色、深色设置项。


3. 移动端控件预览优化编辑

模板开启「控件显示增强」功能后,移动端预览时的控件交互优化。

3.1 下拉类控件

1)下拉类控件点击后从侧边展开,更改为从底部展开,更符合用户的操作习惯。如下图所示:

微信图片_20230630174153.jpg

2)下拉框/单选下拉树控件,界面和交互优化,简化用户过滤步骤。

用户展开控件面板时,删除「确定」按钮。用户选择选项,或点击「清空」后点击「查询」可直接进行过滤,如下图所示:

2023-11-10_11-28-28.gif

3)搜索显示全屏,能够展示更多搜索内容。

2023-11-27_15-46-53.gif

3.2 文件控件

上传图片的交互和操作流程优化。

1)未添加图片时的界面优化,点击「+」添加图片。

1688112920104632.jpg

2)查看图片支持放大。

1688114214986820.gif

3)缩略图支持点击右上角直接删除。

1688113354578648.jpg

4)如果未显示的图片超过 6 张,点击折叠的图片「+N」,即可批量查看缩略图,并支持查看大图、删除图片等操作。

1688113976430405.gif