<?xml version="1.0" encoding="UTF-8"?> <!-- 微件-项目资金流动情况-人民币 widget_cont_cf_cny --> <a:screen xmlns:a="http://www.leaf-framework.org/application"> <a:init-procedure/> <a:view template="default" package="leaf.ui.std"> <style> html,body{ width:264px; height:456px; margin: 0; padding: 0; color:#000; } .widget_cont_cf_cny{ box-sizing:border-box; width:264px; height:456px; background-color:#fff; position:relative; border:1px solid #F0F0F3; cursor:default; } .widget_cont_cf_cny .widget_label{ position:absolute; width:40px; height:4px; top:0; left:16px; background-color: #FFD95B; } .widget_cont_cf_cny .icon{ height:16px; margin-right:8px; } .widget_cont_cf_cny .row1{ width:100%; height:20px; line-height:20px; padding:16px 0 8px 16px; border-bottom:1px solid #F0F0F3; font-family: PingFangSC-Medium; font-size: 14px; color: rgba(75,80,90,0.85); } .widget_cont_cf_cny .row2{ box-sizing:border-box; width:100%; height:133px; padding:0 32px 0 32px; border-bottom:1px solid #F0F0F3; } .widget_cont_cf_cny .row2 .title{ position:relative; margin:8px 0 16px 0; height:17px; line-height:17px; font-family: PingFangSC-Medium; font-size: 12px; color: #535D7F; } .widget_cont_cf_cny .row2 .title .icon{ position:relative; top:4px; } .widget_cont_cf_cny .list{ height:20px; margin-bottom:8px; } .widget_cont_cf_cny .list .left{ width:68px; height:20px; line-height:20px; border-right:1px solid #F0F0F3; font-family: PingFangSC-Regular; font-size: 12px; color: rgba(0,0,0,0.65); } .widget_cont_cf_cny .list .right{ height:20px; margin-left:30px; line-height:20px; border-right:1px solid #F0F0F3; font-family: PingFangSC-Regular; font-size: 12px; color: rgba(0,0,0,0.65); } .widget_cont_cf_cny .row3{ box-sizing:border-box; width:100%; height:112px; padding:16px 32px 0 32px; border-bottom:1px solid #F0F0F3; } .widget_cont_cf_cny .row4{ box-sizing:border-box; width:100%; height:164px; padding:32px 20px 44px 32px; } .widget_cont_cf_cny .row4 .left{ box-sizing:border-box; height:100%; float:left; } .widget_cont_cf_cny .row4 .left p{ font-family: PingFangSC-Regular; font-size: 12px; color: rgba(0,0,0,0.65); line-height: 20px; margin:0; } .widget_cont_cf_cny .row4 .left p:nth-child(2){ margin-bottom:8px; } .widget_cont_cf_cny .row4 .right{ box-sizing:border-box; height:100%; float:right; } .widget_cont_cf_cny .row4 .clearFloat{ clear:both; height:0; line-height:0; font-size:0 } </style> <script><![CDATA[ function (record,index){ } ]]></script> <a:dataSets> <a:dataSet id="" autoQuery="true" pageSize="5" > <a:fields> <a:field name="bp_name"/> <a:field name="name"/> <a:field name="contract_number"/> <a:field name="amount"/> <a:field name="first_date"/> <a:field name="organization"/> <a:field name="employee_name"/> <a:field name="legal_person"/> <a:field name="currency"/> <a:field name="status"/> </a:fields> <a:events> <a:event name="load" handler=""/> </a:events> </a:dataSet> </a:dataSets> <a:screenBody> <div class="widget_cont_cf_cny"> <span class="widget_label"> </span> <div class="row1">项目资金流动情况</div> <div class="row2"> <div class="title"> <img src="${/request/@context_path}/leafresource/images/widget/cny.png" class="icon"/> <span>人民币(¥)</span> </div> <div class="list"> <span class="left">项目总数</span> <span class="right" id=""> </span> </div> <div class="list"> <span class="left">双名单</span> <span class="right" id=""> </span> </div> <div class="list"> <span class="left">转化率</span> <span class="right" id=""> </span> </div> </div> <div class="row3"> <div class="list"> <span class="left">未收金额</span> <span class="right" id=""> </span> </div> <div class="list"> <span class="left">逾期金额</span> <span class="right" id=""> </span> </div> <div class="list"> <span class="left">逾期比例</span> <span class="right" id=""> </span> </div> </div> <div class="row4"> <div class="left"> <p>投放金额</p> <p>4234</p> <p>回笼金额</p> <p>424</p> </div> <div class="right" id=""> </div> </div> </div> </a:screenBody> </a:view> </a:screen>