FineReport 预览模式简介
报表类型和预览方式
模板预览就是指查看模板效果的方式,FineReport 提供了多种不同的预览方式,来满足用户的多样化需求。
预览方式简介
不同的预览方式对应不同的 URL 地址栏 和 OP 参数 ,预览方式简介如下表所示:
序号 | 预览方式 | 简介 | URL 地址 |
---|---|---|---|
1 | 分页预览 | FineReport 的默认预览方式,一般在只需要查看报表数据用于分析的时候使用 | http://IP:端口号/webroot/decision/view/report?viewlet=xxx.cpt |
2 | 填报预览 | 是指在 Web 端预览用来填报数据的模板,一般在只需要录入修改数据的时候使用 | http://IP:端口号/webroot/decision/view/report?viewlet=xxx.cpt&op=write |
3 | 数据分析 | 数据分析模式也可以查看报表,但是其可以对报表结果进行不分页预览及在线分析:排序、二次过滤等 | http://IP:端口号/webroot/decision/view/report?viewlet=xxx.cpt&op=view |
4 | 移动端预览 | 通过扫码直接在手机上展现报表,让用户直观地看到当前设计模板的实际效果 | http://IP:端口号/webroot/decision/view/report?viewlet=xxx.cpt&op=mobile |
5 | FVS PC端预览 | FVS 可视化看板 PC 端预览 | http://IP:端口号/webroot/decision/view/duchamp?viewlet=xxx.fvs |
6 | FVS 移动端预览 | FVS 可视化看板移动端预览 | http://IP:端口号/webroot/decision/view/duchamp?viewlet=xxx.fvs&op=mobile |
7 | PC 端预览 | PC 端预览是针对于决策报表设计模式而言的 | http://IP:端口号/webroot/decision/view/report?viewlet=xxx.frm&op=form |
8 | 开发者调试 | 新版决策报表可以在浏览器中调整模板的布局,实现所见即所得 | http://IP:端口号/webroot/decision/view/form?viewlet=Form12.frm&op=editable_preview |
1、普通报表预览
FineReport 中普通报表总共有 4 种不同的预览模式:分页预览、填报预览、数据分析、移动端预览,如下图所示:
预览方式 | 简介 |
---|---|
分页预览 | FineReport 的默认预览方式,一般在只需要查看报表数据用于分析的时候使用 |
填报预览 | 是指在 Web 端预览用来填报数据的模板,一般在只需要录入修改数据的时候使用 |
数据分析 | 数据分析模式也可以查看报表,但是其可以对报表结果进行不分页预览及在线分析:排序、二次过滤等 |
移动端预览 | 通过扫码直接在手机上展现报表,让用户直观地看到当前设计模板的实际效果 |
1.1、分页预览
分页预览设置
主要功能模块如下:
功能 | 内容 | 注意事项 |
---|---|---|
设置方式 | 默认选择「采用服务器设置」,可选择「为该模板单独设置」 | - |
报表显示位置 | 设置报表在浏览器显示的位置 | 移动端不生效 |
页面 | 页面的一些特殊设置 | - |
工具栏 | 可设置是否显示工具栏以及自定义工具栏显示的内容 | 移动端不支持工具栏设置 |
事件设置 | 用户可添加 Web 事件,详情可参见 Web 页面事件 | 移动端仅支持加载起始和加载结束事件 |
分页设置 | 使报表按指定的单元格,根据固定的行数进行分页 | 需要确定分页数据单元格 |
1.2、填报预览
填报预览不仅可以用来查看,而且可以在线输入与修改数据,从而进行数据的采集与入库
隐藏左上红色角标
填报预览设置
属性 | 内容 | 注意事项 |
---|---|---|
以下设置 | 采用服务器设置:默认情况,使用服务器统一的设置,下面的所有选项都为灰色无法编辑为该模板单独设置:只适用于当前的模板,下面所有的功能可编辑、设置 | - |
sheet 标签页显示位置 | 当报表中存在多个sheet时,sheet标签页位置默认处于报表底端,可设置在报表上部 | 移动端无意义 |
报表显示位置 | 设置内容在报表当中显示的位置 。默认为左展示,如果希望报表显示的内容是居中的,可以选择居中展示 | 移动端无意义 |
填报当前编辑行背景颜色设置 | 选择颜色后,会在填报预览的时候,把当前处于编辑状态的行背景颜色显示为设置的颜色 | 移动端无意义 |
未提交离开提示 | 在填报的时候,如果有单元格处于已编辑的状态,在关闭或是切换网页的时候,会弹出是否提交的对话框 | - |
直接显示控件 | 填报控件无需点击,直接显示控件 | 移动端无意义 |
自动暂存 | 对于填报内容,离开页面时,自动暂存 | 移动端无意义 |
使用工具栏 底部工具栏 | 默认使用工具栏 。用户可自定义工具栏显示的工具 | 移动端只识别是否要显示填报提交按钮 |
事件设置 | 用户可添加 Web 事件。Web 事件的详细介绍请参见 Web 页面事件 | 移动端仅支持加载起始、加载结束、填报前、填报后、填报成功、填报失败事件 |
1.3、数据分析
数据分析预览方式可以在查看数据时,对数据进行简单的分析操作,包括:排序、条件筛选、列表筛选
数据分析预览设置
主要功能模块如下:
功能 | 内容 | 注意事项 |
---|---|---|
排序 | 选中某个单元格,使用排序工具对该单元格所在列的数据进行排序 | - |
条件筛选 | 选中某个单元格,设置操作符、数据类型、数值这三个条件,筛选出该单元格所在列的某些数据 | - |
列表筛选 | 选中某个单元格,复选该单元格所在列的去重数据列表,只显示勾选的数据 | 如果前端显示的数据量,去重计数后大于 100 条,那么列表筛选工具就不显示 |
工具栏 | 可设置是否显示工具栏以及自定义工具栏显示的内容 | 移动端不支持 |
事件设置 | 用户可添加 Web 事件,详情可参见 Web 页面事件 | 移动端不支持 |
1.2.1、排序
排序指选中某个单元格,使用排序工具对该单元格所在列的数据进行排序。默认勾选,效果如下图所示:
1.2.2、条件筛选
条件筛选指选中某个单元格,设置操作符、数据类型、数值这三个条件,筛选出该单元格所在列的某些数据。默认勾选,效果如下图所示:
1.2.3、列表筛选
列表筛选:选中某个单元格,复选该单元格所在列的去重数据列表,只显示勾选的数据。默认勾选,效果如下图所示:
1.2.4、注意事项
- 数据分析预览排序需要把最前面的父格设置为列表(其他列为分组),否则除了最父格,其他无法排序。
- 如果前端显示的数据量大于 100 条,那么列表筛选工具就不显示,这是 FineReport 数据量限制规则决定的。
- 以下两个场景,3 个数据分析工具都不能用。
- 1)双向扩展得到的数据,无法使用数据分析工具
- 2)当单元格存在多层父格,且与父格属于同一个数据集,则无法使用数据分析功能
- 去除数据分析页面选中单元格时的黑色边框
- 报表引擎的行列合并上限为 2047,前端渲染的上限合并数是 1000,若合并的行列超过限制,在使用数据分析预览的情况下会出现数据显示不全的情况
1.4、移动端预览
2、可视化看板预览
可视化看板:PC 端预览、移动端预览,如下图所示:
2.1、PC 端预览
2.2、移动端预览
3、决策报表预览
决策报表预览模式主要分为 PC 端预览、开发者调试、移动端预览,如下图所示: