<?xml version="1.0" encoding="UTF-8"?> <!-- $Author: $Date: 2018/8/2 $Revision: 1.0 12.合同变更查询 --> <a:screen xmlns:a="http://www.leaf-framework.org/application"> <a:init-procedure/> <a:view template="default" package="leaf.ui.std"> <a:link id="widget_con_contract_get_layout_code_link_id" model="cont.CON500.con_contract_get_layout_code" modelaction="update"/> <a:link id="widget_con31_con_contract_info_link" url="${/request/@context_path}/modules/prj/PRJ506/virtual_contract_query.lview"/> <!--Beyond styles--> <link href="${/request/@context_path}/leafresource/hls/beyondChart/assets/css/beyond.min.css" rel="stylesheet" /> <link href="${/request/@context_path}/leafresource/hls/beyondChart/assets/css/demo.min.css" rel="stylesheet" /> <link href="${/request/@context_path}/leafresource/hls/beyondChart/assets/css/typicons.min.css" rel="stylesheet" /> <link href="${/request/@context_path}/leafresource/hls/beyondChart/assets/css/animate.min.css" rel="stylesheet" /> <!--Basic Scripts--> <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/skins.min.js"></script> <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/bootstrap.min.js"></script> <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/slimscroll/jquery.slimscroll.min.js"></script> <!--Beyond Scripts--> <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/beyond.min.js"></script> <!--Page Related Scripts--> <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/charts/morris/raphael-2.0.2.min.js"></script> <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/charts/morris/morris.js"></script> <script src="${/request/@context_path}/leafresource/hls/beyondChart/assets/js/charts/morris/morris-init.js"></script> <style> html,body{ background-color:#eee; width:1170px; height:545px; margin: 0; padding: 0; } .widget_cont_chgreq{ width:1170px; height:545px; position:relative; } .widget_cont_chgreq .left{ width:270px; height:545px; background-color:#fff; float:left; } .widget_cont_chgreq .right{ width:870px; height:545px; background-color:#fff; float:left; margin-left:30px; } .widget_cont_chgreq .hls-pagging-grid{ width:870px; height:545px; } .widget_cont_chgreq .hls-pagging-grid .grid-title{ border-bottom:4px solid #F57B69; height:45px; } .widget_cont_chgreq .hls-pagging-grid .grid-title img{ width:20px; height:20px; position:relative; top:5px; } .widget_cont_chgreq .hls-pagging-grid .grid-title>span{ font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Microsoft Yahei", "Hiragino Sans GB", sans-serif; font-size:13px; line-height:45px; color:#000; text-size-adjust:100%; font-weight:bold; } .widget_cont_chgreq .clickable{ cursor:pointer; } .widget_cont_chgreq .clearFloat{ clear:both; height:0; line-height:0; font-size:0 } .widget_cont_chgreq .queryList .listTitle{ border-bottom:4px solid #00B3B3; font-size: 13px; height: 40px; line-height: 40px; padding: 0 10px; font-weight: 600; } .widget_cont_chgreq #chgTypePie{ width:160px; height:160px; margin-left:50px; } .widget_cont_chgreq .queryList .listTitle .right-img{ width: 20px; height: 20px; margin:10px 10px 0 0; float:right; } .widget_cont_chgreq .queryList .listBody{ padding:0 10px; } .widget_cont_chgreq .queryList .listRow{ padding:5px; border-bottom:1px solid rgb(229, 229, 229); } .widget_cont_chgreq .queryList .listRow p{ color:#000; font-size:13px; font-weight:100; line-height:20px; margin:0; } .widget_cont_chgreq .queryList .listRow .chgTypePie{ height:230px; } .widget_cont_chgreq .queryList .listRow .selectSpan{ display: inline-block; width:72px; height:30px; line-height:30px; text-align: center; border: 1px solid #CCC; border-radius: 4px; font-size: 12px; margin:10px 2px; cursor: pointer; background-color:#fff; color:#000; } .widget_cont_chgreq .queryList .listRow .smallSpan{ width:54px; margin:3px 2px; } .widget_cont_chgreq .queryList .listRow .selectedSpan{ background-color:#00b3b3; color:#fff; } .widget_cont_chgreq .queryList .listRow .submitBtn{ text-align:right } .widget_cont_chgreq .queryList .listRow .submitBtn span{ display:inline-block; width:72px; height:30px; line-height:30px; text-align: center; background-color:#FA6A4D; color:#fff; border-radius: 4px; font-size: 12px; margin:10px 2px; cursor: pointer; } </style> <script><![CDATA[ //查询条件数据结构 var queryParam={ "timeZone":"", "new":0, "approving":0, "reject":0, "approved":0, "cancel":0 }; jQuery(document).ready(function(){ jQuery(".listBody").on('click',function(e){ $this=jQuery(e.target); //时间跨度单选点击事件 if($this.attr("class").indexOf('timeZone')>=0){ var allSpans=jQuery(".timeZone"); for(var i=0;i<allSpans.length;i++){ if(allSpans[i].id!=$this.attr("id")){ jQuery(allSpans[i]).removeClass("selectedSpan"); } } $this.toggleClass("selectedSpan"); if($this.attr("class").indexOf('selectedSpan')>=0){ queryParam.timeZone=$this.attr("id"); }else{ queryParam.timeZone=""; } } //合同类型多选点击事件 if($this.attr("id")=='new'){ $this.toggleClass("selectedSpan"); if($this.attr("class").indexOf('selectedSpan')>=0){ queryParam.new=1; }else{ queryParam.new=0; } } if($this.attr("id")=='approving'){ $this.toggleClass("selectedSpan"); if($this.attr("class").indexOf('selectedSpan')>=0){ queryParam.approving=1; }else{ queryParam.approving=0; } } if($this.attr("id")=='reject'){ $this.toggleClass("selectedSpan"); if($this.attr("class").indexOf('selectedSpan')>=0){ queryParam.reject=1; }else{ queryParam.reject=0; } } if($this.attr("id")=='approved'){ $this.toggleClass("selectedSpan"); if($this.attr("class").indexOf('selectedSpan')>=0){ queryParam.approved=1; }else{ queryParam.approved=0; } } if($this.attr("id")=='cancel'){ $this.toggleClass("selectedSpan"); if($this.attr("class").indexOf('selectedSpan')>=0){ queryParam.cancel=1; }else{ queryParam.cancel=0; } } //查询按钮点击事件 if($this.attr("id")=='submitBtn'){ $("cont_chgreq_ds").qpara=queryParam; $("cont_chgreq_ds").query(); } }); }); function go_cont_chgreq_query(){ <!--top.mainJumpCode('CON732',true)--> location.href='/modules/cont/CON732/hls_ccr_modify_entrance.lview?layout_code=CON732&function_code=CON732'; } function chgreq_info_btn_renderer(record,index){ return "<img onclick='open_contract_win(\"" + record.ds.id+ "\",\""+record.id+"\")' style='cursor:pointer;width:15px;height:15px;display:inline-block;margin:0px;' src='${base.contextPath}/leafresource/images/widget/detail.png' alt='png'/>"; } function open_contract_win(ds_id, record_id) { var record = $(ds_id).findById(record_id); var param = record.data; param['function_code'] = 'CON301'; param['function_usage'] = 'QUERY'; param['maintain_type'] = 'UPDATE'; param['cond_para2'] = record.get('hn_industry_classification'); param['url_title'] = '${l:CON301.CONTRACT_DETAIL}'; Leaf.Masker.mask(Ext.getBody(), '${l:HLS.EXECUTING}'); Leaf.request({ url: $('widget_con_contract_get_layout_code_link_id').getUrl(), para: param, success: function(res) { Leaf.Masker.unmask(Ext.getBody()); if (!res.result.layout_code) { Leaf.showMessage('${l:PROMPT}', '${l:HLS.LAYOUT_CODE_IS_NULL}'); return; } param['layout_code'] = res.result.layout_code; param['usage_type'] = res.result.usage_type; var winid = 'hls_doc_get_layout_code_winid'; param['winid'] = winid; param['calc_type'] = res.result.cond_para1; var win; win = new Leaf.Window({ id: winid, params: param, url: $('widget_con31_con_contract_info_link').getUrl(), title: param['url_title'] + '(' + res.result.layout_code + ')', fullScreen: true, draggable: true }); win.on('close', function() { if (ds_id) { $(ds_id).query(); } }); }, failure: function() { Leaf.Masker.unmask(Ext.getBody()); }, error: function() { Leaf.Masker.unmask(Ext.getBody()); }, scope: this }); } function chgreq_count_ds_loader(ds){ var records=ds.data; var donutData=[]; var colors=[]; var typeInfo = [ { typeValue: "合同条款变更", type: "CONTRACT_ALT", color:"#E75B8D" }, { typeValue: "担保变更", type: "GUATANTEE_ALT", color:"#2EC3E8" }, { typeValue: "租赁物变更", type: "LEASE_ALT", color:"#A0D469" }, { typeValue: "承租人变更", type: "LEASEES_ALT", color:"#FA6A4D" }, { typeValue: "租金计划变更", type: "RENT_PLAN_ALT", color:"#FFCD55" } ]; if(records!==null && records.length>0){ records.forEach(function(i){ typeInfo.forEach(function(j){ if(i.data['ccr_type']==j.type){ j.value=i.data['ccr_type_count']; } }); }); } typeInfo.forEach(function(i){ if(i.value==undefined){ i.value=0; } donutData.push({ label:i.typeValue, value:i.value }); colors.push(i.color); }); console.log(typeInfo); Morris.Donut({ element: 'chgTypePie', data:donutData, colors:colors }); } ]]></script> <a:dataSets> <a:dataSet id="cont_chgreq_ds" autoQuery="true" pageSize="9" model="cont.CON1003.cont_chgreq"> <a:fields> <a:field name="req_date"/> <a:field name="ccr_type"/> <a:field name="ccr_type_n"/> <a:field name="req_status"/> <a:field name="req_status_n"/> <a:field name="change_req_id"/> <a:field name="change_req_number"/> <a:field name="contract_id"/> <a:field name="contract_number"/> <a:field name="contract_name"/> <a:field name="bp_id"/> <a:field name="bp_name"/> <a:field name="bp_code"/> <a:field name="hn_industry_classification"/> </a:fields> </a:dataSet> <a:dataSet id="cont_chgreq_count_ds" autoQuery="true" pageSize="9" model="cont.CON1003.cont_chgreq_count"> <a:fields> <a:field name="ccr_type"/> <a:field name="ccr_type_n"/> <a:field name="ccr_type_count"/> </a:fields> <a:events> <a:event name="load" handler="chgreq_count_ds_loader"/> </a:events> </a:dataSet> </a:dataSets> <div class="widget_cont_chgreq"> <div class="left queryList"> <div class="listTitle"> <img class="right-img clickable" onclick="go_cont_chgreq_query()" src="${/request/@context_path}/leafresource/images/widget/search_flag.png"/> <span>变更情况查询</span> </div> <div class="listBody"> <div class="listRow"> <p class="">时间跨度</p> <span id="7" class="selectSpan timeZone">1周内</span> <span id="30" class="selectSpan timeZone">1个月内</span> <span id="90" class="selectSpan timeZone">3个月内</span> </div> <div class="listRow"> <p class="">变更情况统计</p> <div class="chgTypePie" id="chgTypePie"> </div> </div> <div class="listRow"> <p class="">变更状态</p> <span id="new" class="selectSpan smallSpan">新建</span> <span id="approving" class="selectSpan smallSpan">审批中</span> <span id="reject" class="selectSpan smallSpan">审批拒绝</span> <span id="approved" class="selectSpan smallSpan">审批通过</span> <span id="cancel" class="selectSpan smallSpan">取消</span> <div class="submitBtn"><span class="" id="submitBtn">查询</span></div> </div> </div> </div> <div class="right"> <a:hapGrid title="合同变更信息" bindTarget="cont_chgreq_ds" titleImg="/leafresource/images/widget/contract.png" canWheel="true"> <a:columns> <a:column name="change_req_number" prompt="合同变更编号"/> <a:column name="contract_name" prompt="合同名称"/> <a:column name="ccr_type_n" prompt="变更类型"/> <a:column name="req_date" prompt="变更日期"/> <a:column name="bp_name" prompt="承租人"/> <a:column template="chgreq_info_btn_renderer" prompt="明细"/> </a:columns> </a:hapGrid> </div> <div class="clearFloat"> </div> </div> <a:screenBody style="display:none"> </a:screenBody> </a:view> </a:screen>