<?xml version="1.0" encoding="UTF-8"?>

<!--
    $Author: hty
    $Date: 2018/6/6 9:22
    $Revision: 1.0
    付款趋势图
-->
<a:screen xmlns:a="http://www.leaf-framework.org/application">
    <a:init-procedure/>
    <a:view template="default" package="leaf.ui.std">
        <a:link id="wid506_bmLink_get_every_month_payment_and_receipt_amount_query"
                model="home.get_every_month_payment_and_receipt_amount" modelaction="query"/>

        <link href="${/request/@context_path}/leafresource/hls/default/hls-all.css" rel="stylesheet" type="text/css"/>

        <script src="${/request/@context_path}/leafresource/hls/hlsBlock/javascript/block-payment-receipt.js"
                type="text/javascript"></script>
        <link href="${/request/@context_path}/leafresource/hls/hlsBlock/css/block-12.css" rel="stylesheet"
              type="text/css"/>
        <link href="${/request/@context_path}/lib/bootstrap-3.3.7/css/bootstrap.css" rel="stylesheet" type="text/css"/>

        <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/bootstrap.min.js"></script>
        <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/charts/sparkline/jquery.sparkline.js"></script>
        <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/charts/sparkline/sparkline-init.js"></script>

        <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/skins.js"></script>
        <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/slimscroll/jquery.slimscroll.js"></script>

        <script src="${/request/@context_path}/leafresource/hls/hlsBlock/javascript/format-currency.js"
                type="text/javascript"></script>
        <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/beyond.min.js"></script>
        <style>
            html, body {
                width: 270px;
                height: 165px;
                padding: 0;
                margin: 0;
            }
        </style>
        <div></div>
        <script></script>
        <a:dataSets>

        </a:dataSets>
        <div class="hls-block-x1 hls-block-y2 row-body-right-area">
            <div id="right-area1-up" class="right-area1-up" style="background-color: #a0d468;padding-left:12px;">
                        <span id="payment-span" data-sparkline="compositebar" data-height="115px" data-width="270px"
                              data-barcolor="#b0dc81"
                              data-barwidth="15px" data-barspacing="5px"
                              data-fillcolor="false" data-linecolor="#fff" data-spotradius="3" data-linewidth="2"
                              data-spotcolor="#fafafa" data-minspotcolor="#fafafa" data-maxspotcolor="#fff"
                              data-highlightspotcolor="#fff" data-highlightlinecolor="#fff"
                              data-composite="7, 6, 5, 7, 9, 10, 8, 7, 6, 6, 4,8">
                                                    8,4,1,2,4,6,2,4,4,8,10,7
                         </span>
            </div>
            <div class="right-area1-down">
                <div class="right-area-down-left">
                    <div class="right-area-down1">本年放款金额</div>
                    <div id="year-payment-amount" class="right-area-down2"></div>
                </div>
                <div class="right-area-down-right">
                    <div class="right-area-down1">本月放款金额</div>
                    <div id="month-payment-amount" class="right-area-down2"></div>
                </div>
            </div>
        </div>


        <script>
            var contextPath = '${/request/@context_path}';
            getEveryMonthReceiptAmount(contextPath,$('wid506_bmLink_get_every_month_payment_and_receipt_amount_query').getUrl());
            $jq('#right-area1-up').click(function () {
                mainGoToNotice('CSH505');
            });

            function mainGoToNotice(code) {
                top.mainJumpCode(code, true);
            }

        </script>
        <a:screenBody style="display:none"/>

    </a:view>
</a:screen>