[通用]行動端彈窗

1.1 版本

1.2 應用場景

• 報表中存在內容較少的超連結子報表，使用者希望可以直接在當前頁彈窗中查看，看完後關閉彈窗繼續查看主範本。

• 有時範本中需要加入一些註釋性內容，如指標的定義及計算方法、圖表的含義註釋等。

• 使用者可透過「行動端彈窗」，實現用當前頁彈窗展示超連結子範本和正文註釋。

注：使用者也可透過 JavaScript 事件實現該場景，詳情請參見：［通用］JS 透過按鈕元件開關對話框

1.3 功能簡介

「行動端彈窗」可使超連結子範本以彈窗的形式展示，並可自訂彈窗樣式及內容。如下圖所示：

點選下載範本：零售門店銷售分析.zip

注：行動端彈窗可在普通報表和決策報表中使用，彈窗效果在 APP 和 HTML5 端都支援。

1.4 功能入口

使用者可在「超級連結」和「事件」中設定「行動端彈窗」，如下圖所示：

具體作用範圍如下表所示：

注：圖表暫不支援行動端彈窗。

1.5 示範範本

點選下載文檔示範範本：「資料鑽取主報表」

行動端彈窗的設定介面中，「形式」選擇「範本」，彈窗將處於行動裝置中央。

2.1 功能介紹

「形式」選擇「範本」時，行動端彈窗設定介面如下圖所示：

「形式」選擇「範本」時，各屬性項說明如下表所示：

注1：設定「彈窗大小」時，若使用者輸入寬高數值超過最大限度，直接限制輸入；若使用者輸入寬高數值小於最低限度，直接限制輸入。

注2：圓角值範圍為 0~24、預設為 4。

2.2 效果預覽

以「儲存格超連結」中彈窗效果為例，介紹行動端彈窗在 App 中預覽的效果。

2.2.1 單個超連結

儲存格中單個超連結，「形式」選擇「範本」時，行動端效果如下圖所示：

2.2.2 多個超連結

儲存格中多個超連結，「形式」選擇「範本」時，行動端效果如下圖所示：

行動端彈窗的設定介面中，「形式」選擇「文本」，彈窗將跟隨「超連結/事件」顯示。

3.1 功能介紹

「形式」選擇「文本」時，各屬性項說明如下表所示：

注：設定「彈窗大小」時，若使用者輸入寬高數值超過最大限度，直接限制輸入；若使用者輸入寬高數值小於最低限度，直接限制輸入。

3.2 效果預覽

以「儲存格超連結」中彈窗效果為例，介紹行動端彈窗在 APP 中的預覽效果。

3.2.1 單個超連結

儲存格中單個超連結，「形式」選擇「文本」時，行動端效果如下圖所示：

3.2.2 多個超連結

儲存格中多個超連結，「形式」選擇「文本」時，行動端效果如下圖所示：

4.1 填報範本行動端彈窗

• cpt 範本

cpt 範本可實現行動端彈窗填報效果。

有兩種設定方案：1）範本存取連結新增後綴&op=write；2）新增範本參數op=write。

• frm 範本

frm 範本填報參見文檔：行動端彈窗在決策報表填報中的應用

4.2 網路請求失敗

問題描述：

當行動端彈窗內傳遞範本參數較多或部分參數值太長時，出現報錯：網路請求失敗

解決方案 ：

在範本地址尾部連接參數&_method=POST，轉為 POST 傳參即可，如下圖所示：

注：參數中 POST 需全部大寫，且只有在末尾連接參數才會正常生效。