最新历史版本 :移动端属性 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

用户在制作移动端模板时,往往需要设置移动端属性,移动端属性中的各设置项分别有何作用呢,本文将详细介绍。

2. 普通报表的移动端属性编辑

FineReport 设计器打开任意一张普通报表,点击「模板」>「移动端属性」,如下图所示:

4.png

2.1 模板设置

在设计器中提供手机端专属模板的画布尺寸,引导用户在合适的尺寸内制作手机端模板,提升易用性。

详情请点击 设置手机端模板

2.2 移动端自适应

详情请点击 [通用]移动端自适应

2.3 其他

2.3.1 页面再现时刷新

详情请点击 [App]页面再现时刷新及未提交数据提示

2.3.2 允许双击/双指缩放

注1:JAR 包在 2019-12-05 之前的设计器,默认允许双击/双指缩放操作。

注2:JAR 包在 2019-12-05 之后的设计器,新增了「允许双击 / 双指缩放」按钮,用户可通过勾选该按钮,设置是否需要缩放操作。

1)CPT 和 FRM 中,支持双指和双击缩放,如下图所示:

1574061894475921.gif

2)允许双击/双指缩放的逻辑如下表所示:

注1:决策报表使用「自适应布局」时,双指缩放没有效果。

注2:决策报表使用「绝对布局」时,双指缩放仅对报表块有效,图表交互使用自带的交互按钮。

JAR 包版本App版本设置注意事项
2019-12-05 前10.4.46 版本前无设置按钮默认可双击/双指缩放
2019-12-05 前10.4.46 版本后
2019-12-05 后10.4.46 版本前有设置按钮,不生效
2019-12-05 后10.4.46 版本后有设置按钮,生效选中「允许双击/双指缩放」按钮默认可双击/双指缩放
不选中「允许双击/双指缩放」按钮

1)普通报表:不支持双击/双指缩放

2)决策报表:一般不支持双击/双指缩放,以下情况除外

  • 组件放大后,仍然支持双击/双指缩放

  • 重布局横屏下,仍然支持双击/双指缩放

  • 决策报表下仅存在单个组件,则仍然支持双击/双指缩放


3. FVS 可视化看板的移动端属性编辑

目前 FVS 模板移动端属性仅支持设置 重布局 效果,默认不勾选重布局。

注:V1.18.1 版本将「移动端属性」入口合并至「FVS模板设置」。

Snag_767453e4.png

1)不勾选「重布局」时,即所有组件布局不变,模板移动端展示效果与模板画布中保持一致,常用于直接制作移动端模板的场景。

例如下图:

Snag_24cb1bfe.png

对应移动端效果如下图所示:

962B1923-84FF-454F-AFD7-B3B7FFE51CCC.GIF

2)勾选「重布局」时,模板移动端布局继承模板画布中从左至右、从上到下的组件/组合顺序,图层重叠时按照从顶层至底层的顺序进行展示。

注:将多个组件组合到一起时,该组合中的组件布局不受「重布局」影响,即该组合中组件可保持模板画布中布局。

例如下图:

企业微信截图_16904415172597.png

对应移动端效果如下图所示:

重布局.gif


4. 决策报表的移动端属性编辑

FineReport 设计器打开任意一张决策报表,点击「模板」>「移动端属性」,如下图所示:

5.png

4.1 模板设置

详情请点击 设置手机端模板

4.2 其他

4.2.1 页面再现时刷新

详情请点击 [APP]页面再现时刷新及未提交数据提示

4.2.2 数据未提交离开提示

注:移动端支持该功能。

具体说明如下表所示:

状态备注
未勾选「数据未提交离开提示」

控件栏中不管内容是否改变,离开表单页面时都没有提示

勾选「数据未提交离开提示」

1)控件栏中内容没有发生改变,离开表单页面时没有提示

2)控件栏中内容改变,离开表单页面时提示有数据未提交,是否确定离开,点击「确定」后离开页面,点击「取消」后留在当前页面

以 App 效果为例,如下图所示:

02.jpg

4.2.3 允许双击/双指缩放

可参考本文 2.3.2 节内容。

4.3 body 的移动端属性

FineReport 设计器打开任意一张决策报表,选中「body」,点击「移动端」,如下图所示:

1585236063124335.png

body 的移动端属性说明如下表所示:

属性备注
手机重布局

在移动端支持「重布局」和「保留布局」两种模式,详情请点击 [通用]手机重布局

内边距可调整移动端模板的 body 内边距
布局

1)组件间隔:

各组件间的间隔,用户可自定义设置

2)组件冻结:

用户可选择需要冻结的组件

控件顺序
可自定义调整移动端组件顺序,详情请点击 [通用]决策报表组件自定义顺序显示

4.4 Tab 移动端属性

如下图所示:

31.png

支持单个 Tab 标题样式设置,支持 Tab 自定义显示隐藏,详情请点击 Tab块

4.5 报表块移动端属性

如下图所示:

1585236962311334.png

报表块移动端属性说明如下表所示:

属性备注
可见详情请参考 隐藏决策报表内报表块/图表块
自适应详情请参考 [通用]移动端自适应
手机显示限制高度详情请参考 [通用]报表最大高度
允许全屏详情请参考 [App]组件全屏开关控制
组件可选中

JAR 包在 2019-12-05 之后的设计器,新增了组件可选中按钮,用户可通过勾选该按钮,设置是否需要 组件激活 操作

注1:重布局非单个组件、重布局 Tab 下组件下,该按钮方生效

注2:App 横屏效果下,无组件激活效果。HTML5 横竖屏效果下,该按钮均生效

4.6 图表块移动端属性

1586941031703478.png

图表块移动端属性说明如下表所示:

属性备注
可见详情请参考 隐藏决策报表内报表块/图表块
图表自适应详情请参考 [通用]移动端自适应
允许全屏详情请参考 [App]组件全屏开关控制
组件可选中参考本文 3.5 节内容