-
-
wut 数据老手Lv5
发表于2020-4-23 11:12
楼主
本帖最后由 wut 于 2020-6-8 19:13 编辑
租赁行业.zip
(744.89 KB, 下载次数: )
slimscrollbody.zip
(2.78 KB, 下载次数: )
一、页面一览
二、页面分析
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、脚本资源
直接上传到资源管理器，默认的路径：/vfs/root/products/ebi/sys
注意：路径不要轻易修改，报表中在引用时使用了文件路径
4.资源文件
租赁行业.zip
(744.89 KB, 下载次数: )
slimscrollbody.zip
(2.78 KB, 下载次数: )
