<?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>