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

<!--
    $Author: hty
    $Date: 2018/6/5 16:54
    $Revision: 1.0 
-->
<a:screen xmlns:a="http://www.leaf-framework.org/application">
    <a:init-procedure/>
    <a:view template="default" package="leaf.ui.std">
        <script src="${/request/@context_path}/javascripts/home_page/init-tab-sheet.js" type="text/javascript"></script>
        <script src="${/request/@context_path}/javascripts/home_page/init-my-approval.js"
                type="text/javascript"></script>
        <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}/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>

        <a:link id="bmLink_zj_wfl_instance_node_recipient_query" model="zjwfl.ZJWFL5110.zj_wfl_instance_node_recipient"
                modelaction="query"/>
        <a:link id="bmLinl_zj_wfl_my_approved_application_query" model="zjwfl.ZJWFL3040.zj_wfl_my_approved_application"
                modelaction="query"/>

        <style>
            html, body {
                width: 870px;
                height: 355px;
                padding: 0;
                margin: 0;
            }

            .foot-area-imags-detail {
                margin-top: 12px;
            }

            .row-second-left-title > i {
                margin-top: 5px;
            }

            .databox .databox-header {
                font-size: 15px;
            }

            .portlet.light.bordered {
                border: 1px solid #e7ecf1 !important;
            }

            .portlet.light {
                padding: 12px 20px 15px 20px;
                background-color: #fff;
            }

            .portlet.bordered {
                border-left: 2px solid #e6e9ec !important;
            }

            .portlet {
                margin-top: 0px;
                margin-bottom: 25px;
                padding: 0px;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                -ms-border-radius: 4px;
                -o-border-radius: 4px;
                border-radius: 4px;
            }

            .portlet.light.bordered > .portlet-title {
                border-bottom: 1px solid #eef1f5;
            }

            .portlet.light > .portlet-title {
                padding: 0;
                min-height: 48px;
            }

            .portlet.light > .portlet-title > .caption {
                color: #666;
                padding: 10px 0;
            }

            .portlet > .portlet-title > .caption {
                float: left;
                display: inline-block;
                font-size: 18px;
                line-height: 18px;
                padding: 10px 0;
            }

            .portlet.light > .portlet-title > .caption > i {
                color: #777;
                font-size: 15px;
                font-weight: 300;
                margin-top: 3px;
            }

            .portlet > .portlet-title > .caption > i {
                float: left;
                margin-top: 4px;
                display: inline-block;
                font-size: 13px;
                margin-right: 5px;
                color: #666;
            }

            .font-green-sharp {
                color: #2ab4c0 !important;
            }

            [class^="icon-"] {
                display: inline-block;
                line-height: 14px;
                -webkit-font-smoothing: antialiased;
            }

            .icon-globe {
                font-family: Simple-Line-Icons;
                speak: none;
                font-style: normal;
                font-variant: normal;
                text-transform: none;
            }

            .portlet.light > .portlet-title > .caption > .caption-subject {
                font-size: 16px;
            }

            .font-green-sharp {
                color: #2ab4c0 !important;
            }

            .uppercase {
                text-transform: uppercase !important;
            }

            .bold {
                font-weight: 700 !important;
            }

            .portlet > .portlet-title:after {
                clear: both;
            }

            .portlet.light .portlet-body {
                padding-top: 8px;
            }

            .portlet > .portlet-body {
                clear: both;
                height: 278px;
            }

            .scroller {
                padding: 0px;
                margin: 0px;
                padding-right: 12px;
                overflow: hidden;
            }

            .feeds {
                margin: 0px;
                padding: 0px;
                list-style: none;
            }

            .myApproval-tab {
                padding: 4px 4px;
                color: #2ab4c0;
                cursor: pointer;
            }

            .myApproval-class {
                height: 25px;
                line-height: 25px;
            }

            #myApproval-container {
                height: 250px;
            }

            .latest-event-item {
                height: 76.5px;
            }

            .conAndPrj-class {
                height: 25px;
                line-height: 25px
            }

            .conAndPrj-tab {
                padding: 4px 4px;
                color: #2ab4c0;
                cursor: pointer;
            }

            .grid-class {
                color: #333;
            }

            .grid-class tbody > :nth-child(n+2):hover {
                background-color: #fafbfd;
            }

            .grid-class th {
                padding: 6px 0;
            }

            .grid-class tr {
                border-bottom: 1px solid #cccccc;
            }

            .super-grid-footbtn {
                margin: 0 auto;
                text-align: center;
                width: 100px;
                height: 25px;
            }

            .super-grid-footbar {
                position: absolute;
                bottom: 23px;
                width: 100%;
            }
        </style>

        <div></div>
        <script></script>
        <a:dataSets/>
        <div style="padding: 0;width: 870px;" class="col-md-6 col-sm-6">
            <!-- BEGIN PORTLET-->
            <div class="portlet light bordered" style="margin-bottom: 0">
                <div class="portlet-title tabbable-line">
                    <div class="caption" style="width: 100%;">
                        <!--<i class="icon-globe font-green-sharp"></i>-->
                        <img src="${/request/@context_path}/images/home_page/home-approval.png"
                             style="margin-right: 5px;" width="14" height="14"/>
                        <span class="caption-subject font-green-sharp bold uppercase">我的审批事项 </span>
                        <span style="float: right;font-size: 14px;cursor: pointer;color: #2ab4c0;"
                              onclick="mainGoToNotice('ZJWFL3040')">更多>></span>
                    </div>
                </div>
                <div class="portlet-body" id="myApproval">

                </div>
            </div>
        </div>
        <script><![CDATA[
        function mainGoToNotice(code) {
            top.mainJumpCode(code, true);
        }

        renderTabs('myApproval', ['待办事项', '已办事项']);

        renderApproval('myApproval-sheet0', $('bmLink_zj_wfl_instance_node_recipient_query').getUrl(), false);

        renderApproval('myApproval-sheet1', $('bmLinl_zj_wfl_my_approved_application_query').getUrl(), true);
        ]]></script>
        <a:screenBody style="display:none;">
        </a:screenBody>
    </a:view>
</a:screen>