一、概述
二、功能介紹
1
功能入口。
2
PC端自適應屬性。
設定項 | 選項 | 效果 | 說明 |
---|---|---|---|
| 字型大小會隨範本縮放的效果進行縮放 且字型自適應屬性作用於範本中所有組件的文字。 | ||
| 字型按照設計時的大小原樣展示,不跟隨範本縮放。 | ||
| 範本中的所有組件同時在橫向和縱向兩個方向上充滿瀏覽器視窗。 且在不同螢幕解析度下,內容都會呈現在一頁中。 | ||
| 範本中的所有組件橫向充滿瀏覽器視窗,高度會等比例縮放。 在不同螢幕解析度下,單頁顯示不全時,縱向會出現捲軸。 | ||
範本按照設計時解析度大小,原樣展示在瀏覽器視窗。 在不同螢幕解析度下,單頁顯示不全時,橫向或縱向會出現捲軸。 |
顯示方式 | 效果 | 說明 |
---|---|---|
![]()
| 預覽時報表塊的内容原樣輸出,空白沒内容的地方就是空白 | |
| 報表塊内容橫向鋪滿整個報表塊區域,高度會等比例縮放 | |
| 報表塊内容同時在橫向和縱向兩個方向上鋪滿整個報表塊區域 |
4
參數介面設計高度。
5
開發者除錯。
6
Tab載入邏輯最佳化。
載入邏輯 | 邏輯介紹 | 邏輯需知 |
---|---|---|
懶載入 | 首次載入第一個 Tab 塊,後續點哪個 Tab 塊即載入哪個 |
|
預載入 | 對未點選的 Tab 塊進行預先載入,按照 Tab 順序載入各個 Tab 塊的後臺資料 |
7
匯出決策報表-預覽URL新增寬高設定匯出。
三、新舊範本轉換自適應邏輯說明
1
報表塊內容顯示方式。
佈局方式轉換邏輯
PC端自適應屬性轉換邏輯:
報表塊的PC浏覽器自适應屬性設置轉換邏輯:
舊自適應配置 | PC端自適應-報表縮放方式 |
---|---|
絕對布局-固定大小 | 不自適應 |
絕對佈局-適應區域 | 雙向自適應 |
自適應佈局-雙向自適應 | 雙向自適應 |
橫向自適應 |
報表塊-PC瀏覽器自適應 | 報表塊-內容顯示方式 |
---|---|
不自適應 | 不自動調整 |
橫向自適應 | 橫向鋪滿報表塊 |
雙向自適應 | 雙向鋪滿報表塊 |
2
修改伺服器配置。
範本【PC端自适應屬性】中,【字型】預設采用伺服器設置。若要修改伺服器設定,可點選菜單欄【伺服器】→【伺服器配置】,選擇【PC端自适應屬性】進行修改。如下圖所示。
四、注意事項
1
Chrome出現字號和設計時不一緻。
原因分析
解決方法
2
新自適應和老決策報表效能的差異。
邏輯說明:
3
部分老範本切換至新自適應後未達理想效果。部分老範本切換至新操作介面後,範本效果未必能達到完美,需要手動再進行調整,場景如下。
部分老範本切換至新操作介面後,範本效果未必能達到完美,需要手動再進行調整,場景如下。
老範本 | 切換後可能出現的異常效果 | 建議調整方式 |
---|---|---|
自適應佈局,使用了絕對畫布 | 絕對畫布裡的組件內容被截斷 | 切換後調整絕對畫布裡的組件位置和尺寸 |
絕對佈局,存在組件位置超出body區域 | 以最外側組件的邊作為body的邊界 | 切換前調整組件位置,使組件不超出body邊界 |
絕對佈局,body內邊距空白較多 | body內邊距空白區域被裁剪 | 切換後手動調整組件位置和效果 |
4
新自適應範本實現帶參決策報表匯出。
方法介紹:
5
新自適應範本使用JS實現點選按鈕匯出帶參決策報表。
方法介紹:
var REPORT_URL = '${servletURL}?viewlet=doc/frm/example.frm&op=form_adaptive&export_format=excel&sessionID=' + aaa;
window.location = encodeURI(REPORT_URL)