<?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="widget_leaf_csh504_get_layout_code_link_id" model="cont.CON500.con_contract_get_layout_code"
                modelaction="update"/>
        <a:link id="widget_leaf_csh501_csh_payment_req_link_id"
                url="${/request/@context_path}/modules/csh/CSH501/csh_payment_req.lview"/>
        <a:link id="widget_leaf_csh_transaction_receipt_return_maintain_link"
                url="${/request/@context_path}/modules/csh/CSH301/csh_transaction_receipt_detail_query.lview"/>
        <a:link id="widget_leaf_csh_transaction_returned_detail_link"
                url="${/request/@context_path}/modules/csh/CSH301/csh_transaction_returned_detail_query.lview"/>
        <a:link id="widget_leaf_csh_transaction_payment_detail_link"
                url="${/request/@context_path}/modules/csh/CSH301/csh_payment_req_pay_detail.lview"/>
        <style>
            html, body {
                width: 1185px;
                height: 553px;
                margin: 0;
                padding: 0;
            }

            .widget-leaf-payment_request_info {
                width: 1185px;
                height: 553px;
                background: #FFFFFF;
                border: 1px solid #F0F0F3;
            }
            .widget-leaf-payment_request_info .finance-img{
                width: 21px;
                margin: 35px 0 0 57px;
            }

            .widget-leaf-payment_request_info .row1 {
                position: absolute;
                display: inline-block;
                margin-top: 37px;
                margin-left: 15px;
                /*border-bottom: 1px solid #F0F0F3;*/
                font-family: NotoSansHans-Bold;
                font-size: 18px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 2px;
                color: #333333;
            }

            .widget-leaf-payment_request_info .row2 {
                box-sizing: border-box;
                width: 251px;
                margin: 28px 40px 22px 56px;

            }
            .widget-leaf-payment_request_info .row2 .payment-query{
                font-family: NotoSansHans-Bold;
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 1px;
                color: #333333;
            }
            .widget-leaf-payment_request_info .row2 .payment-query-line{
                width: 28px;
                height: 5px;
                background-color: #657efe;
                margin-top: 4px;
                margin-bottom: 12px;
            }
            .widget-leaf-payment_request_info .row2 .row2-list{
                margin-bottom: 15px;
                font-family: NotoSansHans-Thin;
                font-size: 12px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 1px;
                color: #333333;
            }
            .widget-leaf-payment_request_info .row2 .row2-list .row2-list-child{
                /*border-bottom: 3px solid ##657EFE07;*/
                /*padding-bottom: 8px;*/
            }
            .widget-leaf-payment_request_info .row2 .row2-list .row2-list-child-line{
                width: 247px;
                height: 4px;
                background-color: #657efe;
                opacity: 0.07;
                margin: 8px 0 9px 0px;
            }
            .widget-leaf-payment_request_info .row2 .row2-list .conn_label{
                display: inline-block;
            }
            .widget-leaf-payment_request_info .row2 .row2-list .search_wrapper{
                width: 250px;
                height: 26px;
                border-radius: 4px;
                border: solid 1px #bfbfbf;
            }
            .widget-leaf-payment_request_info .row2 .row2-list .search_wrapper .search_icon_wrapper {
                width: 32px;
                height: 16px;
                border-right: 1px solid #cccccc;
                float: left;
                margin-top: 5px;
            }
            .widget-leaf-payment_request_info .row2 .row2-list .search_wrapper .search_icon{
                width: 16px;
                height: 16px;
                margin-left: 7px;
            }
            .widget-leaf-payment_request_info .row2 .row2-list .search_wrapper input{
                box-sizing: border-box;
                width: 213px;
                height: 26px;
                display: inline-block;
                border: none;
                border-radius: 2px;
                font-size: 12px;
                color: rgba(75, 80, 90, 0.85);
                float: right;
                padding: 0px;
                margin: 0px;
            }
            .widget-leaf-payment_request_info .row2 .row2-list .loan_time_wrapper{
                width: 111px;
                height: 24px;
                border-radius: 4px;
                border: solid 1px #bfbfbf;
                display: inline-block;
            }

            .widget-leaf-payment_request_info .row2 .row2-list .loan_time_wrapper .loan_time_input{
                width: 72px;
                height: 11px;
                border:none;
                border-right: solid 2px #bfbfbf;
                margin-top:7px;
            }

            .widget-leaf-payment_request_info .row2 .row2-list .loan_time_wrapper .loan_time_icon_start{
                width: 16px;
                height: 14px;
                margin-left:12px;
            }

            .widget-leaf-payment_request_info .row2 .row2-list .loan_time_wrapper .loan_time_icon_end{
                width: 16px;
                height: 14px;
                margin-left:12px;
            }
            .widget-leaf-payment_request_info .row2-right{
                width: 783px;
                position: absolute;
                top: 84px;
                left: 386px;
                border-left: 7px solid #eef1fd;
            }
            .widget-leaf-payment_request_info .row2_asset .label {
                display: inline-block;
                font-size: 14px;
                color: #4B505A;
                min-width: 60px;
                width: 60px;
            }

            .widget-leaf-payment_request_info .row2 .row2-list .conn_label {
                width: 8px;
                height: 3px;
                background-color: #333333;
                float:left;
                margin-top:21px;
                margin-left:8px;
            }

            .widget-leaf-payment_request_info .row2_asset .clickable {
                box-sizing: border-box;
                width: 100%;
                height: 26px;
                line-height: 26px;
                display: block;
                padding: 0 5px;
                /*margin: 0 13px;*/
                border-radius: 2px;
                cursor: pointer;
                text-align: center;
                font-family: NotoSansHans-Regular;
                font-size: 13px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 1px;
                color: #ffffff;
            }
            .widget-leaf-payment_request_info .row2 .row-cny{
                width: 62px;
                height: 22px;
                display: inline-block;
                text-align: center;
                border-radius: 4px;
                border:1px solid #bfbfbf;
                margin-bottom: 28px;
                line-height: 22px;
                background-color: #657efe;
                color: #fff;
                font-family: NotoSansHans-Light;
                font-size: 12px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 1px;
            }
            .widget-leaf-payment_request_info .row2 .row-usd{
                width: 62px;
                height: 22px;
                display: inline-block;
                text-align: center;
                border-radius: 4px;
                border:1px solid #bfbfbf;
                margin-bottom: 28px;
                line-height: 22px;
                margin-left: 6px;
                font-family: NotoSansHans-Light;
                font-size: 12px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 1px;
                color: #999999;
            }
            .widget-leaf-payment_request_info .row2_asset input {
                box-sizing: border-box;
                width: 250px;
                height: 24px;
                /*margin: 0 30px 0 16px;*/
                margin-top: 9px;
                padding-left: 8px;
                display: inline-block;
                border: 1px solid rgba(83, 93, 127, 0.60);
                border-radius: 2px;
                font-size: 12px;
                color: rgba(75, 80, 90, 0.85);
            }

            .widget-leaf-payment_request_info .row2_asset #submit {
                background: #4D4D4D;
                color: #fff;
            }

            .widget-leaf-payment_request_info .row2_asset .asset_query_currency {
                border: 1px solid rgba(83, 93, 127, 0.50);
                color: #535D7F;
            }

            .widget-leaf-payment_request_info .row2_asset .asset_query_currency_active {
                border-color: #5A7FFF;
                color: #5A7FFF;
            }

            .widget-leaf-payment_request_info .hls-pagging-grid {
                width: 719px;
                height: 382px;
                -webkit-box-shadow: none;
                box-shadow: none;
                margin-left: 20px;
            }

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

            .widget-leaf-payment_request_info .hls-pagging-grid .grid-body {
                padding: 0 0px;
            }

            .widget-leaf-payment_request_info .hls-pagging-grid .hls-table tr td {
                text-align: center;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                padding-left: 10px;
            }

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

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

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

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

            .widget-leaf-payment_request_info .hls-pagging-grid .hls-table tbody tr {
                height: 48px;
                font-size: 12px;

                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-payment_request_info .hls-pagging-grid .grid-body table tbody tr:first-child{
                height: 48px;
            }

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

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

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

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

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

            }

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

            .widget-leaf-payment_request_info .hls-pagging-grid .icon {
                cursor: pointer;
                width: 16px;
                height: 16px;
            }

            .widget-leaf-payment_request_info .switch {
                width: 719px;
                height: 26px;
                cursor: pointer;
                padding-bottom: 11px;
                /*margin-top: 11px;*/
                /*border-bottom: 1px solid #F0F0F3;*/
                margin-left: 33px;
            }

            .widget-leaf-payment_request_info .switch .switch_approve {
                display: block;
                /*width: 88px;*/
                /*float: left;*/

                text-align: center;
                /*border: 1px solid rgba(75, 80, 90, 0.15);*/
                line-height: 22px;

                font-family: NotoSansHans-Regular;
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 1px;
                color: #cccccc;
            }
            .widget-leaf-payment_request_info .switch .switch_approve_line{
                width: 29px;
                height: 5px;
                background-color: #657efe;

            }
            .widget-leaf-payment_request_info .switch .switch-divide-line{
                width: 2px;
                height: 17px;
                font-family: NotoSansHans-DemiLight;
                font-size: 14px;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 1px;
                background-color: #e7e6e6;
                margin: -5px 9px;

            }

            .widget-leaf-payment_request_info .switch #widget_switch_unapprove_id {
                border-bottom-left-radius: 3px;
                border-top-left-radius: 3px;
                /*margin-left: 16px;*/
            }

            .widget-leaf-payment_request_info .switch #widget_switch_approved_id {
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                margin-left: -1px;
            }

            .widget-leaf-payment_request_info #widget_csh_payment_grid-wraper {
                display: block;
            }

            .widget-leaf-payment_request_info #widget_csh_transaction_grid-wraper {
                display: none;
            }

            .widget-leaf-payment_request_info #widget_csh_transaction_grid tbody {
                text-align: center !important;
            }

            .widget-leaf-payment_request_info #widget_csh_transaction_grid tbody .grid_no_date {
                margin-left: 0 !important;
                position: relative !important;
            }

        </style>
        <script><![CDATA[
        function csh_payment_detail_renderer(record, index) {
            return "<img onclick='winOpen_req_pay(\"" + record.id + "\")' class='icon' src='${/request/@context_path}/leafresource/images/menu-details@2x.png'/>";
        }

        function winOpen_req_pay(record_id) {
            var record = $('widget_leaf_csh_payment_request_ds').findById(record_id);
            var param = {};
            param['function_usage'] = 'UPDATE';
            param['payment_req_id'] = record.get('payment_req_id');
            param['document_category'] = record.get('document_category');
            param['business_type'] = record.get('business_type');
            if (record.get('business_type') == 'PAYMENT') {
                param['function_code'] = 'CSH501D';
            } else if (record.get('business_type') == 'PREPAYMENT') {
                param['function_code'] = 'CSH501_PRE_D';
            }
            param['winid'] = 'csh_payment_update_window';
            param['url_title'] = '付款申请';
            hls_doc_get_layout_code('widget_leaf_csh504_get_layout_code_link_id', param, 'widget_leaf_csh501_csh_payment_req_link_id', 'widget_leaf_csh_payment_request_ds');
        }

        function csh_transaction_detail_renderer(record, index) {
            if (record.get('transaction_id')) {
                var url;
                if (record.get('transaction_type') == 'RECEIPT' && record.get('returned_flag') != 'RETURN') {
                    url = $('widget_leaf_csh_transaction_receipt_return_maintain_link').getUrl() + '?transaction_id=' + record.get('transaction_id');
                    return "<img onclick='openWindow(\"" + url + "\")' class='icon' src='${/request/@context_path}/leafresource/images/menu-details@2x.png'/>";
                } else if (record.get('transaction_type') == 'RECEIPT' && record.get('returned_flag') == 'RETURN') {
                    url = $('widget_leaf_csh_transaction_returned_detail_link').getUrl() + '?transaction_id=' + record.get('transaction_id');
                    //return '<a href="javascript:RETURN_openWindow(\'' + url + '\');">' + value + '</a>';
                    return "<img onclick='RETURN_openWindow(\"" + url + "\")' class='icon' src='${/request/@context_path}/leafresource/images/menu-details@2x.png'/>";
                } else if (record.get('transaction_type') == 'PAYMENT') {
                    url = $('widget_leaf_csh_transaction_payment_detail_link').getUrl() + '?transaction_id=' + record.get('transaction_id');
                    //return '<a href="javascript:payment_openWindow(\'' + url + '\');">' + value + '</a>';
                    return "<img onclick='payment_openWindow(\"" + url + "\")' class='icon' src='${/request/@context_path}/leafresource/images/menu-details@2x.png'/>";
                } else if (record.get('transaction_type') == 'PREPAYMENT' || record.get('transaction_type') == 'DEDUCTION') {
                    url = $('widget_leaf_csh_transaction_payment_detail_link').getUrl() + '?transaction_id=' + record.get('transaction_id');
                    //return '<a href="javascript:payment_openWindow(\'' + url + '\');">' + value + '</a>';
                    return "<img onclick='payment_openWindow(\"" + url + "\")' class='icon' src='${/request/@context_path}/leafresource/images/menu-details@2x.png'/>";
                } else if (record.get('transaction_type') == 'ADVANCE_RECEIPT') {
                    url = $('widget_leaf_csh_transaction_receipt_return_maintain_link').getUrl() + '?transaction_id=' + record.get('transaction_id');
                    //return '<a href="javascript:openWindow(\'' + url + '\');">' + value + '</a>';
                    return "<img onclick='openWindow(\"" + url + "\")' class='icon' src='${/request/@context_path}/leafresource/images/menu-details@2x.png'/>";
                } else {
                    //return value;
                    return "<img  class='icon' src='${/request/@context_path}/leafresource/images/menu-details@2x.png'/>";
                }

            }


        }
        function csh_format_money(record, index) {
            var html;
            if (record.get('apply_amount')) {
                var money = Leaf.formatMoney(record.get('apply_amount'))
                html = '<div>'+ money +'</div>';
            } else {
                var money = Leaf.formatMoney(record.get('transaction_amount'))
                html = '<div>' + money + '</div>';
            }
            return html;
        }

        function openWindow(url) {
            new Leaf.Window({
                id: 'csh_transaction_receipt_link_winid',
                params: {
                    winId: 'csh_transaction_receipt_link_winid'
                },
                url: url,
                title: '${l:CSH510.CSH_RECEIPT_UPDATE}',
                fullScreen: true
            });
        }
        function RETURN_openWindow(url) {
            new Leaf.Window({
                id: 'widget_leaf_csh_transaction_returned_detail_link_winid',
                params: {
                    winId: 'widget_leaf_csh_transaction_returned_detail_link_winid'
                },
                url: url,
                title: '${l:CSH515.CSH_REFUND_DETAILS}',
                fullScreen: true
            });
        }

        function payment_openWindow(url) {
            new Leaf.Window({
                id: 'csh_transaction_payment_link_winid',
                params: {
                    winId: 'csh_transaction_payment_link_winid'
                },
                url: url,
                title: '付款明细',
                fullScreen: true
            });
        }


        function clickCshPayment() {
            document.getElementById('widget_switch_unapprove_id').style.color = '#333333';
            document.getElementById('widget_switch_unapprove_id').style.fontFamily = 'NotoSansHans-Bold';
            document.getElementById('widget_csh_payment_grid-wraper').style.display = "block";
            document.getElementById('widget_switch_unapprove_line_id').style.display = "block";

            document.getElementById('widget_switch_approved_id').style.color = "#cccccc";
            document.getElementById('widget_switch_approved_id').style.fontFamily = 'NotoSansHans-Regular';
            document.getElementById('widget_csh_transaction_grid-wraper').style.display = "none";
            document.getElementById('widget_switch_approved_line_id').style.display = "none";
        }
        function clickCshTransaction() {
            //已办grid等
            document.getElementById('widget_switch_unapprove_id').style.color = "#cccccc";
            document.getElementById('widget_switch_unapprove_id').style.fontFamily = 'NotoSansHans-Regular';
            document.getElementById('widget_csh_transaction_grid-wraper').style.display = "block";
            document.getElementById('widget_switch_unapprove_line_id').style.display = "none";

            document.getElementById('widget_switch_approved_id').style.color = "#333333";
            document.getElementById('widget_switch_approved_id').style.fontFamily = 'NotoSansHans-Bold';
            document.getElementById('widget_csh_payment_grid-wraper').style.display = "none";
            document.getElementById('widget_switch_approved_line_id').style.display = "block";
        }

        function paymentCshQuery(){
            //
            var bank_account_name = $jq('[name="bank_account_name"]').val();
            var csh_bp_code = $jq('[name="csh_bp_code"]').val();
            var csh_bp_name = $jq('[name="csh_bp_name"]').val();
            var csh_apply_amount = $jq('[name="csh_apply_amount"]').val();
            var loan_time_from = $jq('#loan_time_from').val();
            var loan_time_to = $jq('#loan_time_from').val();
            var cshparams = {
                'bank_account_name':bank_account_name,
                "ln_bp_code":csh_bp_code,
                "ln_bp_name":csh_bp_name,
                "apply_amount":csh_apply_amount,
                'currency_name':currency_name,
                'req_date_from':loan_time_from,
                'req_date_to':loan_time_to
            }
            var traprams = {
                'bank_account_name':bank_account_name,
                "bp_code":csh_bp_code,
                "bp_name":csh_bp_name,
                "transaction_amount":csh_apply_amount,
                'currency_name':currency_name,
                'transaction_date_from':loan_time_from,
                'transaction_date_to':loan_time_to
            }

            $("widget_leaf_csh_payment_request_ds").qpara = cshparams;
            $("widget_leaf_csh_payment_request_ds").query();

            $("leaf_csh_transaction_result_ds").qpara = traprams;
            $("leaf_csh_transaction_result_ds").query();
        }
        var currency_name;
        function rowCny(){
           //
            jQuery(".row-cny").css({"background":"#657efe","color":"#fff"})
            jQuery(".row-usd").css({"background":"#fff","color":"#999999"})
            currency_name='人民币'
        };
        function rowUsd(){
            jQuery(".row-cny").css({"background":"#fff","color":"#999999"})
            jQuery(".row-usd").css({"background":"#657efe","color":"#fff"})
            currency_name='美元'
        };
        function contract_number_name_bp(record, index) {
            var html;
            html='<div>'+record.get('contract_name')+'</div><div class="bp_code_font">'+record.get('contract_number')+'</div>';
            return html;
        }
        ]]>

        </script>
        <a:dataSets>
            <a:dataSet id="widget_leaf_csh_payment_request_ds" autoQuery="true" pageSize="5"
                       model="csh.CSH504.csh_payment_maintain_query">
                <a:fields>
                </a:fields>
            </a:dataSet>
            <a:dataSet id="leaf_csh_transaction_result_ds" autoQuery="true" pageSize="5"
                       queryUrl="${/request/@context_path}/autocrud/csh.CSH510.csh_transaction_query/query?transaction_category=BUSINESS">
                <a:fields>
                </a:fields>
            </a:dataSet>
        </a:dataSets>

        <div class="widget-leaf-payment_request_info">
            <img class="finance-img" src="${/request/@context_path}/leafresource/images/widget/finance-img.png"/>
            <div class="row1">付款清单数据信息</div>
            <div class="row2 row2_asset">
                <div class="payment-query" style="margin-top:22px;">付款查询</div>
                <div class="payment-query-line"></div>
                <div class="row2-list">
                    <div class="row2-list-child">时间跨度</div>
                    <div class="loan_time_wrapper" style="margin-top:9px;float:left;">
                        <input class="loan_time_input" type="date" id="loan_time_from" 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;margin-top:9px;float:left">
                        <input class="loan_time_input" 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="row2-list" style="margin-top:49px;">
                    <div class="row2-list-child">付款对象</div>
                    <div class="row2-list-child-line"></div>
                    <div class="search_wrapper query_item">
                        <div class="search_icon_wrapper">
                            <img class="search_icon" src="${/request/@context_path}/leafresource/images/widget/search-csh.png"/>
                        </div>
                        <input type="text" id="csh_bp_name" name="csh_bp_name" placeholder="请输入付款对象关键字"/>
                    </div>
                </div>
                <div class="row2-list">
                    <div class="row2-list-child">银行账户名</div>
                    <div class="row2-list-child-line"></div>
                    <div class="search_wrapper query_item">
                        <div class="search_icon_wrapper">
                            <img class="search_icon" src="${/request/@context_path}/leafresource/images/widget/search-csh.png"/>
                        </div>
                            <input type="text" id="bank_account_name" name="bank_account_name" placeholder="请输入对方账户,账户名等关键字"/>
                    </div>
                </div>
                <div class="row2-list">
                    <div class="row2-list-child">合同信息</div>
                    <div class="row2-list-child-line"></div>
                    <div class="search_wrapper query_item">
                        <div class="search_icon_wrapper">
                            <img class="search_icon" src="${/request/@context_path}/leafresource/images/widget/search-csh.png"/>
                        </div>
                        <input type="text" id="con_info" name="con_info" placeholder="请输入合同号、合同名称等关键字"/>
                    </div>
                    <!--<div>-->
                    <!--<img src="${/request/@context_path}/lib/assets/layouts/layout4/img/search@2x.png" class="search_img" onclick="searchWfl()"/>-->
                    <!--<div class="line"></div>-->
                    <!--<input type="text" id="con_info" name="con_info" placeholder="合同信息"/>-->
                    <!--</div>-->
                </div>
                <div onclick="rowCny()" class="row-cny">人民币</div>
                <div onclick="rowUsd()" class="row-usd">美金</div>
                <span class="clickable" id="submit" onclick="paymentCshQuery()">查询</span>
            </div>
            <div class="row2-right">
            <div class="switch">
                <div style="display: inline-block">
                    <div class="switch_approve" id="widget_switch_unapprove_id" onclick="clickCshPayment()">待支付清单</div>
                    <div id="widget_switch_unapprove_line_id" class="switch_approve_line"></div>
                </div>
                <div class="switch-divide-line" style="display: inline-block"></div>
                <div style="display: inline-block">
                    <div class="switch_approve" id="widget_switch_approved_id" onclick="clickCshTransaction()">已支付清单</div>
                    <div id="widget_switch_approved_line_id" class="switch_approve_line"></div>
                </div>
            </div>
            <a:hapGrid id="widget_csh_payment_grid" bindTarget="widget_leaf_csh_payment_request_ds" canWheel="true">
                <a:columns>
                    <!--<a:column name="payment_req_number" prompt="申请单号"/>-->
                    <a:column name="req_date" prompt="申请日期"/>
                    <a:column name="document_type_dis" prompt="申请类型"/>
                    <a:column name="ln_bp_code" prompt="申请人"/>
                    <a:column template="contract_number_name_bp" prompt="合同编号/名称/承租人"/>
                    <a:column name="ln_bp_category_name" prompt="付款对象"/>
                    <a:column name="currency_name" prompt="币种"/>
                    <a:column template="csh_format_money" prompt="申请金额/已付金额"/>
                    <a:column template="csh_payment_detail_renderer" prompt="明细"/>
                </a:columns>
            </a:hapGrid>

            <a:hapGrid id="widget_csh_transaction_grid" bindTarget="leaf_csh_transaction_result_ds" canWheel="true">
                <a:columns>
                    <a:column name="transaction_date" prompt="交易日期"/>
                    <a:column name="transaction_type_desc" prompt="交易类型"/>
                    <a:column name="bp_code" prompt="交易对象"/>
                    <a:column name="bp_name" prompt="合同编号/名称/承租人"/>
                    <a:column name="bp_name" prompt="付款对象"/>
                    <a:column name="currency_name" prompt="币种"/>
                    <a:column name="amount" prompt="申请金额/已付金额"/>
                    <a:column template="csh_format_money" prompt="交易金额"/>
                    <a:column template="csh_transaction_detail_renderer" 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_switch_unapprove_id').style.color = '#333333';
                document.getElementById('widget_switch_unapprove_id').style.fontFamily = 'NotoSansHans-Bold';
                document.getElementById('widget_switch_approved_line_id').style.display = "none";
            })
        </script>
    </a:view>
</a:screen>