1. 概述
1.1 版本
| FineBI 版本 | HTML5行動端展現 | 功能變動 |
|---|---|---|
| 6.0 | - | - |
| V11.0.83 | web組件適配行動端效果優化 | |
| 6.0.13 | - | web組件支援傳遞參數 ${過濾組件名} 實現動態重新整理連結功能 |
1.2 應用場景
使用者希望在儀表板介面中新增連結，展示網頁等 Web 介面時，可使用 Web 組件。
1.3 功能簡介
支援直接新增超連結並顯示該超連結下的頁面，超連結支援刪除、更換。
支援新增相對路徑以展示其他範本/報表，例如：/webroot/decision/view/report?viewlet=GettingStartedTW.cpt。
若當前組件大小無法顯示全部超連結頁面，則支援滑動條查看剩餘部分頁面。
支援組件懸浮、刪除，設定懸浮方式同過濾組件。
2. 新增Web組件
3. 顯示cpt報表
Web組件除了新增網頁Web外還能填入相對路徑以展示其他範本/報表，如下圖，為web組件新增連結：/webroot/decision/view/report?viewlet=GettingStartedTW.cpt，組件即可展示FineBI/webapps/webroot/WEB-INF/reportlets目錄下的GettingStartedTW.cpt。
4. Web組件傳參
當web組件掛載的儀表板和當前儀表板都存在過濾組件時，當前儀表板新增過濾組件值後，可設定將過濾組件值傳遞到web組件的儀表板內過濾組件。
1）複製儀表板超連結
將Web組件需要引用的儀表板建立公共連結並複製，得到連結：http://localhost:37799/webroot/decision/link/JBJM。如下圖所示：
2）製作Web組件
回到正在製作的儀表板中，新增「Web組件」並新增連結。
在連結後新增參數，保證當前儀表板的過濾組件值傳遞到Web組件的過濾組件中。這邊使用絕對連結：/webroot/decision/link/JBJM?合同簽約時間=${年份}
| 链接后缀 | 说明 |
|---|---|
| ?合同簽約時間=${年份} | 當前儀表板內的過濾組件「年份」傳值到web組件的儀表板「合同簽約時間」內 |
完成後效果如上文。
5. 懸浮
Web組件支援懸浮，按如下按鈕即可。使用與 組件懸浮 一樣。
6. 支援自適應高度
行動端自適應規則如下表所示：
| 所在範本型別 | 所在範本佈局 | 內嵌範本型別 | 內嵌範本佈局 |
|---|---|---|---|
| BI | 自適應佈局（網頁框是單行組件） | FR | cpt 不自適應 |
| cpt 橫向自適應 | |||
| body 的行動端 Tab 頁下勾選 手機重佈局 | |||
| body 的行動端 Tab 頁下不勾選 手機重佈局 ，且 組件縮放 選擇橫向自適應 | |||
| 不勾選 手機重佈局，且縮放邏輯為固定大小 |
7. 行動端
例如，web組件新增了連結：www.google.com 。
使用者可以在頁面直接搜尋內容。點選 Web 組件右上角按鈕，跳轉到百度網頁。
右上角跳轉按鈕如下圖所示：
