<?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&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>