历史版本28 :[App]模板查看 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 报表滚动编辑

cpt 表格过宽或者过高的时候(设置不自适应的情况下),通过上下左右滑动进行查看。

上下滑动效果如下图所示:

222

2. 下拉刷新编辑

移动端在设备顶部向下拖拽会提示可以刷新,手指释放后实现刷新,具体包括:目录树刷新、报表刷新、决策报表刷新等。

目录树下拉刷新效果如下图所示:

1574061393558820.gif

3. 手势缩放编辑

3.1 缩放效果

cpt 和 frm 中,支持双指和双击缩放,如下图所示:

1574061894475921.gif

3.2 缩放逻辑

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

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

1574649133868962.png

允许双击/双指缩放的情况如下表所示:

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

普通报表:

  • 不支持双击/双指缩放

决策报表:

  • 组件放大之后缩放不受影响

  • 重布局横屏和决策报表单个组件不受影响

4. 左侧右滑动退出编辑

移动端增加手势退出,手指贴着左侧边,向右滑动的话做退出操作。

目前支持左滑退出的地方有:报表界面(不包括参数界面)、决策报表界面、二级目录界面、设置界面。

注1:左右滑动不支持翻页操作。 

注2:仅iOS支持左滑退出功能。

222

5. 组件激活编辑

组件激活效果的情况如下表所示:

JAR 包版本App版本模板设置组件可选中何时存在组件激活效果
2019-12-04 前10.4.46 版本前决策报表重布局
-

需要点击组件进行激活

激活后方可进行组件内部操作

2019-12-04 前10.4.46 版本后决策报表重布局-
2019-12-04 后10.4.46 版本前

决策报表重布局

-
2019-12-04 后10.4.46 版本后

决策报表重布局

模板未编辑

-
2019-12-04 后10.4.46 版本后

决策报表重布局

模板已编辑

选中「组件可选中」
2019-12-04 后10.4.46 版本后

决策报表重布局

模板已编辑

不选中「组件可选中」

无需点击组件激活

可直接进行组件内部操作

只有决策报表 重布局 下才有组件激活,选中body>移动端,勾选手机重布局,如下图所示:

1574063238251314.png

5.1 组件可选中

JAR 包在 2019-12-04 之后的设计器,新增了「组件可选中」按钮,用户可通过勾选该按钮,设置是否需要组件激活操作。具体如上表所示。

选中报表块或图表块组件,点击移动端,可选中或取消勾选「组件可选中」按钮,如下图所示:

1574063845220501.png

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

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

5.2 组件激活

5.2.1 点击激活

手机点击该组件,即实现组件激活,激活以后组件像两边延伸,组件有阴影效果(重布局横屏下组件默认处于激活状态),如下图所示:


222

5.2.2 取消激活

1)在组件外部点击;

2)在组件外部滑动;

3)组件内部滑动到边缘以后,在滑动会取消激活

5.3 组件内部操作

组件可进行内部操作,例如报表块内部滑动、缩放、图表滑动等,如下图所示:

222

6. 横屏切换编辑

6.1 切换效果

6.1.1 重布局

  • 重布局 下横屏切换,效果如下图所示:

1574061256449503.gif

  • 重布局下横屏只显示单个组件;

  • 重布局横屏下无返回按钮,支持左右切换组件;

6.1.2 保留布局

保留布局 下横屏切换,效果如下图所示:

1574061220122601.gif

保留布局手机上横竖屏切换逻辑不变,横屏后保留布局显示,无返回按钮;

Pad 横竖屏逻辑不变,都有返回按钮;

注:10.0 HTML5 端 暂不支持横屏效果

6.2 横屏切换逻辑

6.2.1 参数设置

JAR 包在 2019-12-04 之前的设计器,默认允许横竖屏切换。

JAR 包在 2019-12-04 之后的设计器,可手动设置切换逻辑参数,设置url+参数。

参数逻辑如下表所示:

参数手机横屏开关phoneiPad微信钉钉

无参数

App/微信参数:orientation=auto

钉钉参数:dd_orientation=auto

开启支持横竖屏切换
支持横竖屏切换支持横竖屏切换支持横竖屏切换
关闭支持横竖屏切换支持横竖屏切换固定竖屏固定竖屏
App/微信参数:orientation=landscape

钉钉参数:dd_orientation=landscape

开启

首页竖屏,固定横屏

固定横屏固定横屏固定横屏
关闭

首页竖屏,固定横屏

固定横屏固定竖屏固定竖屏
App/微信参数:orientation=portrait

