反馈已提交

网络繁忙

[通用]模板查看

  • 文档创建者:lu123
  • 历史版本:66
  • 最近更新:Tracy.Wang 于 2024-08-21
  • 1. 概述

    1.1 版本

    报表服务器版本
    App 版本HTML5 移动端展现插件版本
    11.0V11.0V11.0

    1.2 功能简介

    移动端查看模板时:

    • 普通报表、决策报表中的报表块、FVS 中的表格支持滑动查看。

    • 普通报表、决策报表中的报表块、FVS 中的表格支持手势缩放。

    • App 支持左侧右滑、右侧左滑退出。

    • 决策报表中的组件支持组件激活。

    • 支持切换横屏。

    • 决策报表中的组件支持全屏。

    • 普通报表、决策报表的报表块、FVS 的表格支持分页,FVS 还支持多分页。

    • 图表支持排序。

    2. 滑动查看

    • 普通报表的菜单栏「模板>移动端属性>自适应」横屏、竖屏设置为横向自适应、纵向自适应或不适应,报表过宽或过高时,用户可通过上下左右滑动进行查看。移动端预览模板,以 App 为例,如下图所示:

    2020-09-07_14-13-31.gif

    • 决策报表 body 取消勾选「手机重布局」,报表块过宽或过高时,用户可通过上下左右滑动进行查看。移动端预览模板,以 App 为例,如下图所示:

    动画1(1).gif

    • FVS 中表格的「内容>内容自适应方式」选择 高度铺满 、宽度铺满 或 无 ,表格内容过宽或过高时,用户可通过上下左右滑动进行查看。移动端预览模板,以 App 为例,如下图所示:

    动画2.gif

    3. 手势缩放

    3.1 普通报表

    1)打开一张普通报表,点击菜单栏「模板>移动端属性」,勾选「允许双击/双指缩放」,点击「确定」,如下图所示:

    14.jpg

    2)移动端预览模板,用户可双击/双指缩放模板,以 App 为例,如下图所示:

    动画3 (1).gif

    3.2 决策报表

    注1:决策报表仅支持双指缩放,不支持双击缩放,且双指缩放仅对报表块有效,图表交互使用自带的交互按钮。

    注2:若报表块的移动端面板勾选了「组件可选中」,则在移动端预览时需要先点击激活组件,双指缩放才有效果。

    3.2.1 勾选「允许双击/双指缩放

    1)打开一张含有报表块的决策报表,点击菜单栏「模板>移动端属性」,勾选「允许双击/双指缩放」,点击「确定」,如下图所示:

    15.jpg

    2)移动端预览模板,用户可双指缩放报表块,以 App 为例,如下图所示:

    动画4(1).gif

    3.2.2 取消勾选「允许双击/双指缩放

    取消勾选「允许双击/双指缩放时」,全屏显示的报表块,仍然支持双指缩放,分为以下三种情况:

    • 报表块全屏显示后,支持双指缩放,移动端预览模板,以 App 为例,如下图所示:

    动画6(1).gif

    • body 勾选「手机重布局」,无论报表块移动端面板是否勾选「允许全屏」,App 中横屏预览模板时,报表块组件都默认全屏,故支持双指缩放,如下图所示:

    注:body 勾选「手机重布局」,报表块移动端面板不勾选「允许全屏」,HTML5 端横屏预览模板时,报表块组件无法全屏,不支持双指缩放。

    动画7(1).gif

    • 决策报表中只存在单个报表块时,报表块为全屏显示,故支持双指缩放,移动端预览模板,以 App 为例,如下图所示:

    动画5(1).gif

    3.3 FVS

    注:FVS 表格组件支持双指缩放,但是不支持双击缩放。其余所有组件均不支持双击/双指缩放。

    打开一张含有表格组件的 FVS 模板,表格支持双指缩放。移动端预览模板,以 App 为例,如下图所示:

    动画1 (1).gif

    4. 左侧右滑、右侧左滑退出

    App 支持左侧右滑或右侧左滑手势退出,手指贴着左侧边,向右滑动或手指贴着右侧边,向左滑动即可退出当前界面,如下图所示:

    动画8 (2).gif

    5. 组件激活

    手机点击组件,即可实现组件激活,激活以后组件向上下延伸,组件有阴影效果,如下图所示:

    注1:「单个/全局组件选中激活」功能设置与具体效果,详情参见:[通用]组件选中激活 

    注2:body 勾选「手机重布局」并横屏显示时,组件默认处于激活状态。

    16.png

    6. 切换横屏

    注:横屏切换逻辑,详情参见:移动端模板横屏显示 。

    6.1 普通报表

    移动端预览普通报表模板,切换横屏,以 App 为例,如下图所示:

    动画4.gif

    6.2 决策报表

    6.2.1 重布局

    • 重布局,App 预览决策报表模板,切换横屏,如下图所示:

    注1:决策报表重布局,APP 中横屏显示时,无论是否设置「允许全屏」,组件都默认全屏,不显示全屏按钮。

    注2:决策报表重布局,APP 中横屏显示时,显示左右切换组件按钮,支持左右切换组件。

    重布局APP决策报表横屏.gif

    • 重布局,HTML5 端预览决策报表模板,切换横屏,如下图所示:

    注1:决策报表重布局,HTML5 端横屏显示时,若设置了「允许全屏」,则依旧显示全屏按钮。

    注2:决策报表重布局,HTML5 端横屏显示时,不显示左右切换组件按钮,不支持左右切换组件。

    重布局H5决策报表横屏.gif

    6.2.2 保留布局

    保留布局,移动端预览决策报表模板,切换横屏,以 App 为例,如下图所示:

    动图7.gif

    6.3 FVS

    6.3.1 移动端布局

    开启移动端布局,移动端预览 FVS 模板,切换横屏,以 App 为例,如下图所示:

    动画6.gif

    6.3.2 保留布局

    保留布局,移动端预览 FVS 模板,切换横屏,以 App 为例,如下图所示:

    动画5.gif

    7. 组件全屏

    决策报表中,组件全屏需选中组件,在移动端面板中勾选「允许全屏」,设置后,App 查看模板,全屏按钮悬浮在组件右上角,如下图所示:

    注1:更多组件全屏设置,详情参见:[通用]组件全屏开关控制 。

    注2:组件全屏按钮支持自定义大小及样式,详情参见:全屏按钮设置 。

    222

    动态效果如下图所示:

    222

    8. 翻页

    8.1 普通报表

    1)普通报表分页时,翻页按钮位于底部工具栏左侧,如下图所示:

    1.jpg

    2)用户可选择指定页,或上下翻页,如下图所示:

    动画3.gif

    8.2 决策报表

    8.2.1 底部工具栏左侧

    决策报表的报表块分页时,以下情况,翻页按钮位于底部工具栏左侧:

    • 决策报表 body 中只有一个报表块组件。

    2.jpg

    • 决策报表 body 中只有一个绝对画布块或一个Tab块,且其中只有一个报表块组件。

    3.jpg

    • 全屏下的报表块。

    4.jpg

    • 勾选「手机重布局」时 App 中横屏显示下的报表块。

    5.jpg

    8.2.2 报表块右上角

    其余情况下的决策报表报表块分页时,翻页按钮位于报表块右上角,如下图所示:

    注1:决策报表中报表块分页时,无论翻页按钮在底部工具栏左侧还是报表块右上角,都支持选择指定页,或上下翻页,与普通报表选择指定页、上下翻页操作相同。

    注2:若用户同时设置了「全屏按钮」和「翻页按钮」,两者重合,点击时优先触发「全屏按钮」。

    6.jpg

    8.3 FVS

    8.3.1 多分页

    1)FVS 设置多分页,例如,有两个分页,如下图所示:

    10.jpg

    2)移动端预览模板,以 App 为例,翻页按钮位于底部工具栏左侧,支持上下翻页或选择指定页,如下图所示:

    动画4.gif

    8.3.2 表格分页

    1)打开一张含有表格组件的 FVS 模板,选中表格组件,在移动端模式下,可在右侧表格工具栏中勾选「分页按钮」。

    2)勾选「分页按钮」后,出现「工具栏位置」、「工具栏背景」、「按钮风格」设置,如下图所示:

    注:目前,仅「工具栏位置」对移动端生效,「工具栏背景」、「按钮风格」对移动端暂不生效。

    7.jpg

    3)移动端预览模板,以 App 为例,如下图所示:

    注:FVS 表格翻页按钮支持选择指定页,或上下翻页,与普通报表选择指定页、上下翻页操作相同。

    9.jpg

    9. 图表排序

    9.1 普通报表

    1)打开一张含有图表的普通报表模板,选中图表,点击右侧属性面板的「单元格元素」。

    2)点击「特效>交互属性」,勾选「排序」,如下图所示:

    11.jpg

    3)移动端预览模板,以 App 为例,图表块的右上角出现「排序」按钮,点击后即可排序并增加「刷新」按钮,如下图所示:

    注1:图表排序规则,详情参见:图表排序规则 。

    注2:「刷新」按钮的作用是对图表块进行还原。

    12.jpg

    9.2 决策报表

    1)打开一张含有图表的决策报表模板,点击右侧的「组件设置」,选中图表。

    2)点击「特效>交互属性」,勾选「排序」,如下图所示:

    13.jpg

    3)移动端预览模板,以 App 为例,点击图表块右上角「全屏」按钮,图表块全屏后,在底部工具栏左侧出现「排序」按钮,点击后即可排序并增加「刷新」按钮,如下图所示:

    注1:移动端预览决策报表模板时,图表块右上角的「全屏」按钮需在「组件设置>图表块>移动端」中勾选「允许全屏」。

    注2:图表排序规则,详情参见:图表排序规则 。

    注3:「刷新」按钮的作用是对图表块进行还原。

    14.jpg

    9.3 FVS

    1)打开一张含有图表的 FVS 模板,选中图表,点击右侧的「内容>特效>交互属性」,勾选「排序」,如下图所示:

    15.jpg

    2)移动端预览模板,以 App 为例,图表块的右上角出现「排序」按钮,点击后即可排序并增加「刷新」按钮,如下图所示:

    注1:图表排序规则,详情参见:图表排序规则 。

    注2:「刷新」按钮的作用是对图表块进行还原。

    16.jpg

    附件列表


    主题: 移动端应用
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭



    AI

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持