1. 概述
1.1 版本
点击展开历史版本 | ||||||||||||||||||||||||
|
报表服务器版本 | HTML5移动端展现插件 | 功能变更 |
---|---|---|
11.0.25 | V11.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)下拉类控件点击后从侧边展开,更改为从底部展开,更符合用户的操作习惯。如下图所示:
2)下拉框/单选下拉树控件,界面和交互优化,简化用户过滤步骤。
用户展开控件面板时,删除「确定」按钮。用户选择选项,或点击「清空」后点击「查询」可直接进行过滤,如下图所示:
3)搜索显示全屏,能够展示更多搜索内容。
3.2 文件控件
上传图片的交互和操作流程优化。
1)未添加图片时的界面优化,点击「+」添加图片。
2)查看图片支持放大。
3)缩略图支持点击右上角直接删除。
4)如果未显示的图片超过 6 张,点击折叠的图片「+N」,即可批量查看缩略图,并支持查看大图、删除图片等操作。