钉钉参数:dd_orientation=portrai

开启固定竖屏

首页横屏,固定竖屏

固定竖屏固定竖屏
关闭固定竖屏

首页横屏,固定竖屏

固定竖屏固定竖屏

6.2.2 横屏返回设置

环境模板
返回方式
Android普通模板底部工具栏「返回」按钮
网页链接左侧右滑退出
iOS普通模板底部工具栏「返回」按钮
系统返回键
网页链接系统返回键

7. 组件放大编辑

组件放大需要设置 全屏按钮,设置后,移动端查看模板,按钮悬浮在组件右上角,如下图所示:

222

动态效果如下图所示:

222

重布局横屏下不支持放大,重布局竖屏、保留布局横竖屏都支持放大(不包括 Pad);

放大状态下不支持横竖屏切换,横竖屏切换时,关闭放大状态,再进行横竖屏切换。

8. 翻页编辑

8.1 普通报表翻页

手机上 cpt 翻页,点击下方的翻页按钮,如下图所示:


222

动态效果如下图所示:
222

8.2 决策报表翻页

手机决策报表的报表块只有在 放大状态 下才支持翻页(重布局竖屏放大、重布局横屏——等同于重布局横屏放大效果、保留布局竖屏放大、保留布局横屏放大),如下图所示:
222

动态效果如下图所示:
222

注:Pad 上翻页交互不变

9. 跳转/联动/地图钻取/其他编辑

只有决策报表 重布局 下,跳转/联动/钻取交互统一。

  超级链接效果  
  图表超链-联动单元格  联动
  当前决策报表对象  联动
  网络报表  跳转
  网页链接    跳转
  动态参数  跳转
  JavaScript  其他
  邮件  其他
  钻取地图  钻取

9.1 表格/图表跳转

9.1.1 报表块的跳转

没有多种选择(多个跳转地址或者同时具有联动、钻取、其他功能)时,点击具有跳转功能的字段,则直接跳转到目标网页或报表,如下图所示:

222
动态效果如下图所示:

222

9.1.2 图表块的跳转

当没有多种选择(多个跳转地址或者同时具有联动、钻取、其他功能)时,点击具有跳转功能的维度,弹出提示框,然后点击跳转到目标网页或报表,如下图所示:


222

动态效果如下图所示:

222

9.1.3 多个跳转链接

如果有多个选择时,无论是报表块的跳转还是图表块的跳转,都弹出提示框,可选择跳转目的或别的功能(这里的示例是多个跳转,下面 9.2 有同时有跳转和联动的示例),如下图所示:

222

动态效果如下图所示:
222

9.2 联动

1)决策报表中的报表块里的联动,如果字段没有多种选择(多个联动或者同时具有跳转、其他等功能),则点击该字段直接触发联动效果。

2)决策报表中的图表块里的联动,如果字段没有多种选择(多个联动或者同时具有跳转、钻取、其他等功能),则弹出提示框,选择联动触发,可以取消,如下图所示:

222

动态效果如下图所示:

222

3)如果有多种选择,无论是决策报表里的图表块或是报表块,都弹出提示框,选择联动或别的功能,也可以取消,如下图所示:


222

动态效果如下图所示:
222

9.3 地图钻取

9.3.1 下钻

钻取地图,点击后弹出数据点提示,点击钻取后实现钻取 ,如下图所示:


222
注:钻取和联动不能同时点击

动态效果如下图所示:


222

9.3.2 上钻

钻取到下一层地图后,点击上一层目录,即可实现上钻,如下图所示:
222

动态效果如下图所示:
222

9.4 其他

1)决策报表中的报表块里的其他,如果字段没有多种选择(多个其他或者同时具有跳转、联动功能) ,则点击该字段直接触发其他效果。

2)决策报表中的图表块里的其他,如果字段没有多种选择(多个其他或者同时具有跳转、联动、钻取功能),则弹出提示框,选择其他触发,可以取消。

3)如果有多种选择,无论是决策报表里的图表块或是报表块,则弹出提示框,选择其他或别的功能,也可以取消。

这里跟钻取和联动的效果是一样的,就不全部介绍了,下面做个多种选择的演示。

这里演示的 JS 为:

FR.Msg.toast("其他测试")

具体效果如下图所示:
222

动态效果如下图所示:

222

10. 决策报表图表数据点提示编辑

决策报表中的图表,开启数据点提示会显示在顶部或底部,手指按住在图表中拖动时,可以实时查看对应的数据点提示,动态效果如下图所示:

222