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

<!--
    $Author: hty
    $Date: 2018/6/5 14:49
    $Revision: 1.0
-->
<a:screen xmlns:a="http://www.leaf-framework.org/application">
    <a:init-procedure>
        <a:model-query model="cont/CON560N/terminate_count" rootpath="terminate_count"/>
    </a:init-procedure>
    <a:view template="default" package="leaf.ui.std">
        <link href="${/request/@context_path}/resources/hls/default/hls-all.css" rel="stylesheet" type="text/css"/>
        <link href="${/request/@context_path}/resources/hls/beyondChart/assets/css/beyond.min.css" rel="stylesheet"/>
        <link href="${/request/@context_path}/resources/hls/hlsBlock/css/block-11.css" rel="stylesheet"
              type="text/css"/>
        <link href="${/request/@context_path}/resources/hls/hlsBlock/css/block-task.css" rel="stylesheet"
              type="text/css"/>
        <link href="${/request/@context_path}/lib/font-awesome-4.6.3/css/font-awesome.min.css" rel="stylesheet"
              type="text/css"/>
        <link href="${/request/@context_path}/resources/hls/beyondChart/assets/css/beyond.min.css" rel="stylesheet"/>
        <style>
            html, body {
                width: 225px;
                height: 72px;
                margin: 0;
                padding: 0;
            }

            #widget_con560n{
                cursor:pointer;
                background-color:#fff;
                border:1px solid #F0F0F3;
            }
            .terminate_count_box{
                font-family: Baskerville-SemiBold;
                font-size: 16px;
                color: #FF8665;
                margin-left:35px;
                vertical-align: text-bottom;
            }
            .hls-block-x1-zgc{
                width:225px;
                border-radius: 0px;
            }
            .hls-block-y1-zgc{
                height:72px;
                border-radius: 0px;
            }
            .hls-11-circle-common-zgc {
                width: 84px;
            }
            .row-task-left-zgc {
                background: #FFFFFF !important;
                border-radius: 0px 0px 0px 0px;
            }
            .row-area-right-zgc {
                width: 141px;
                margin-left: 84px;
            }
            .row-area-right-content-zgc {
                width: 120px;
                float: left;
                padding-left: 0px;
            }
            .row-area-right-number-zgc {
                display: block;
                font-size: 14px;
                line-height: 20px;
                top: 0px;
                position: relative;
                font-family: 'Roboto', 'Lucida Sans', 'trebuchet MS', Arial, Helvetica;
            }
            .row-area-right-msg-zgc1 {
                margin-top: 5px;
                color: #4B505A !important;
                position: relative;
                top: 10px;
                font-size: 14px;
                font-weight:bold;
            }
            .row-area-right-msg-zgc2 {
                margin-top: 4px;
                color: #4B505A !important;
                position: relative;
                top: 12px;
                font-size: 12px;
            }
            .row-area-left-circle-zgc {
                width: 36px;
                height: 36px;
                margin-top: 18px;
                float: left;
                margin-left: 32px;
            }
        </style>
        <div></div>
        <script></script>
        <a:dataSets>

        </a:dataSets>

        <div id="widget_con560n" class="hls-block-x1-zgc hls-block-y1-zgc hls-float-left hls-mutilblock-bg">
            <div style="cursor:pointer" id="left-div-my-task"
                 class="hls-block-y1-zgc hls-float-left hls-11-circle-common-zgc row-task-left-zgc">
                <div id="row-task-left-circle-zgc" class="row-area-left-circle-zgc">
                    <img src="${/request/@context_path}/leafresource/images/widget/con560n.png" width="27" height="22"/>
                    <!--<div id="row-task-left-circle-canvas" data-toggle="easypiechart" class="easyPieChart" data-barcolor="#fff" data-linecap="butt" data-animate="500" data-linewidth="3" data-size="47" data-trackcolor="rgba(255,255,255,0.1)">
                        <span id="task-percent-span" class="white font-90"></span>
                    </div>-->
                </div>
            </div>
            <div class="row-area-right-zgc hls-block-y1-zgc">
                <div class="row-area-right-content-zgc">
                    <span style="cursor:pointer" class="row-area-right-number-zgc row-task-right-number"></span>
                    <div id="CON560N_dev" style="cursor: pointer;" class="row-area-right-msg-zgc1">合同正常结清申请</div>
                </div>
                <div class="row-area-right-content-zgc">
                    <span style="cursor:pointer" class="row-area-right-number-zgc row-task-right-number"></span>
                    <div id="CON560N_dev_msg" style="cursor: pointer;" class="row-area-right-msg-zgc2">
                        <span class="terminate_count_box" id="terminate_count" onclick="top.mainJumpCode('CON560N',true)"></span>
                    </div>
                </div>
                <!--<div class="row-area-right-content-image row-task-right-content-image">-->
                <!--<img src="${/request/@context_path}/images/home_page/home_couter_icon.png" width="18" height="18"/>-->
                <!--&lt;!&ndash;<i class="fa fa-tasks"></i>&ndash;&gt;-->
                <!--</div>-->
            </div>
        </div>

        <script><![CDATA[
        document.getElementById('widget_con560n').addEventListener("click",function () {
            top.mainJumpCode('CON560N');
        });
        Leaf.onReady(function () {
            var terminate_record_count = ${/model/terminate_count/record/@list_count} || 0;
            jQuery(".row-area-right-content-zgc #terminate_count").html(terminate_record_count);
        });
        ]]></script>
    </a:view>
</a:screen>