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

<!--
    $Author: hty
    $Date: 2018/6/6 9:50
    $Revision: 1.0 
-->
<a:screen xmlns:a="http://www.leaf-framework.org/application">
    <a:init-procedure/>
    <a:view template="default" package="leaf.ui.std">
        <link href="${/request/@context_path}/leafresource/hls/default/hls-all.css" rel="stylesheet" type="text/css"/>
        <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/hlsBlock/javascript/format-currency.js"
                type="text/javascript"></script>
        <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/beyond.min.js"></script>
        <script src="${/request/@context_path}/leafresource/hls/hlsBlock/javascript/block-payment-receipt.js"
                type="text/javascript"></script>

        <style>
            html, body {
                width: 270px;
                height: 165px;
                padding: 0;
                margin: 0;
            }
        </style>
        <div></div>
        <script></script>
        <a:dataSets/>
        <div class="hls-block-x1 hls-block-y2 row-body-right-area">
            <div id="right-area2-up" class="right-area1-up" style="background-color:#fb6e52;padding-left:12px">
                         <span id="recepipt-span" data-sparkline="compositebar" data-height="115px" data-width="270px"
                               data-barcolor="#fb7d64" 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,5,7,9,10,8,6,2,4,1,2,7">
                             8,4,1,2,4,6,2,4,4,8,10,7
                         </span>
                <!--<span id="recepipt-span" data-sparkline="compositebar" data-height="115px" data-width="270px"-->
                <!--data-barcolor=3D"#fb7d6;"-->
                <!--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, 7, 8">-->
                <!--8,4,1,2,4,6,2,4,4,8,10,7,10-->
                <!--</span>-->
            </div>
            <div class="right-area1-down">
                <div class="right-area-down-left">
                    <div class="right-area-down1">本年回款金额</div>
                    <div id="year-receipt-amount" class="right-area-down2"></div>
                </div>
                <div class="right-area-down-right">
                    <div class="right-area-down1">本月回款金额</div>
                    <div id="month-receipt-amount" class="right-area-down2"></div>
                </div>
            </div>
        </div>
        <script>
            var contextPath = '${/request/@context_path}';
            getEveryMonthReceiptAmount(contextPath);
            $jq('#right-area2-up').click(function () {
                mainGoToNotice('CSH510');
            });

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

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

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