1. 概述编辑
1.1 版本
| 报表服务器版本 | APP 版本 | HTML5 移动端展现插件 |
|---|---|---|
| 11.0 | V11.0 | V11.0 |
1.2 应用场景
报表中存在内容较少的超链子报表，用户希望可以直接在当前页弹窗中查看，看完后关闭弹窗继续查看主模板。
有时模板中需要加入一些注释性内容，如指标的定义及计算方法、图表的含义注释等。
用户可通过「移动端弹窗」，实现用当前页弹窗展示超链子模板和文本注释。
注：用户也可通过 JavaScript 事件实现该场景，详情请参见：［通用］JS 通过按钮控件开关对话框
1.3 功能简介
「移动端弹窗」可使超链子模板以弹窗的形式展示，并可自定义弹窗样式及内容。如下图所示：
点击下载模板：「零售门店销售分析」
注：移动端弹窗可在普通报表和决策报表中使用，弹窗效果在 APP 和 HTML5 端都支持。
1.4 功能入口
用户可在「超级链接」和「事件」中设置「移动端弹窗」，如下图所示：
具体作用范围如下表所示：
| 分类 | 生效范围 |
|---|---|
| 超链 | 单元格>超级链接 |
| 单元格>条件属性>超级链接 | |
| 事件 | 单元格控件>事件 |
| 表单 body 控件>事件 | |
| 模板 Web 属性>分页预览&填报预览>事件设置 注：Web 事件中，不支持设置文本弹窗 | |
| 参数界面控件>事件 |
注：图表暂不支持移动端弹窗。
1.5 演示模板
点击下载文档演示模板：「数据钻取主报表」
2. 居中弹窗编辑
移动端弹窗的设置界面中，「形式」选择「模板」，弹窗将处于移动设备中央。
2.1 功能介绍
「形式」选择「模板」时，移动端弹窗设置界面如下图所示：
「形式」选择「模板」时，各属性项说明如下表所示：
| 属性 | 备注 |
|---|---|
| 模板 | 可选择链接到的模板，支持普通报表、决策报表 |
| 参数 | 可传递模板参数 |
| 样式 | 「形式」选择「模板」时，固定为居中弹窗 |
| 边框 | 可对弹窗「边框」的线条、颜色、圆角进行设置 |
| 背景 | 可自定义弹窗背景颜色；支持背景颜色的透明度设置 |
| 弹窗大小 | 「手机端规则」和「平板规则」默认选择为「自定义」，此时可在下方的宽高调节控件中设置弹窗大小（以百分比形式设置，如弹窗宽度占屏幕宽度的 xx% ）； 「手机端规则」和「平板规则」选择「高度自适应」时，可设置弹窗宽度占屏幕宽度的百分比 |
注1：设置「弹窗大小」时，若用户输入的宽高数值超过最大限度，直接限制输入；若用户输入的宽高数值小于最低限度，直接限制输入。
注2：圆角值范围为 0~24、默认为 4。
2.2 效果预览
以「单元格超链」中弹窗效果为例，介绍移动端弹窗在 App 中预览的效果。
2.2.1 单个超链
单元格中单个超链，「形式」选择「模板」时，移动端效果如下图所示：
2.2.2 多个超链
单元格中多个超链，「形式」选择「模板」时，移动端效果如下图所示：
3. 跟随弹窗编辑
移动端弹窗的设置界面中，「形式」选择「文本」，弹窗将跟随「超链/事件」显示。
3.1 功能介绍
「形式」选择「文本」时，移动端弹窗设置界面如下图所示：
「形式」选择「文本」时，各属性项说明如下表所示：
| 属性 | 备注 |
|---|---|
| 文本 | 文本可定义文本内容（支持公式输入），支持换行符 \n ；可为文本内容选择文本字体、文本颜色、是否加粗、是否有下划线、是否斜体 |
| 样式 | 「形式」选择「文本」时，固定为跟随弹窗 |
| 边框 | 可对弹窗「边框」的「线条」、「颜色」、「圆角」进行设置 |
| 背景 | 可自定义弹窗背景颜色；支持背景颜色的透明度设置 |
| 弹窗大小 | 手机端规则和平板规则默认选择为自定义，此时可在下方的宽高调节控件中设置弹窗大小（以百分比形式设置，如弹窗宽度占屏幕宽度的 xx% ）； 手机端规则和平板规则选择高度自适应时，可设置弹窗宽度占屏幕宽度的百分比 |
注：设置「弹窗大小」时，若用户输入的宽高数值超过最大限度，直接限制输入；若用户输入的宽高数值小于最低限度，直接限制输入。
3.2 效果预览
以「单元格超链」中弹窗效果为例，介绍移动端弹窗在 APP 中的预览效果。
3.2.1 单个超链
单元格中单个超链，「形式」选择「文本」时，移动端效果如下图所示：
3.2.2 多个超链
单元格中多个超链，「形式」选择「文本」时，移动端效果如下图所示：
4. 注意事项编辑
4.1 填报支持范围
移动端弹窗不支持 cpt 模板的填报预览，所以不支持 cpt 填报，但支持 frm 模板的填报。frm 模板填报参见文档：移动端弹窗在决策报表填报中的应用
4.2 网络请求失败
问题描述：
当移动端弹窗内传递模板参数较多或部分参数值太长时，出现报错：网络请求失败
解决方案 ：
在模板地址尾部拼接参数&_method=POST，转为 POST 传参即可，如下图所示：
注：参数中 POST 需全部大写，且只有在末尾拼接参数才会正常生效。
