[APP]移动端交互

编辑
文档创建者:印然 (67260 )     浏览次数:5929次     编辑次数:24次     最近更新:jiangsr 于 2019-03-01     

目录:

1. 报表滚动编辑

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

上下滑动效果如下图:

222

2. 下拉刷新编辑

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

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

3. 手势缩放编辑

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

 

4. 左侧右滑动退出编辑

移动端增加手势退出,手指贴着左侧边,向右滑动的话做退出操作。  
注:现左右滑动不支持翻页操作。 
目前支持左滑退出的地方有:报表界面(不包括参数界面)、决策报表界面、二级目录界面、设置界面。

222

5. 组件激活编辑

只有决策报表重布局下才有组件激活,打开财务分析主题-phone(深色).frm,控件选中body>移动端勾选手机重布局,如下图:

222

1)组件激活

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


222

2) 组件内部操作

激活以后才可以内部操作,例如组件内部有滑动操作如报表块内部滑动、缩放、图表滑动等,如下图:


222

3)组件内有超链

详细点击9.1

4)组件激活取消

1)在组件外部点击;

2)在组件外部滑动;

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

6. 横屏切换编辑

1)重布局

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

222

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

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

2)保留布局

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

222

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

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

注:目前的10.0H5暂不支持横屏效果

7. 组件放大编辑

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

222

动态效果如下图:


222

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

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

8. 翻页编辑

1)普通报表翻页

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


222

动态效果如下图:
222

2)决策报表翻页

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

动态效果如下图:
222

注:pad上翻页交互不变

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

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

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

9.1 表格/图表跳转

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

222
动态效果如下图:

222

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


222

动态效果如下图:


222

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

222

动态效果如下图:
222


9.2 联动

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

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

222

动态效果如下图:

222

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


222

动态效果如下图:
222


9.3 地图钻取

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


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

动态效果如下:


222

2)上钻

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

动态效果如下图:
222

9.4 其他

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

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

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

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

这里演示的js为:

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

具体效果如下图:
222

动态效果如下图:

222

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

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

222

附件列表


主题: 移动端
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

此页面有帮助吗?只是浏览 [ 去社区提问 ]