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