Web組件

1.1 版本

1.2 應用場景

使用者希望在儀表板介面中新增連結，展示網頁等 Web 介面時，可使用 Web 組件。

1.3 功能簡介

• 支援直接新增超連結並顯示該超連結下的頁面，超連結支援刪除、更換。

• 支援新增相對路徑以展示其他範本/報表，例如：/webroot/decision/view/report?viewlet=GettingStartedTW.cpt。

• 若當前組件大小無法顯示全部超連結頁面，則支援滑動條查看剩餘部分頁面。

• 支援組件懸浮、刪除，設定懸浮方式同過濾組件。

1）如下圖，在左側操作欄的其他中選擇Web組件並拖曳至儀表板介面上；

2）新增https://intl.finebi.com/zh-TW以後組件展示效果如下圖：

Web組件除了新增網頁Web外還能填入相對路徑以展示其他範本/報表，如下圖，為web組件新增連結：/webroot/decision/view/report?viewlet=GettingStartedTW.cpt，組件即可展示FineBI/webapps/webroot/WEB-INF/reportlets目錄下的GettingStartedTW.cpt。

當web組件掛載的儀表板和當前儀表板都存在過濾組件時，當前儀表板新增過濾組件值後，可設定將過濾組件值傳遞到web組件的儀表板內過濾組件。

1）複製儀表板超連結

將Web組件需要引用的儀表板建立公共連結並複製，得到連結：http://localhost:37799/webroot/decision/link/JBJM。如下圖所示：

2）製作Web組件

回到正在製作的儀表板中，新增「Web組件」並新增連結。

在連結後新增參數，保證當前儀表板的過濾組件值傳遞到Web組件的過濾組件中。這邊使用絕對連結：/webroot/decision/link/JBJM?合同簽約時間=${年份}

链接后缀	说明
?合同簽約時間=${年份}	當前儀表板內的過濾組件「年份」傳值到web組件的儀表板「合同簽約時間」內

注：如果是 FR 範本傳參，連結後綴與儀表板不一樣，為 &合同簽約時間=${年份}。

完成後效果如上文。

Web組件支援懸浮，按如下按鈕即可。使用與 組件懸浮 一樣。

行動端自適應規則如下表所示：

例如，web組件新增了連結：www.google.com 。

使用者可以在頁面直接搜尋內容。點選 Web 組件右上角按鈕，跳轉到百度網頁。

右上角跳轉按鈕如下圖所示：