一、頁面一覽
二、頁面分析
1、整體框架
主題表: 使用rand()函數產生隨機數
頁面結構:寬百分比,高固定,自定義布局
報表背景:#030202
布局背景:背景位置設置top center
2、模塊詳解
1)企業經營概覽
主標題:由三張圖片組成,分別居左、居中、居右
背景設置:由3張圖片組成,分別居左、居中、居右
七個指標框:每個指標框是由容器、文本組件組合而成,容器用于排版和添加背景圖片,文本用于顯示指標名稱和值。
2)風險指標
背景設置:由三張圖片組成,通過組件屬性來控制位置;此方法可以解決自適應圖片變形的問題
布局標題:容器(用于排版和添加背景圖片)+文本;此方法可以解決自適應圖片變形的問題
電池占比圖條:
上層為鏤空的電池圖片?
?(白色部分是透明的),下層為迷你占比圖。迷你占比圖的背景和未完成部分也是透明的,最后將兩者重疊,加上背景圖片。
3)資產質量
指標卡:一個大容器套兩個小容器,通過百分比來控制位置
4)資產規模
指標卡:兩層容器嵌套,外層容器設置背景圖片
5)盈利狀況
七個指標卡:一個大容器套七個小容器,通過百分比控制位置
6)資金成本
容器+文本組合,通過百分比控制位置
7)資本充足
四個迷你占比圖
三、配色信息
1.指標卡
??數值文本:#fff0c1
??純文字文本:#cb9d14
2.容器標題:#ffd65c
3.電池占比圖
??左側文本:#936e00
??橙色占比圖:完成值:#BD9009;未完成值:#41340e
??紅色占比圖:完成值:#E46020;未完成值:#802e06
4.儀表盤
??橙色文本:#d3a82f
??紅色文本:#ff6c25
5.迷你占比圖:完成值:#BD9009;未完成值:#503913
三、資源文件
1.報表資源
說明:.rptttpl后綴文件新建空報表后如下圖所示上傳
2.圖片資源
直接上傳到資源管理器,默認的路徑:vfs/root/products/ebi/sys/picture/pcdemo/領導駕駛艙/企業經營概覽
注意:可以壓縮為zip文件后上傳。路徑不要輕易修改,報表中在引用時使用了文件路徑。
3.資源文件
(部分內容來源網絡,如有侵權請聯系刪除)