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