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

<!--
    :Think
    : 1.0
-->
<a:screen xmlns:a="http://www.leaf-framework.org/application">
    <a:init-procedure/>
    <a:view template="default" package="leaf.ui.std">
        <!--<meta name="_csrf" content="${/session/@_csrf.token}"/>-->
        <!--<meta name="_csrf_header" content="X-CSRF-TOKEN" />-->
        <a:link id="leaf_loan_csh504_get_layout_code_link_id" model="cont.CON500.con_contract_get_layout_code"
                modelaction="update"/>
        <a:link id="leaf_loancsh501_csh_payment_req_link_id"
                url="${/request/@context_path}/modules/csh/CSH501/csh_payment_req.lview"/>
        <a:link id="leaf_loan_csh_transaction_receipt_return_maintain_link"
                url="${/request/@context_path}/modules/csh/CSH301/csh_transaction_receipt_detail_query.lview"/>
        <a:link id="leaf_loan_csh_transaction_returned_detail_link"
                url="${/request/@context_path}/modules/csh/CSH301/csh_transaction_returned_detail_query.lview"/>
        <a:link id="leaf_loan_csh_transaction_payment_detail_link"
                url="${/request/@context_path}/modules/csh/CSH301/csh_payment_req_pay_detail.lview"/>
        <style>
            html, body {
                width:1185px;
                height:554px;
                background:#FFFFFF;
                margin:0;
                padding:0;
            }

            .widget-leaf-loan-payment {
                width:1185px;
                height:554px;
                background:#FFFFFF;
                border-radius: 4px;
            }

            .widget-leaf-loan-payment .payment-title{
                height:22px;
                width:100%;
                padding-left:48px;
                padding-top:32px;
            }

            .widget-leaf-loan-payment .payment-title .payment-title-img{
                /*height:25px;*/
                width:20px;
            }
            .widget-leaf-loan-payment .payment-title .payment-title-font{
                height:20px;
                width:140px;
                font-family: NotoSansHans-Bold;
                font-size:18px;
                line-height:18px;
                letter-spacing: 2px;
                color: #333333;
                margin-left:12px;
                padding:0px;
            }

            .widget-leaf-loan-payment .payment-search{
                height:434px;
                width:249px;
                float:left;
                margin-left:49px;
                margin-top:28px;
            }

            .widget-leaf-loan-payment .widget_label {
                position: absolute;
                width: 29px;
                height: 4px;
                top: 104px;;
                left: 49px;
                background-color: #5A7FFF;
            }

            .widget-leaf-loan-payment .row1 {
                position: relative;
                //padding: 16px 0 12px 16px;
                font-family: NotoSansHans-Bold;
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 1px;
                color: #333333;
            }
            .widget-leaf-loan-payment .row1 .row1_right_img{
                float:right;
                width:15px;
                height:13px;
                margin-top:4px;
            }

            .widget-leaf-loan-payment .row2 {
                box-sizing: border-box;
                height: 109px;
                <!--padding: 26px 40px 22px 16px;-->
                <!--border-bottom: 1px solid #F0F0F3;-->
                font-family: NotoSansHans-DemiLight;
                font-size: 12px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 1px;
                color: #333333;
            }

            .widget-leaf-loan-payment .asset_query_form div {
                /*height: 24px;*/
                /*line-height: 24px;*/
            }

            .widget-leaf-loan-payment .asset_query_form div:first-child {
                margin-bottom: 0px;
            }

            .widget-leaf-loan-payment .asset_query_form .input_item_wrapper{
                width:252px;
                height:25px;
                /*border-bottom:4px solid rgba(101,126,254,0.07);*/
                margin-top:32px;
            }
            .widget-leaf-loan-payment .asset_query_form .input_item_wrapper .divide-line{
                width: 247px;
                height: 4px;
                background-color: #657efe;
                opacity: 0.07;
                margin: 8px 0 9px 0px;
            }
            .widget-leaf-loan-payment .asset_query_form .input_item_wrapper .input_wrapper{
                width:183px;
                height:25px;
                border-radius: 4px;
                border: solid 1px #bfbfbf;
            }
            .widget-leaf-loan-payment .asset_query_form .input_item_wrapper .input_wrapper .top_three_input{
                width:153px;
                height:25px;
                border:none;
            }

            .widget-leaf-loan-payment .asset_query_form .input_item_wrapper .bottom_six_input{
                width: 111px;
                height: 24px;
                border-radius: 4px;
                border: solid 1px #bfbfbf;
                float:left;
            }

            .widget-leaf-loan-payment .asset_query_form .input_item_wrapper .loan_time_wrapper{
                width: 111px;
                height: 24px;
                border-radius: 4px;
                border: solid 1px #bfbfbf;
                float:left;
            }

            .widget-leaf-loan-payment .asset_query_form .input_item_wrapper .loan_time_wrapper .loan_time_input{
                width: 72px;
                height: 11px;
                border:none;
                border-right: solid 2px #bfbfbf;
                margin-top:7px;
            }

            .widget-leaf-loan-payment .asset_query_form .input_item_wrapper .loan_time_wrapper .loan_time_icon_start{
                width: 16px;
                height: 14px;
                margin-left:12px;
            }

            .widget-leaf-loan-payment .asset_query_form .input_item_wrapper .loan_time_wrapper .loan_time_icon_end{
            width: 16px;
            height: 14px;
            margin-left:12px;
            }

            .widget-leaf-loan-payment .asset_query_form .conn_label {
                width: 8px;
                height: 3px;
                background-color: #333333;
                float:left;
                margin-top:12px;
                margin-left:8px;
            }

            .widget-leaf-loan-payment .asset_query_form .input_item_wrapper .input_wrapper .search_icon{
                width:23px;
                height:24px;
                border-radius: 0px 4px 4px 0px;
                border: solid 1px #bfbfbf;
                float:right;
            }

            .widget-leaf-loan-payment .asset_query_form .reset{
            width: 62px;
            height: 22px;
            border-radius: 4px;
            border: solid 1px #657efe;
            text-align:center;
            font-family: NotoSansHans-Light;
            font-size: 10px;
            line-heght:22px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 1px;
            color: #657efe;
            }


            ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
            text-align:center;
            }
            :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
            text-align:center;
            }
            ::-moz-placeholder { /* Mozilla Firefox 19+ */
            text-align:center;
            }
            :-ms-input-placeholder { /* Internet Explorer 10-11 */
            text-align:center;
            }

            .widget-leaf-loan-payment .asset_query_form .label {
                //display: inline-block;
                height: 14px;
                font-family: NotoSansHans-DemiLight;
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 1px;
                color: #333333;
            }

            .widget-leaf-loan-payment .asset_query_form .query_item{
                margin-top:11px;
            }

            .widget-leaf-loan-payment .asset_query_form .account_type_select_wrapper div{
                width: 54px;
                height: 22px;
                border-radius: 4px;
                border: solid 1px #999999;
                text-align:center;
                font-family: NotoSansHans-Light;
                font-size: 12px;
                line-height:22px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 0px;
                color: #999999;
                float:left;
                margin-left:11px;
            }
            .widget-leaf-loan-payment .asset_query_form .account_type_select_wrapper div:first-child{
                margin-left:0px;
            }

            .widget-leaf-loan-payment .asset_query_form .currency_type_select_wrapper div{
            width: 62px;
            height: 22px;
            border-radius: 4px;
            border: solid 1px #999999;
            text-align:center;
            font-family: NotoSansHans-Light;
            font-size: 12px;
            line-height:22px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 1px;
            color: #999999;
            float:left;
            margin-left:5px;
            }

            .widget-leaf-loan-payment .asset_query_form .currency_type_select_wrapper div:first-child{
            margin-left:0px;
            }

            .widget-leaf-loan-payment .asset_query_form .clickable {
                box-sizing: border-box;
                width: 88px;
                height: 26px;
                line-height: 26px;
                display: inline-block;
                //padding: 0 5px;
                //margin: 0 13px;
                border-radius: 2px;
                cursor: pointer;
                text-align: center;
                margin-top:30px;
            }

            .widget-leaf-loan-payment .asset_query_form #widget_leaf_loan_submit {
                width: 255px;
                height: 27px;
                background-color: #434343;
                border-radius: 4px;
                opacity: 0.95;
                font-family: NotoSansHans-Regular;
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 1px;
                color: #ffffff;
                margin-top:20px;
            }

            .widget-leaf-loan-payment .csh-payment-list{
                width: 792px;
                height: 442px;
                float:right;
                margin-top:12px;
                border-left: 7px solid #eef1fd;
            }
            .widget-leaf-loan-payment .hls-pagging-grid {
                width: 792px;
                height: 417px;
                -webkit-box-shadow: none;
                box-shadow: none;
                float:right;
                /*margin-top:20px;*/
            }

            .widget-leaf-loan-payment .hls-pagging-grid .grid-title {
                display: none;
            }

            .widget-leaf-loan-payment .hls-pagging-grid .grid-body {
                padding: 0 0px;
                margin-left: 27px;
                margin-right: 36px;
            }

            .widget-leaf-loan-payment .hls-pagging-grid .hls-table tr td {
                text-align: center;
            }

            /*表头*/
            .widget-leaf-loan-payment .hls-pagging-grid .grid-body table > tr {
                height: 56px;
                border-bottom: 6px solid #F0F0F3;
                color: rgba(83, 93, 127, 1);
                font-family: NotoSansHans-Medium;
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 1px;
                color: #333333;
            }

            .widget-leaf-loan-payment .hls-pagging-grid .hls-table tr td:nth-child(1),
            .widget-leaf-loan-payment .hls-pagging-grid .hls-table tr td:nth-child(5) {
                text-align: left;
            }

            .widget-leaf-loan-payment .hls-pagging-grid .grid-body table > tr > td:first-child span {
                margin-left: 16px;
            }

            .widget-leaf-loan-payment .hls-pagging-grid .grid-body table > tr > td:last-child span {
                margin-right: 16px;
            }

            .widget-leaf-loan-payment .hls-pagging-grid .hls-table tbody tr {
                height: 56px;
                color: rgba(0, 0, 0, 0.65);
                border-bottom: 1px solid #F0F0F3;
                font-family: NotoSansHans-Light;
                font-size: 12px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 1px;
                color: #333333;
                background: #fff;
            }

            .widget-leaf-loan-payment .hls-pagging-grid .grid-body table tbody tr:first-child{
                height: 56px;
            }

            .widget-leaf-loan-payment .hls-pagging-grid .hls-table tbody td {
                max-width: 13em;
                text-align: center;
            }

            .widget-leaf-loan-payment .hls-pagging-grid .hls-table tbody td:first-child div {
                margin-left: 16px;
            }

            .widget-leaf-loan-payment .hls-pagging-grid .hls-table tbody td:last-child div {
                margin-right: 16px;
            }

            .widget-leaf-loan-payment .hls-pagging-grid .hls-table tbody td div p {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .widget-leaf-loan-payment .hls-pagging-grid .hls-table tbody tr:hover {
                background: rgba(90, 127, 255, 0.08);
                color: #333333;
                font-family: NotoSansHans-Medium;
            }

            .widget-leaf-loan-payment .hls-table-active {
                /*background-color: rgba(90, 127, 255, 0.08);*/
            }

            .widget-leaf-loan-payment .hls-pagging-grid .icon {
                cursor: pointer;
                width: 15px;
                height: 14px;
            }

            .widget-leaf-loan-payment .switch {
                width: 100%;
                height: 26px;
                cursor: pointer;
                <!--padding-bottom: 11px;-->
                margin-top: 6px;
                /*border-bottom: 1px solid #F0F0F3;*/
            }

            .widget-leaf-loan-payment .switch .switch_approve {
                display: block;
                width: 93px;
                float: left;
                font-size: 13px;
                text-align: center;
                line-height: 13px;
                color: #cccccc;
            }

            .widget-leaf-loan-payment .switch .add_icon{
                float:right;
                width:31px;
                height:32px;
            }

            .widget-leaf-loan-payment .switch .switch-label {
                width:100%;
                height:3px;
                margin-top:4px;
            }

            .widget-leaf-loan-payment .switch .widget_leaf_loan_unapprove_label{
                width:28px;
                height:4px;
                background-color:#657efe;
                float:left;
                margin-left:27px;
            }
            .widget-leaf-loan-payment .switch .widget_leaf_loan_approve_label{
                visibility:hidden;
                width:28px;
                height:3px;
                background-color:#657efe;
                float:left;
                margin-left:92px;
            }

            .widget-leaf-loan-payment .switch #widget_leaf_loan_switch_unapprove_id {
                border-bottom-left-radius: 3px;
                border-top-left-radius: 3px;
                margin-left: 27px;
                text-align:left;
                font-family: NotoSansHans-Bold;
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 1px;
                color: #333333;
            }

            .widget-leaf-loan-payment .switch #widget_leaf_loan_switch_approved_id {
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                margin-left: -1px;
                text-align:right;
            }

            .widget-leaf-loan-payment #widget_leaf_loan_payment_grid-wraper {
                display: block;
            }

            .widget-leaf-loan-payment #widget_leaf_loan_transaction_grid-wraper {
                display: none;
            }

            .widget-leaf-loan-payment #widget_leaf_loan_transaction_grid tbody {
                text-align: center !important;
            }

            .widget-leaf-loan-payment #widget_leaf_loan_transaction_grid tbody .grid_no_date {
                margin-left: 0 !important;
                position: relative !important;
            }


            .widget-leaf-loan-payment .asset_query_form .account_type_select_wrapper .selected{
                border: solid 1px #4f6dff;
                color: #657efe;
            }
            .widget-leaf-loan-payment .asset_query_form .currency_type_select_wrapper .selected{
                border: solid 1px #4f6dff;
                background-color: #657efe;
                color: #ffffff;
            }

            .widget-leaf-loan-payment .bp_code_font{
                font-family: NotoSansHans-Light;
                font-size: 11px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 1px;
                color: #999999;
            }
            .widget-leaf-loan-payment #widget_leaf_loan_payment_grid_grid_foot{
                /*display:none;*/
            }
        </style>
        <script><![CDATA[
        jQuery(document).ready(function () {
            jQuery(".reset").click(function(){
                jQuery('[name="loan_company_name"]').val("");
                jQuery('[name="contract_name"]').val("");
                jQuery('[name="loan_type"]').val("");
                jQuery('[name="loan_time_from"]').val("");
                jQuery('[name="loan_time_to"]').val("");
                jQuery('[name="loan_money_from"]').val("");
                jQuery('[name="loan_money_to"]').val("");
                jQuery('[name="loan_amount_from"]').val("");
                jQuery('[name="loan_amount_to"]').val("");
            });

//            jQuery(".loan_time_icon_start").click(function(){
//                //alert(1);
//                //jQuery(".loan_time_icon_start").datepicker();
//                jQuery(".loan_time_icon_start").datepicker("show");
//            });
        });

        function loancshQuery(){
            var contract_name=jQuery('[name="contract_name"]').val();
            var loan_type=jQuery('[name="loan_type"]').val();
            var loan_time_from = $jq('#csh_loan_time_from').val();
            var loan_time_to = $jq('#csh_loan_time_to').val();
            var loan_company_name=$jq('[name="loan_company_name"]').val();
            var loan_money_from=jQuery('[name="loan_money_from"]').val();
            var loan_money_to=jQuery('[name="loan_money_to"]').val();
            var cshparams = {
                'contract_name':contract_name,
                "business_type_desc":loan_type,
                "transaction_date_from":loan_time_from,
                "transaction_date_to":loan_time_to,
                "bp_name":loan_company_name,
                "transaction_amount_from":loan_money_from,
                "transaction_amount_to":loan_money_to,
            }

            console.log(cshparams);
            $("widget_leaf_loan_payment_ds").qpara = cshparams;
            $("widget_leaf_loan_payment_ds").query();

        }
        function time_money_current(record, index){
            var html;
            html='<div>'+record.get('transaction_date')+'</div><div class="bp_code_font">'+record.get('transaction_amount')+'</div><div class="bp_code_font">'+record.get('currency_name')+'</div>';
            return html;
        }
        ]]>

        </script>
        <a:dataSets>
            <a:dataSet id="widget_leaf_loan_payment_ds" autoQuery="true" pageSize="6"
                       model="csh.CSH911.csh_transaction">
                <a:fields>
                </a:fields>
            </a:dataSet>
        </a:dataSets>

        <div class="widget-leaf-loan-payment">
            <div class="payment-title">
                <img class="payment-title-img" src="${/request/@context_path}/leafresource/images/widget/season-icon.png"/>
                <span class="payment-title-font">月季度放款统计</span>
            </div>
            <div class="payment-search">
                <span class="widget_label"> </span>
                <div class="row1">
                    <span>放款查询</span>
                </div>
                <div class="row2 asset_query_form">
                    <div>
                        <div class="input_item_wrapper" style="margin-top:16px;">
                            <div class="input_label" style="float:left">放款公司</div>
                            <div class="input_wrapper" style="float:right">
                                <input class="top_three_input" type="text" name="loan_company_name"/>
                                <img class="search_icon" src="${/request/@context_path}/leafresource/images/widget/search-icon.png"/>
                            </div>
                        </div>

                        <div class="input_item_wrapper" style="margin-top:8px;">
                            <div class="input_label" style="float:left">合同名称</div>
                            <div class="input_wrapper" style="float:right">
                                <input class="top_three_input" type="text" name="contract_name"/>
                            </div>
                        </div>

                        <div class="input_item_wrapper" style="margin-top:8px;">
                            <div class="input_label" style="float:left">租赁方式</div>
                            <div class="input_wrapper" style="float:right">
                                <input class="top_three_input" type="text" name="loan_type"/>
                                <img class="search_icon" src="${/request/@context_path}/leafresource/images/widget/select-list.png"/>
                            </div>
                        </div>

                        <div class="input_item_wrapper" style="margin-top:12px;">
                            <div class="input_label">放款时间</div>
                            <div class="divide-line"></div>
                            <div class="loan_time_wrapper" >
                                <input class="loan_time_input" id="csh_loan_time_from" type="date" name="loan_time_from"/>
                                <img class="loan_time_icon_start" src="${/request/@context_path}/leafresource/images/widget/calendar-loan.png"/>
                            </div>
                            <div class="conn_label"></div>
                            <div class="loan_time_wrapper" style="margin-left:8px;">
                                <input class="loan_time_input" id="csh_loan_time_to" type="date" name="loan_time_to"/>
                                <img class="loan_time_icon_end" src="${/request/@context_path}/leafresource/images/widget/calendar-loan.png"/>
                            </div>
                        </div>

                        <div class="input_item_wrapper" style="margin-top:55px;">
                            <div class="input_label">放款金额</div>
                            <div class="divide-line"></div>
                            <input class="bottom_six_input" type="text" name="loan_money_from" />
                            <div class="conn_label"></div>
                            <input class="bottom_six_input" type="text" name="loan_money_to" style="margin-left:8px;"/>
                        </div>

                        <div class="input_item_wrapper" style="margin-top:55px;">
                            <div class="input_label">实际业务量</div>
                            <div class="divide-line"></div>
                            <input class="bottom_six_input" type="text" name="loan_amount_from" />
                            <div class="conn_label"></div>
                            <input class="bottom_six_input" type="text" name="loan_amount_to" style="margin-left:8px;"/>
                        </div>
                        <div style="clear:both"></div>
                        <div class="reset" style="margin-top:12px;line-height: 22px">重置</div>


                        <span class="clickable" id="widget_leaf_loan_submit" onclick="loancshQuery()">查询</span>
                    </div>
                </div>
            </div>
            <div class="csh-payment-list">
                <div class="switch">
                    <div class="switch_approve" id="widget_leaf_loan_switch_unapprove_id" onclick="clickCshPayment()">月度放款统计</div>
                    <div style="clear:both;"></div>
                    <div class="switch-label">
                        <div class="widget_leaf_loan_unapprove_label" id="widget_leaf_loan_unapprove_label"> </div>
                    </div>
                </div>
                <a:hapGrid id="widget_leaf_loan_payment_grid" bindTarget="widget_leaf_loan_payment_ds" canWheel="true">
                    <a:columns>
                        <a:column name="contract_number" prompt="合同代码"/>
                        <a:column name="bp_name" prompt="放款公司"/>
                        <a:column name="transaction_month" prompt="月份"/>
                        <a:column template="time_money_current" prompt="放款时间/金额/币种"/>
                        <a:column name="bank_branch_name" prompt="实际业务量"/>
                        <a:column name="lease_organization_desc" prompt="业务部门"/>
                        <a:column name="business_type_desc" prompt="租赁方式"/>
                    </a:columns>
                </a:hapGrid>
            </div>
        </div>
        <a:screenBody style="display:none">
        </a:screenBody>
        <!--<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=PAYMENT_REQ&amp;function_code=CSH504"/>-->

        <script>
            Leaf.onReady(function () {
                //document.getElementById('widget_leaf_loan_switch_unapprove_id').style.border = '1px solid #5A7FFF';
                //document.getElementById('widget_leaf_loan_switch_unapprove_id').style.color = '#5A7FFF';
            })
        </script>
    </a:view>
</a:screen>