ABI-DEMO解析第一期:智慧金融之租赁行业

5142
11

wut 数据老手Lv5

发表于2020-4-23 11:12

楼主
本帖最后由 wut 于 2020-6-8 19:13 编辑

一、页面一览
租赁.png
二、页面分析
1、整体框架
主题表: 使用rand()函数产生随机数
页面结构:宽百分比,高固定,自定义布局
报表背景:#030202
布局背景:背景位置设置top center
1.png

2、模块详解
1)企业经营概览
主标题:由三张图片组成,分别居左、居中、居右
2.png

背景设置:由3张图片组成,分别居左、居中、居右
3.png

七个指标框:每个指标框是由容器、文本组件组合而成,容器用于排版和添加背景图片,文本用于显示指标名称和值。

2)风险指标
背景设置:由三张图片组成,通过组件属性来控制位置;此方法可以解决自适应图片变形的问题
4.png

布局标题:容器(用于排版和添加背景图片)+文本;此方法可以解决自适应图片变形的问题
5.png

电池占比图条:
上层为镂空的电池图片 截图202004271827053986.png (白色部分是透明的),下层为迷你占比图。迷你占比图的背景和未完成部分也是透明的,最后将两者重叠,加上背景图片。
6.png

3)资产质量
指标卡:一个大容器套两个小容器,通过百分比来控制位置
7.png

4)资产规模
指标卡:两层容器嵌套,外层容器设置背景图片
8.png

5)盈利状况
七个指标卡:一个大容器套七个小容器,通过百分比控制位置

6)资金成本
容器+文本组合,通过百分比控制位置

7)资本充足
四个迷你占比图

三、配色信息
1.指标卡
  数值文本:#fff0c1
  纯文字文本:#cb9d14
2.容器标题:#ffd65c
3.电池占比图
  左侧文本:#936e00
  橙色占比图:完成值:#BD9009;未完成值:#41340e
  红色占比图:完成值:#E46020;未完成值:#802e06
4.仪表盘
  橙色文本:#d3a82f
  红色文本:#ff6c25
5.迷你占比图:完成值:#BD9009;未完成值:#503913

三、资源文件
1.报表资源
9.png
说明:.rptttpl后缀文件新建空报表后如下图所示上传
10.png

2.图片资源
直接上传到资源管理器,默认的路径:vfs/root/products/ebi/sys/picture/pcdemo/领导驾驶舱/企业经营概览
注意:可以压缩为zip文件后上传。路径不要轻易修改,报表中在引用时使用了文件路径。

3、脚本资源
直接上传到资源管理器,默认的路径:/vfs/root/products/ebi/sys
注意:路径不要轻易修改,报表中在引用时使用了文件路径

4.资源文件
租赁行业.zip (744.89 KB, 下载次数: )
上一页12下一页共2页

登录后可回答问题,请登录注册

小时

全天响应

分钟

快速处理问题

工程师强势助力

明星产品
解决方案
联系合作

渠道咨询电话:137-0120-6790

技术支持QQ:400-0011-866(工作日9:00-18:00)

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流