反馈已提交

网络繁忙

[通用]移动端弹窗

  • 文档创建者:Wendy123456
  • 编辑次数:20次
  • 最近更新:April陶 于 2022-06-20
  • 1. 概述

    1.1 版本

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

    1.2 应用场景

    报表中存在内容较少的超链子报表,用户希望可以直接在当前页弹窗中查看,看完后关闭弹窗继续查看主模板。

    有时模板中需要加入一些注释性内容,如指标的定义及计算方法、图表的含义注释等。

    用户可通过「移动端弹窗」,实现用当前页弹窗展示超链子模板和文本注释。

    注:用户也可通过 JavaScript 事件实现该场景,详情请参见:[通用]JS 通过按钮控件开关对话框

    1.3 功能简介

    「移动端弹窗」可使超链子模板以弹窗的形式展示,并可自定义弹窗样式及内容。如下图所示:

    点击下载模板:「零售门店销售分析

    b4a5451b1365a14d2c6c7bcf40f23705.jpg

    注:移动端弹窗可在普通报表和决策报表中使用,弹窗效果在 APP 和 HTML5 端都支持。

    1.4 功能入口

    用户可在「超级链接」和「事件」中设置「移动端弹窗」,如下图所示:

    2021-10-25_16-23-08.png

    具体作用范围如下表所示:

    分类生效范围
    超链单元格>超级链接
    单元格>条件属性>超级链接
    事件单元格控件>事件
    表单 body 控件>事件
    模板 Web 属性>分页预览&填报预览>事件设置
    注:Web 事件中,不支持设置文本弹窗
    参数界面控件>事件

    注:图表暂不支持移动端弹窗。

    1.5 演示模板

    点击下载文档演示模板:「数据钻取主报表

    2. 居中弹窗

    移动端弹窗的设置界面中,「形式」选择「模板」,弹窗将处于移动设备中央。

    2.1 功能介绍

    「形式」选择模板时,移动端弹窗设置界面如下图所示:

    2020-06-03_10-14-56.png

    「形式」选择「模板」时,各属性项说明如下表所示:

    属性备注
    模板
    可选择链接到的模板,支持普通报表、决策报表
    参数可传递模板参数
    样式「形式」选择模板时,固定为居中弹窗
    边框可对弹窗「边框」的线条颜色圆角进行设置
    背景

    可自定义弹窗背景颜色;支持背景颜色的透明度设置

    弹窗大小

    「手机端规则」和「平板规则」默认选择为「自定义」,此时可在下方的宽高调节控件中设置弹窗大小(以百分比形式设置,如弹窗宽度占屏幕宽度的 xx% );

    「手机端规则」和「平板规则」选择「高度自适应」时,可设置弹窗宽度占屏幕宽度的百分比

    注1:设置「弹窗大小」时,若用户输入的宽高数值超过最大限度,直接限制输入;若用户输入的宽高数值小于最低限度,直接限制输入。

    注2:圆角值范围为 0~24、默认为 4。

    2.2 效果预览

    以「单元格超链」中弹窗效果为例,介绍移动端弹窗在 App 中预览的效果。

    2.2.1 单个超链

    单元格中单个超链,「形式」选择「模板」时,移动端效果如下图所示:

    1579174720304615.jpg

    2.2.2 多个超链

    单元格中多个超链,「形式」选择「模板」时,移动端效果如下图所示:

    1579174407407656.jpg

    3. 跟随弹窗

    移动端弹窗的设置界面中,「形式」选择「文本」,弹窗将跟随「超链/事件」显示。

    3.1 功能介绍

    「形式」选择「文本」时,移动端弹窗设置界面如下图所示:

    2020-06-03_10-26-09.png

    「形式」选择「文本」时,各属性项说明如下表所示:

    属性备注
    文本

    文本可定义文本内容(支持公式输入),支持换行符 \n ;可为文本内容选择文本字体、文本颜色、是否加粗、是否有下划线、是否斜体

    样式「形式」选择「文本」时,固定为跟随弹窗
    边框
    可对弹窗「边框」的线条颜色圆角进行设置
    背景

    可自定义弹窗背景颜色;支持背景颜色的透明度设置

    弹窗大小

    手机端规则和平板规则默认选择为自定义,此时可在下方的宽高调节控件中设置弹窗大小(以百分比形式设置,如弹窗宽度占屏幕宽度的 xx% );

    手机端规则和平板规则选择高度自适应时,可设置弹窗宽度占屏幕宽度的百分比

    注:设置「弹窗大小」时,若用户输入的宽高数值超过最大限度,直接限制输入;若用户输入的宽高数值小于最低限度,直接限制输入。

    3.2 效果预览

    以「单元格超链」中弹窗效果为例,介绍移动端弹窗在 APP 中的预览效果。

    3.2.1 单个超链

    单元格中单个超链,「形式」选择文本时,移动端效果如下图所示:

    1579175159165868.jpg

    3.2.2 多个超链

    单元格中多个超链,「形式」选择「文本」时,移动端效果如下图所示:

    1579176244579395.jpg

    4. 注意事项

    移动端弹窗不支持 cpt 模板的填报预览,所以不支持 cpt 填报,但支持 frm 模板的填报。frm 模板填报参见文档:移动端弹窗在决策报表填报中的应用

    附件列表


    主题: 移动端应用
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

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

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

    不再提示

    10s后关闭