1. 概述
1.1 版本
| 报表服务器版本 | App 版本 | HTML5 移动端展现插件版本 |
|---|---|---|
| 11.0 | V11.0 | V11.0 |
1.2 功能简介
移动端查看模板时：
普通报表、决策报表中的报表块、FVS 中的表格支持滑动查看。
普通报表、决策报表中的报表块、FVS 中的表格支持手势缩放。
App 支持左侧右滑、右侧左滑退出。
决策报表中的组件支持组件激活。
支持切换横屏。
决策报表中的组件支持全屏。
普通报表、决策报表的报表块、FVS 的表格支持分页，FVS 还支持多分页。
图表支持排序。
2. 滑动查看
普通报表的菜单栏「模板>移动端属性>自适应」横屏、竖屏设置为横向自适应、纵向自适应或不适应，报表过宽或过高时，用户可通过上下左右滑动进行查看。移动端预览模板，以 App 为例，如下图所示：
移动端预览模板，以 App 为例，如下图所示：
FVS 中表格的「内容>内容自适应方式」选择 高度铺满 、宽度铺满 或 无 ，表格内容过宽或过高时，用户可通过上下左右滑动进行查看。移动端预览模板，以 App 为例，如下图所示：
3. 手势缩放
3.1 普通报表
1）打开一张普通报表，点击菜单栏「模板>移动端属性」，勾选「允许双击/双指缩放」，点击「确定」，如下图所示：
2）移动端预览模板，用户可双击/双指缩放模板，以 App 为例，如下图所示：
3.2 决策报表
注1：决策报表仅支持双指缩放，不支持双击缩放，且双指缩放仅对报表块有效，图表交互使用自带的交互按钮。
注2：若报表块的移动端面板勾选了「组件可选中」，则在移动端预览时需要先点击激活组件，双指缩放才有效果。
3.2.1 勾选「允许双击/双指缩放」
1）打开一张含有报表块的决策报表，点击菜单栏「模板>移动端属性」，勾选「允许双击/双指缩放」，点击「确定」，如下图所示：
2）移动端预览模板，用户可双指缩放报表块，以 App 为例，如下图所示：
3.2.2 取消勾选「允许双击/双指缩放」
取消勾选「允许双击/双指缩放时」，全屏显示的报表块，仍然支持双指缩放，分为以下三种情况：
报表块全屏显示后，支持双指缩放，移动端预览模板，以 App 为例，如下图所示：
body 勾选「手机重布局」，无论报表块移动端面板是否勾选「允许全屏」，App 中横屏预览模板时，报表块组件都默认全屏，故支持双指缩放，如下图所示：
注：body 勾选「手机重布局」，报表块移动端面板不勾选「允许全屏」，HTML5 端横屏预览模板时，报表块组件无法全屏，不支持双指缩放。
决策报表中只存在单个报表块时，报表块为全屏显示，故支持双指缩放，移动端预览模板，以 App 为例，如下图所示：
3.3 FVS
注：FVS 表格组件支持双指缩放，但是不支持双击缩放。其余所有组件均不支持双击/双指缩放。
打开一张含有表格组件的 FVS 模板，表格支持双指缩放。移动端预览模板，以 App 为例，如下图所示：
4. 左侧右滑、右侧左滑退出
App 支持左侧右滑或右侧左滑手势退出，手指贴着左侧边，向右滑动或手指贴着右侧边，向左滑动即可退出当前界面，如下图所示：
5. 组件激活
手机点击组件，即可实现组件激活，激活以后组件向上下延伸，组件有阴影效果，如下图所示：
注1：「单个/全局组件选中激活」功能设置与具体效果，详情参见：［通用］组件选中激活 。
注2：body 勾选「手机重布局」并横屏显示时，组件默认处于激活状态。
6. 切换横屏
注：横屏切换逻辑，详情参见：移动端模板横屏显示 。
6.1 普通报表
移动端预览普通报表模板，切换横屏，以 App 为例，如下图所示：
6.2 决策报表
6.2.1 重布局
注1：决策报表重布局，APP 中横屏显示时，无论是否设置「允许全屏」，组件都默认全屏，不显示全屏按钮。
注2：决策报表重布局，APP 中横屏显示时，显示左右切换组件按钮，支持左右切换组件。
重布局，HTML5 端预览决策报表模板，切换横屏，如下图所示：
注1：决策报表重布局，HTML5 端横屏显示时，若设置了「允许全屏」，则依旧显示全屏按钮。
注2：决策报表重布局，HTML5 端横屏显示时，不显示左右切换组件按钮，不支持左右切换组件。
6.2.2 保留布局
保留布局，移动端预览决策报表模板，切换横屏，以 App 为例，如下图所示：
6.3 FVS
6.3.1 移动端布局
开启移动端布局，移动端预览 FVS 模板，切换横屏，以 App 为例，如下图所示：
6.3.2 保留布局
保留布局，移动端预览 FVS 模板，切换横屏，以 App 为例，如下图所示：
7. 组件全屏
决策报表中，组件全屏需选中组件，在移动端面板中勾选「允许全屏」，设置后，App 查看模板，全屏按钮悬浮在组件右上角，如下图所示：
注1：更多组件全屏设置，详情参见：[通用]组件全屏开关控制 。
注2：组件全屏按钮支持自定义大小及样式，详情参见：全屏按钮设置 。
动态效果如下图所示：
8. 翻页
8.1 普通报表
1）普通报表分页时，翻页按钮位于底部工具栏左侧，如下图所示：
2）用户可选择指定页，或上下翻页，如下图所示：
8.2 决策报表
8.2.1 底部工具栏左侧
决策报表的报表块分页时，以下情况，翻页按钮位于底部工具栏左侧：
决策报表 body 中只有一个报表块组件。
决策报表 body 中只有一个绝对画布块或一个Tab块，且其中只有一个报表块组件。
全屏下的报表块。
勾选「手机重布局」时 App 中横屏显示下的报表块。
8.2.2 报表块右上角
其余情况下的决策报表报表块分页时，翻页按钮位于报表块右上角，如下图所示：
注1：决策报表中报表块分页时，无论翻页按钮在底部工具栏左侧还是报表块右上角，都支持选择指定页，或上下翻页，与普通报表选择指定页、上下翻页操作相同。
注2：若用户同时设置了「全屏按钮」和「翻页按钮」，两者重合，点击时优先触发「全屏按钮」。
8.3 FVS
8.3.1 多分页
1）FVS 设置多分页，例如，有两个分页，如下图所示：
2）移动端预览模板，以 App 为例，翻页按钮位于底部工具栏左侧，支持上下翻页或选择指定页，如下图所示：
8.3.2 表格分页
1）打开一张含有表格组件的 FVS 模板，选中表格组件，在移动端模式下，可在右侧表格工具栏中勾选「分页按钮」。
2）勾选「分页按钮」后，出现「工具栏位置」、「工具栏背景」、「按钮风格」设置，如下图所示：
注：目前，仅「工具栏位置」对移动端生效，「工具栏背景」、「按钮风格」对移动端暂不生效。
3）移动端预览模板，以 App 为例，如下图所示：
注：FVS 表格翻页按钮支持选择指定页，或上下翻页，与普通报表选择指定页、上下翻页操作相同。
9. 图表排序
9.1 普通报表
1）打开一张含有图表的普通报表模板，选中图表，点击右侧属性面板的「单元格元素」。
2）点击「特效>交互属性」，勾选「排序」，如下图所示：
3）移动端预览模板，以 App 为例，图表块的右上角出现「排序」按钮，点击后即可排序并增加「刷新」按钮，如下图所示：
注1：图表排序规则，详情参见：图表排序规则 。
注2：「刷新」按钮的作用是对图表块进行还原。
9.2 决策报表
1）打开一张含有图表的决策报表模板，点击右侧的「组件设置」，选中图表。
2）点击「特效>交互属性」，勾选「排序」，如下图所示：
3）移动端预览模板，以 App 为例，点击图表块右上角「全屏」按钮，图表块全屏后，在底部工具栏左侧出现「排序」按钮，点击后即可排序并增加「刷新」按钮，如下图所示：
注1：移动端预览决策报表模板时，图表块右上角的「全屏」按钮需在「组件设置>图表块>移动端」中勾选「允许全屏」。
注2：图表排序规则，详情参见：图表排序规则 。
注3：「刷新」按钮的作用是对图表块进行还原。
9.3 FVS
1）打开一张含有图表的 FVS 模板，选中图表，点击右侧的「内容>特效>交互属性」，勾选「排序」，如下图所示：
2）移动端预览模板，以 App 为例，图表块的右上角出现「排序」按钮，点击后即可排序并增加「刷新」按钮，如下图所示：
注1：图表排序规则，详情参见：图表排序规则 。
注2：「刷新」按钮的作用是对图表块进行还原。
