<?xml version="1.0" encoding="UTF-8"?>
<!--
    $Author: gaoyang 
    $Date: 2014-9-22 下午05:35:25  
    $Revision: 1.0  
    $Purpose: 
-->
<a:screen xmlns:c="leaf.application.action" xmlns:p="uncertain.proc" xmlns:a="http://www.leaf-framework.org/application" trace="true">

    <a:init-procedure>
        <a:model-query fetchAll="true" model="home.sys_date"
                       rootPath="sysDate"/>
        <!--<s:server-script import="home_page.js"/>-->
        <a:model-query defaultWhereClause="t1.document_category=&apos;CONTRACT&apos;" fetchAll="true" model="basic.hls_document_type_for_lov" rootPath="con301_document_type_path"/>
        <a:model-query fetchAll="true" model="cont.CON301.con_contract_business_type_list" rootPath="con301_business_type_list"/>
        <a:model-query defaultWhereClause="(exists(select 1 from hls_lease_org_assign ha where ha.unit_id=t1.unit_id))" fetchAll="true" model="basic.exp_org_unit_manager_lov" rootPath="con301_exp_org_unit_manager_path"/>
    </a:init-procedure>
    <a:view template="main">
        <a:link id="bmLink_home_contract_query" model="home.con_contract_amount" modelaction="query"/>
        <a:link id="bmLink_home_contract_overdue" model="home.con_contract_overdue" modelaction="query"/>
        <a:link id="bmLink_home_contract_overdue_amount_query" model="home.con_contract_overdue_amount" modelaction="query"/>
        <a:link id="bmLink_home_total_over_due_amount_query" model="home.total_over_due_amount" modelaction="query"/>
        <a:link id="bmLink_home_yesterday_over_due_amount_query" model="home.yesterday_over_due_amount" modelaction="query"/>
        <a:link id="bmLink_home_today_over_due_amount_query" model="home.today_over_due_amount" modelaction="query"/>
        <a:link id="bmLink_home_zj_wfl_to_do_list_count_query" model="zjwfl.ZJWFL5110.zj_wfl_to_do_list_count" modelaction="query"/>
        <a:link id="bmLink_home_sys_notice_msg_count_query" model="sys.SYS100.sys_notice_msg_count" modelaction="query"/>
        <a:link id="bmLink_get_stock_contract_and_month_new_contract_query" model="home.get_stock_contract_and_month_new_contract" modelaction="query"/>
        <a:link id="bmLink_get_total_contract_count_query" model="home.get_total_contract_count" modelaction="query"/>
        <a:link id="bmLink_zj_wfl_instance_node_recipient_query" model="zjwfl.ZJWFL5110.zj_wfl_instance_node_recipient" modelaction="query"/>
        <a:link id="bmLink_get_every_month_payment_and_receipt_amount_query" model="home.get_every_month_payment_and_receipt_amount" modelaction="query"/>
        <a:link id="bmLink_con_contract_v_query" model="home.con_contract_v" modelaction="query"/>
        <a:link id="bmLink_select_contract_status_info_query" model="home.select_contract_status_info" modelaction="query"/>

        <a:link id="con_contract_get_layout_code_link_id" model="cont.CON500.con_contract_get_layout_code" modelaction="update"/>
        <a:link id="con_contract_update_link_id" url="${/request/@context_path}/modules/cont/CON501N/con_contract_modify.lview"/>
        <a:link id="pageLink_zjwfl5110_wfl_approve" url="${/request/@context_path}/modules/zjwfl/ZJWFL5110/zj_wfl_approve.lview"/>
        <a:link id="bmLink_home_sys_notice_count_query" model="home.sys_notice_count" modelaction="query"/>
        <a:link id="bmLink_home_sys_announcement_count_query" model="home.sys_announcement_count" modelaction="query"/>



        <link href="${/request/@context_path}/lib/assets/global/plugins/simple-line-icons/simple-line-icons.min.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}/images/newmain/css_o.css" rel="stylesheet" type="text/css"/>

        <link href="${/request/@context_path}/lib/kendoui/styles/kendo.bootstrap.min.css" rel="stylesheet"
              type="text/css"/>
        <link href="${/request/@context_path}/lib/kendoui/styles/kendo.hap.css?v=20170911" rel="stylesheet"
              type="text/css"/>
        <link href="${/request/@context_path}/lib/bootstrap-3.3.7/css/bootstrap.css" rel="stylesheet" type="text/css"/>
        <!--<link href="${/request/@context_path}/lib/assets/global/css/components.css" rel="stylesheet" type="text/css"/>-->


        <link href="${/request/@context_path}/leafresource/hls/default/hls-all.css" rel="stylesheet" type="text/css"/>
        <!--Beyond styles-->
        <link href="${/request/@context_path}/leafresource/hls/beyondChart/assets/css/beyond.min.css" rel="stylesheet" />
        <link href="${/request/@context_path}/leafresource/hls/beyondChart/assets/css/demo.min.css" rel="stylesheet" />
        <link href="${/request/@context_path}/leafresource/hls/beyondChart/assets/css/typicons.min.css" rel="stylesheet" />
        <link href="${/request/@context_path}/leafresource/hls/beyondChart/assets/css/animate.min.css" rel="stylesheet" />
        <link id="skin-link" href="" rel="stylesheet" type="text/css" />

        <!--block styles-->
        <link href="${/request/@context_path}/leafresource/css/MAIN/hls-touch.css" rel="stylesheet" type="text/css"/>
        <link href="${/request/@context_path}/leafresource/hls/hlsBlock/css/block-11.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}/leafresource/hls/hlsBlock/css/block-task.css" rel="stylesheet" type="text/css"/>
        <link href="${/request/@context_path}/leafresource/hls/hlsBlock/css/block-notice.css" rel="stylesheet" type="text/css"/>
        <link href="${/request/@context_path}/leafresource/hls/hlsBlock/css/block-warning.css" rel="stylesheet" type="text/css"/>
        <link href="${/request/@context_path}/leafresource/hls/hlsBlock/css/block-user.css" rel="stylesheet" type="text/css"/>
        <link href="${/request/@context_path}/leafresource/hls/hlsBlock/css/block-pi.css" rel="stylesheet" type="text/css"/>
        <link href="${/request/@context_path}/leafresource/hls/hlsBlock/css/block-todo.css" rel="stylesheet" type="text/css"/>
        <link href="${/request/@context_path}/leafresource/hls/hlsBlock/css/block-con-status.css" rel="stylesheet" type="text/css"/>
        <link href="${/request/@context_path}/leafresource/hls/hlsBlock/css/block-con-overdue.css" rel="stylesheet" type="text/css"/>



        <!--block javascript-->
        <script src="${/request/@context_path}/leafresource/hls/hlsBlock/javascript/block-pi.js" type="text/javascript"></script>

        <script src="${/request/@context_path}/leafresource/hls/charts/highcharts.js" type="text/javascript"></script>
        <script src="${/request/@context_path}/leafresource/hls/charts/exporting.js" type="text/javascript"></script>
        <script src="${/request/@context_path}/leafresource/hls/charts/echarts.js" type="text/javascript"></script>

        <!--Basic Scripts-->
        <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/skins.min.js"></script>
        <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/bootstrap.min.js"></script>
        <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/slimscroll/jquery.slimscroll.min.js"></script>
        <!--Beyond Scripts-->
        <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/beyond.min.js"></script>

        <!--Page Related Scripts-->
        <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/charts/easypiechart/jquery.easypiechart.js"></script>
        <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/charts/easypiechart/easypiechart-init.js"></script>

        <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/charts/morris/raphael-2.0.2.min.js"></script>
        <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/charts/morris/morris.js"></script>
        <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/charts/morris/morris-init.js"></script>

        <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/charts/flot/jquery.flot.js"></script>
        <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/charts/flot/jquery.flot.orderBars.js"></script>
        <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/charts/flot/jquery.flot.tooltip.js"></script>
        <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/charts/flot/jquery.flot.resize.js"></script>
        <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/charts/flot/jquery.flot.selection.js"></script>
        <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/charts/flot/jquery.flot.crosshair.js"></script>
        <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/charts/flot/jquery.flot.stack.js"></script>
        <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/charts/flot/jquery.flot.time.js"></script>
        <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/charts/flot/jquery.flot.pie.js"></script>
        <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/charts/flot/flot-init.js"></script>

        <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/charts/chartjs/Chart.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/hlsBlock/javascript/block-main.js" type="text/javascript"></script>
        <script src="${/request/@context_path}/leafresource/hls/hlsBlock/javascript/block-task.js" type="text/javascript"></script>
        <script src="${/request/@context_path}/leafresource/hls/hlsBlock/javascript/block-message.js" type="text/javascript"></script>
        <script src="${/request/@context_path}/leafresource/hls/hlsBlock/javascript/block-warning.js" type="text/javascript"></script>
        <script src="${/request/@context_path}/leafresource/hls/hlsBlock/javascript/block-con-overdue.js" type="text/javascript"></script>
        <script src="${/request/@context_path}/leafresource/hls/hlsBlock/javascript/block-con-info.js" type="text/javascript"></script>
        <script src="${/request/@context_path}/leafresource/hls/hlsBlock/javascript/block-task-list.js" type="text/javascript"></script>
        <script src="${/request/@context_path}/leafresource/hls/hlsBlock/javascript/block-payment-receipt.js" type="text/javascript"></script>
        <script src="${/request/@context_path}/leafresource/hls/hlsBlock/javascript/block-incept-con.js" type="text/javascript"></script>
        <script src="${/request/@context_path}/leafresource/hls/hlswindow/hlsWindow.js" type="text/javascript"></script>

        <a:screen-include screen="modules/cont/CON500/con_contract_get_layout_code.lview"/>
        <a:screen-include screen="modules/cont/CON500/con_contract_authority_list_validate.lview?document_category=CONTRACT&amp;function_code=CON301"/>


        <script src="${/request/@context_path}/javascripts/jquery.slimscroll.min.js"
                type="text/javascript"></script>

        <style>
            .foot-area-imags-detail {
                margin-top: 12px;
            }
            .row-second-left-title > i {
                margin-top: 5px;
            }
            .databox .databox-header {
                font-size: 15px;
            }
        </style>

        <div id="left-div-my-task-open"></div>
        <div id="hls-main" class="hls-main">
            <div class="hls-block-y1 hls-width-inherit hls-block-margin-body">
                <div class="hls-block-x1 hls-block-y1 hls-float-left hls-mutilblock-bg">
                    <div style="cursor:pointer" id="left-div-my-task" class="hls-block-y1 hls-float-left hls-11-circle-common row-task-left">
                        <div id="row-task-left-circle" class="row-area-left-circle">
                            <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 hls-block-y1">
                        <div class="row-area-right-content">
                            <span  style="cursor:pointer" id="task-count" class="row-area-right-number row-task-right-number"></span>
                            <div class="row-area-right-msg">我的任务</div>
                        </div>
                        <div class="row-area-right-content-image row-task-right-content-image">
                            <i class="fa fa-tasks"></i>
                        </div>
                    </div>
                </div>
                <div class="hls-block-x1 hls-block-y1 hls-float-left hls-mutilblock-bg hls-block-margin-left">
                    <div style="cursor:pointer" id="left-div-my-msg" class="hls-block-y1 hls-float-left hls-11-circle-common row-notice-left">
                        <div id="row-notice-left-circle" class="row-area-left-circle">
                            <div id="row-notice-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.2)">
                                <span id="notice-percent-span" class="white font-90"></span>
                            </div>
                        </div>
                    </div>
                    <div class="row-area-right hls-block-y1">
                        <div  class="row-area-right-content">
                            <span style="cursor:pointer"   id="notice-count" class="row-area-right-number row-notice-right-number"></span>
                            <div class="row-area-right-msg">我的消息</div>
                        </div>
                        <div class="row-area-right-content-image row-notice-right-content-image">
                            <i class="fa fa-envelope-o"></i>
                        </div>
                    </div>
                </div>
                <div class="hls-block-x1 hls-block-y1 hls-float-left hls-mutilblock-bg hls-block-margin-left">
                    <div style="cursor:pointer" id="left-div-my-warning" class="hls-block-y1 hls-float-left hls-11-circle-common row-warning-left">
                        <div id="row-warning-left-circle" class="row-area-left-circle">
                            <div id="row-warning-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="warning-percent-span" class="white font-90"></span>
                            </div>
                        </div>
                    </div>
                    <div class="row-area-right hls-block-y1">
                        <div class="row-area-right-content">
                            <span style="cursor:pointer" id="warning-count" class="row-area-right-number row-warning-right-number"></span>
                            <div class="row-area-right-msg">系统公告</div>
                        </div>
                        <div class="row-area-right-content-image row-warning-right-content-image">
                            <i class="fa fa-bullhorn"></i>
                        </div>
                    </div>
                </div>
                <div class="hls-block-x1 hls-block-y1 hls-float-left hls-mutilblock-bg hls-block-margin-left">
                    <div class="hls-block-y1 hls-float-left hls-11-circle-common row-user-left" style="background-image: url('${/request/@context_path}/leafresource/images/MAIN/common-person.png')">
                        <div id="row-user-left-circle" class="row-area-left-circle">
                        </div>
                    </div>
                    <div class="row-area-right hls-block-y1">
                        <div class="row-area-right-content">
                            <span class="row-area-right-number row-user-right-number" id="userName">${Session.description!}</span>
                            <div class="row-area-right-msg">${Session.positionName!}</div>
                        </div>
                        <div class="row-area-right-content-image row-user-right-content-image">
                            <i class="fa fa-phone"></i>
                        </div>
                    </div>
                </div>
            </div>
            <div  class="hls-block-x4 hls-block-y4 hls-block-margin-top hls-block-margin-body">
                <div class="hls-block-x3 hls-block-y4 hls-float-left">
                    <div class="row-body-left-title" style="background-size:16px 16px;;background-position:10px 9px;background-image: url('${/request/@context_path}/leafresource/images/MAIN/hls-pi-image.png');">PI报表</div>
                    <div class="row-body-left-progress"></div>
                    <div class="row-body-left-body">
                        <!--<ul class="nav nav-tabs">-->
                        <ul >
                            <li class="day-pi-li row-body-left-body-li-active" id="day-pi-li-id">
                                <!-- <li class="day-pi-li active">-->
                                <!--<a onclick="on_day_pi">Day</a>-->
                                <a href="javascript:on_day_pi();">Day</a>
                                <!--<a data-toggle="tab" href="#row-body-pi-day-view">Day</a>-->
                            </li>
                            <li class="week-pi-li" id="week-pi-li-id">
                                <a href="javascript:on_week_pi();">Week</a>
                                <!--<a data-toggle="tab" href="#row-body-pi-day-view">Week</a>-->
                            </li>
                            <li class="month-pi-li" id="month-pi-li-id">
                                <!--<a onclick="on_month_pi" >Month</a>-->
                                <a href="javascript:on_month_pi();">Month</a>
                                <!--<a data-toggle="tab" href="#row-body-pi-day-view">Month</a>-->

                            </li>
                            <li class="year-pi-li" id="year-pi-li-id">
                                <!--<a onclick="on_year_pi">Year</a>-->
                                <a href="javascript:on_year_pi();">Year</a>
                                <!--<a data-toggle="tab" href="#row-body-pi-day-view1">Year</a>-->
                            </li>
                        </ul>
                    </div>
                    <!--<div id="row-body-pi-day-view" width="870px"></div>-->
                    <div class="tab-content" style="-webkit-box-shadow:none;padding: 0px 0px;">
                        <div id="row-body-pi-day-view" class="tab-pane active" width="870px" style="height: 233px;background: #fff;"></div>
                        <div id="row-body-pi-day-view1" class="tab-pane " width="870px" style="height: 233px;background: #fff;">1111</div>
                    </div>

                    <div class="row-body-left-foot">

                        <div class="row-body-left-foot-area foot-area1">
                            <div class="foot-area-imags" >
                                <img class="foot-area-imags-detail"  src="${/request/@context_path}/leafresource/images/MAIN/u121.png"/>
                            </div>
                            <div class="foot-area-texts">租金</div>

                        </div>
                        <div class="row-body-left-foot-area foot-area2">
                            <div class="foot-area-imags" >
                                <img class="foot-area-imags-detail"  src="${/request/@context_path}/leafresource/images/MAIN/u123.png"/>
                            </div>
                            <div class="foot-area-texts">本金</div>

                        </div>
                        <div class="row-body-left-foot-area foot-area3">
                            <div class="foot-area-imags" >
                                <img class="foot-area-imags-detail"  src="${/request/@context_path}/leafresource/images/MAIN/u425.png"/>
                            </div>
                            <div class="foot-area-texts">利息</div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="hls-block-x4 hls-block-y6 hls-block-margin-body hls-block-margin-top">
                <div class="hls-float-left hls-height-inherit hls-block-x1 hls-block-bg">
                    <div class="row-second-left-title">
                        <i class="fa fa-tasks" ></i>
                        <span style="vertical-align: top;" >任务列表</span>
                    </div>
                    <div class="row-second-left-title-split"></div>
                    <div class="row-second-left-search">
                        <div class="row-secend-left-search-img-div">
                            <img  height="18" width="18" style="margin-top:5px;"  src="${/request/@context_path}/leafresource/images/MAIN/hls-todo-search.png"/>
                        </div>
                        <div style="float:left;" class="row-second-left-search-input">
                            <input id="search-fld" type="text" name="param"
                                   placeholder='搜索任务'/>
                        </div>
                    </div>
                    <div id="task-list-id" class="row-second-body">


                    </div>
                </div>
                <div class="hls-float-left hls-block-margin-left hls-block-x2 hls-block-y6">
                    <div class="hls-block-x2 hls-block-y3 hls-block-bg row-second-middle-top">
                        <div class="hls-float-left hls-block-x1 hls-block-y1 row-second-middle-top-left">
                            <div id="con-contract-total-count" style="text-align: left;margin-left: 20px;" class="row-second-middle-top-left-common row-second-middle-top-left-number"></div>
                            <div style="text-align: left;margin-left: 20px;" class="row-second-middle-top-left-common row-second-middle-top-left-name">合同总数</div>
                        </div>
                        <div class="hls-float-left hls-block-x1 hls-block-y1 row-second-middle-top-right">
                            <!--<img id="u306_img"
                                 class="row-second-middle-top-right-li row-second-middle-top-right-li-image row-second-middle-top-right-li-image1"
                                 src="${/request/@context_path}/leafresource/images/MAIN/u306.png">-->
                            <div class="row-second-middle-top-body-foot2-table-div-7"></div>
                            <div class="row-second-middle-top-right-li row-second-middle-top-right-li1">存量合同</div>
                            <!--<img id="u312_img"
                                 class="row-second-middle-top-right-li row-second-middle-top-right-li-image row-second-middle-top-right-li-image2"
                                 src="${/request/@context_path}/leafresource/images/MAIN/u312.png">-->
                            <div class="row-second-middle-top-body-foot2-table-div-8"></div>
                            <div class="row-second-middle-top-right-li row-second-middle-top-right-li2">本月新增合同</div>
                            <div  id="con-percent-color-1" class="row-second-middle-top-right-percent-common row-second-middle-top-right-percent1"  ></div>
                            <div  id="con-percent-color-2" class="row-second-middle-top-right-percent-common row-second-middle-top-right-percent2"  ></div>
                        </div>
                        <div class="row-second-middle-top-body-common row-second-middle-top-body-left">
                            <div id="row-second-middle-top-body-foot1"
                                 class="hls-float-left hls-height-inherit row-second-middle-top-body-foot1">
                            </div>
                            <div class="hls-float-left hls-height-inherit row-second-middle-top-body-foot2">

                                <div class="row-second-middle-top-body-foot2-table" style="margin-top:10px;">
                                    <div style="float:left;margin-left:20px;color: #000;margin-top: -5px;">合同类型</div>
                                    <div style="float:left;margin-left:140px;color: #000;margin-top: -5px;">占比</div>
                                </div>
                                <!--<div class="row-second-middle-top-body-foot2-table">
                                    <div class="row-second-middle-top-body-foot2-table-div-1"></div>
                                    <div  class="con-status-kind-name">已起租已收款</div>
                                    <div id="Incept-Receipt-Contract-Count" class="con-status-kind-per"></div>
                                </div>
                                <div class="row-second-middle-top-body-foot2-table">
                                    <div class="row-second-middle-top-body-foot2-table-div-2"></div>
                                    <div  class="con-status-kind-name">已起租待收款</div>
                                    <div id="incept-Not-Receipt-Count" class="con-status-kind-per"></div>
                                </div>
                                <div class="row-second-middle-top-body-foot2-table">
                                    <div class="row-second-middle-top-body-foot2-table-div-3"></div>
                                    <div  class="con-status-kind-name">结清中</div>
                                    <div id="terminating-Count" class="con-status-kind-per"></div>
                                </div>
                                <div class="row-second-middle-top-body-foot2-table">
                                    <div class="row-second-middle-top-body-foot2-table-div-4"></div>
                                    <div  class="con-status-kind-name">签约未起租</div>
                                    <div  id="sign-Not-Incept-Count" class="con-status-kind-per"></div>
                                </div>
                                <div class="row-second-middle-top-body-foot2-table">
                                    <div class="row-second-middle-top-body-foot2-table-div-5"></div>
                                    <div  class="con-status-kind-name">已结清及其他</div>
                                    <div id="terminate-Count" class="con-status-kind-per"></div>
                                </div>-->


                                <div class="row-second-middle-top-body-foot2-table">
                                    <div class="row-second-middle-top-body-foot2-table-div-1"></div>
                                    <div  class="con-status-kind-name">新建</div>
                                    <div id="new-Count" class="con-status-kind-per"></div>
                                </div>
                                <div class="row-second-middle-top-body-foot2-table">
                                    <div class="row-second-middle-top-body-foot2-table-div-2"></div>
                                    <div  class="con-status-kind-name">签约</div>
                                    <div id="sign-Count" class="con-status-kind-per"></div>
                                </div>
                                <div class="row-second-middle-top-body-foot2-table">
                                    <div class="row-second-middle-top-body-foot2-table-div-3"></div>
                                    <div  class="con-status-kind-name">取消</div>
                                    <div id="cancel-Count" class="con-status-kind-per"></div>
                                </div>
                                <div class="row-second-middle-top-body-foot2-table">
                                    <div class="row-second-middle-top-body-foot2-table-div-4"></div>
                                    <div  class="con-status-kind-name">起租</div>
                                    <div id="incept-Count" class="con-status-kind-per"></div>
                                </div>
                                <div class="row-second-middle-top-body-foot2-table">
                                    <div class="row-second-middle-top-body-foot2-table-div-5"></div>
                                    <div  class="con-status-kind-name">变更</div>
                                    <div id="change-Count" class="con-status-kind-per"></div>
                                </div>
                                <div class="row-second-middle-top-body-foot2-table">
                                    <div class="row-second-middle-top-body-foot2-table-div-6"></div>
                                    <div  class="con-status-kind-name">完结</div>
                                    <div id="terminate-Count" class="con-status-kind-per"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="hls-block-x2 hls-block-y3 hls-block-bg hls-block-margin-top">
                        <div class="con-overdue-title">
                            <img class="con-overdue-title-img" src="${/request/@context_path}/leafresource/images/MAIN/u266.png"/>
                            <div class="con-overdue-title-content">合同逾期金额变动</div>
                            <div id="sysData" class="con-overdue-title-content" style="margin-left:320px;">${/model/sysDate/record/@sysdate}</div>
                        </div>
                        <div class="co-body-title" style="float: left">
                            <div class="co-body-title1" style="margin-left: 0px">
                                <div id="con-overdue-total" class="co-body-title1-amt">
                                </div>
                                <div class="co-body-title1-name">
                                    逾期合计
                                </div>
                            </div>
                            <div class="co-body-title1">
                                <div id="con-overdue-week" class="co-body-title1-amt">
                                </div>
                                <div class="co-body-title1-name">
                                    本周
                                </div>
                            </div>
                            <div class="co-body-title1">
                                <div id="con-overdue-yestoday" class="co-body-title1-amt">
                                </div>
                                <div class="co-body-title1-name">
                                    昨天
                                </div>
                            </div>
                            <div class="co-body-title1">
                                <div id="con-overdue-today" class="co-body-title1-amt">
                                </div>
                                <div class="co-body-title1-name">
                                    今天
                                </div>
                            </div>
                        </div>
                        <div id="con-overdue-chart" style="height:150px;width: inherit;border-radius: 0px 0px 5px 5px;">
                        <span style="padding-left:25px;" id="contract-overdue-span" data-sparkline="line2" data-height="100px" data-width="88%" data-fillcolor="#37c2e2" data-linecolor="#37c2e2"
                              data-spotcolor="#fafafa" data-minspotcolor="#fafafa" data-maxspotcolor="#ffce55"
                              data-highlightspotcolor="#f5f5f5 " data-highlightlinecolor="#f5f5f5"
                              data-linewidth="2" data-spotradius="0">
                                                1,2,3,4,5,6,7
                        </span>
                            <div class="databox databox-xxlg databox-vertical databox-inverted " style="height: 50px;">
                                <div class="databox-bottom bg-sky no-padding" style="border-radius: 0px 0px 5px 5px">
                                    <div class="databox-cell cell-2 text-align-center no-padding padding-top-10" style="width:10%;">
                                        <span id="day-7" class="databox-header white global-font-size13">Mon</span>
                                    </div>
                                    <div class="databox-cell cell-2 text-align-center no-padding padding-top-10" style="width:18%">
                                        <span id="day-6" class="databox-header white global-font-size13">Mon</span>
                                    </div>
                                    <div class="databox-cell cell-2 text-align-center no-padding padding-top-10" style="width:13%">
                                        <span id="day-5" class="databox-header white global-font-size13">Tues</span>
                                    </div>
                                    <div class="databox-cell cell-2 text-align-center no-padding padding-top-10" style="width:14.28%">
                                        <span id="day-4" class="databox-header white global-font-size13">Wed</span>
                                    </div>
                                    <div class="databox-cell cell-2 text-align-center no-padding padding-top-10" style="width:15.5%">
                                        <span id="day-3" class="databox-header white global-font-size13">Thu</span>
                                    </div>
                                    <div class="databox-cell cell-2 text-align-center no-padding padding-top-10" style="width:14.28%">
                                        <span id="day-2" class="databox-header white global-font-size13">Fri</span>
                                    </div>
                                    <div class="databox-cell cell-2 text-align-center no-padding padding-top-10" style="width:14.28%;">
                                        <span id="day-1" class="databox-header white global-font-size13">Fri</span>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

            <div style="height: 25px;width: inherit;"></div>
        </div>
        <script>



            var contextPath = '${/request/@context_path}';

            var touchWindow = $jq(window),
                touchWindowHeight = touchWindow.height(),
                touchWindowWidth = touchWindow.width(),
                touchBody = $jq('.row-title');

            function on_day_pi(){
                $jq('#day-pi-li-id').addClass('row-body-left-body-li-active');
                $jq('#week-pi-li-id').removeClass('row-body-body-li-active');
                $jq('#month-pi-li-id').removeClass('row-body-body-li-active');
                $jq('#year-pi-li-id').removeClass('row-body-right-body-li-active');
            }

            function on_week_pi(){
                $jq('#day-pi-li-id').removeClass('row-body-left-body-li-active');
                $jq('#week-pi-li-id').addClass('row-body-body-li-active');
                $jq('#month-pi-li-id').removeClass('row-body-body-li-active');
                $jq('#year-pi-li-id').removeClass('row-body-right-body-li-active');
            }

            function on_month_pi(){
                $jq('#day-pi-li-id').removeClass('row-body-left-body-li-active');
                $jq('#week-pi-li-id').removeClass('row-body-body-li-active');
                $jq('#month-pi-li-id').addClass('row-body-body-li-active');
                $jq('#year-pi-li-id').removeClass('row-body-right-body-li-active');
            }

            function on_year_pi(){
                $jq('#day-pi-li-id').removeClass('row-body-left-body-li-active');
                $jq('#week-pi-li-id').removeClass('row-body-body-li-active');
                $jq('#month-pi-li-id').removeClass('row-body-body-li-active');
                $jq('#year-pi-li-id').addClass('row-body-right-body-li-active');
            }

            $jq('#left-div-my-task').click(function(){
                mainGoToNotice('ZJWFL5110');
            })

            $jq('#task-count').click(function(){
                mainGoToNotice('ZJWFL5110');
            })

            $jq('#left-div-my-msg').click(function(){
                mainGoToNotice('sys100');
            })

            $jq('#notice-count').click(function(){
                mainGoToNotice('sys100');
            })

            $jq('#left-div-my-warning').click(function(){
                mainGoToNotice('SYS100');
            })

            $jq('#warning-count').click(function(){
                mainGoToNotice('SYS100');
            })

            $jq('#right-area1-up').click(function(){
                //mainGoToNotice('${/request/@context_path}/fundManagementIndexNew.html','合同放款');
                //top.openTab('CSH000H','合同放款','${/request/@context_path}/fundManagementIndexNew.html',null,null,'Y');
                mainGoToNotice('CSH505');

                // top.openTab('CSH250A','放款综合查询','${/request/@context_path}/csh/CSH250A/csh_paymenrt_req_query.html',null,null,'Y');


            })

            $jq('#right-area2-up').click(function(){
                //mainGoToNotice('${/request/@context_path}/fundManagementIndexNew.html','合同回款');
                //top.openTab('CSH000H','合同回款','${/request/@context_path}/fundManagementIndexNew.html',null,null,'Y');
                // top.openTab('CSH330A','收款综合查询','${/request/@context_path}/csh/CSH330A/receipt_query.html',null,null,'Y');
                mainGoToNotice('CSH510');

            })

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


            $jq(window).bind("load", function () {
                //draw_block_pi("row-body-pi-day-view");
                getConContractDueAmount('row-body-pi-day-view',contextPath);

                loadConOverDueData(contextPath);

                taskInit(contextPath);

                noticeInit(contextPath);

                warningInit(contextPath);

                conContractInit(contextPath);

                taskListInit(contextPath);

                getEveryMonthReceiptAmount(contextPath);

                conInceptListInit(contextPath);
            });
            (function () {
                Leaf.request({
                    url:"${/request/@context_path}/autocrud/sys.sys_user/query",
                    para:{},
                    scope:this,
                    success:function (res) {
                        if (res.success) {
                            var userName = '';
                            res.result.record.forEach(function (value) {
                                if (value.user_id == ${/session/@user_id}){
                                    userName = value.user_name;
                                }
                            });
                            document.getElementById('userName').innerHTML = userName;
                        }
                    }
                })
            })();
        </script>
        <a:dataSets>
        </a:dataSets>
        <a:screenBody id="hideForm">
        </a:screenBody>
        <script><![CDATA[
        /* function init() {
         var e = document.getElementById('home_page_table_id');
         var screenWidth = document.body.offsetWidth - 15;
         e.style.width = screenWidth + "px";
         }

         window.onresize = init;
         init();*/
        ]]></script>


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