baozhangfang/WebRoot/WEB-INF/jsp/rent10/houseList2.jsp

<%--填写票据号，生成合同号 --%>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<jsp:include page="../../common/include.jsp" />
<% String basePath = request.getScheme()+ "://" + request.getServerName() + ":" +request.getServerPort() + request.getContextPath(); %>
<script type="text/javascript">
    //家庭收入情况
    var incomeTypeObj = null;
    var incomeType_array = null;
    
    $.ajax({
        type: "post",//使用post方法访问后台
        dataType: "json",//返回json格式的数据
        url: "aa10Action_listAa10All",//要访问的后台地址
        data:{"aa10.letter":"incomeType" ,"aa10.name":"家庭收入类型" },
        complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
        success: function(msg){//msg为返回的数据，在这里做数据绑定
            if(msg.success){
                incomeTypeObj = msg.obj.rows;
            }
        }
    });
    
	/**小区显示区*/
	$(function() {
        $('#rentDataGrid').datagrid({
		    rownumbers:true,
		    fit:true,
		    pageSize:10,
		    pageList : [ 10, 20, 30, 40, 50 ],
		    fitColumns:false,
		    border:false,
		    sortOrder:'desc',
		    pagination:true,
		    idField:'id',
		    toolbar:'#searchtool',
		    url:whzl.basePath + '/rent10Action_rentList?rentStatus=0',
		    pageNumber:1,
		    nowrap:true,
		    loadFilter:function(result){
		        if(result.success){
		    		return result.obj;
		    	}else{
		    		$.messager.alert("提示",result.message);
		    	    return ;
		    	}							
		    }
		});
	});
	
	/**查询*/
	function searchFun(){
		$("#rentDataGrid").datagrid("load", {
             "rent10.house.community.id":trim($('#communityId').combobox("getValue")),
             "rent10.house.no":trim($('#no').combobox("getValue")),
             "rent10.house.houseNumber":trim($('#houseNumber').combobox("getValue")),
             "rent10.lesseeId":trim($('#lesseeId').val()),
             "createStartDay":trim($('#createStartDay').datebox('getValue')),
             "createEndDay":trim($('#createEndDay').datebox('getValue')),
             "rent10.startDay":trim($('#startDay').datebox('getValue')),
             "rent10.endDay":trim($('#endDay').datebox('getValue'))
        });
	}
	
	/*清除查询条件**/
    function ClearQuery() {
   		$("#tblQuery").find("input").val("");
   		$("#tblQuery").find("select").val("-1");
    }
	
	var communityNameFormatter = function(value , row , index){
		return row.house.communityName;
	}
	var noFormatter = function(value , row , index){
        return row.house.no;
    }
	var houseNumberFormatter = function(value , row , index){
        return row.house.houseNumber;
    }
	
    var dateFormatter = function(value , row , index){
       return dealDate(value);
    }
	
	//填写票据号
	var addBillNoFormatter = function(value , row , index){
		if(row.billNo == ''||row.billNo == null){
			if(row.rentStatus == 1 && row.rentType != '3'){
				return "<img src='<%=basePath%>/images/pencil.png' title='票据号' onclick=findPayOnlineResult(" + row.id + ") style='cursor:pointer' />"
			}else{
				return "";
			}
		}else{
			return row.billNo;
		}
	}
	
	function addBillNo(rentId){
		$("#addBillNoDialog").dialog({
			buttons : [{
                text : '确定', 
                iconCls : 'icon-ok', 
                handler : function(){
				    addBillNo_submit();
                }
            },{
                text : '取消', 
                iconCls : 'icon-cancel', 
                handler : function(){ 
                    $("#addBillNoDialog").dialog("close");
                }
            }],
            onLoad : function(){
			    addBillNo_load(rentId);
            }
		})
	}
	
	 function findPayOnlineResult(rentId){
    	var payOnlineResult=""
		$.ajax({
    		type: "post",//使用get方法访问后台
            dataType: "json",//返回json格式的数据
            url: "rent10Action_findById",//要访问的后台地址
            data: "rent10.id="+rentId,//要发送的数据
            complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
            success: function(msg){
            	if(msg.success){
            		if(msg.obj.payOnlineResult== undefined||msg.obj.payOnlineResult==""){
            			payOnlineResult="未查询到电子支付结果，是否填写票据号"
	            		$.messager.confirm('提醒',payOnlineResult,function(r){
	            			if (r) {
	            				addBillNo(rentId)
	            			}
	            		})
            		}else{
            			var payOnlineResultJSON= $.parseJSON(msg.obj.payOnlineResult);
            			payOnlineResult="已查询到支付结果，电子支付"+payOnlineResultJSON.totalFee+"元，可以填写票据号。";
            			$.messager.alert('消息',payOnlineResult,'info',function(){
					　　　　　　addBillNo(rentId)
					　　　　　　}
					　　　　);
            		}
            		
	            }
            }
        })
        return payOnlineResult
	}
	
    var addContractNoFormatter = function(value , row , index){
    	if(row.rentStatus == 1){
	    	if(row.contractNo == ''||row.contractNo == null){
	            if(row.billNo != "" && row.billNo != null && row.rentType != '3'){
	    		    return "<img src='<%=basePath%>/images/pencil.png' title='合同编号' onclick=addContractNo(" + row.id + ") style='cursor:pointer' />"
	            }else{
	            	return "";
	            }
	        }else{
	            return row.contractNo;
	        }
    	}else{
    		return "";
    	}
    }
    function addContractNo(rentId){
    	$.messager.confirm('提醒','是否生成合同编号?',function(r){
    		$.ajax({
	            type: "post",//使用get方法访问后台
	            dataType: "json",//返回json格式的数据
	            url: "rent10Action_addContractNo",//要访问的后台地址
	            data: "rent10.id="+rentId,//要发送的数据
	            complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
	            success: function(msg){
	            	if(msg.success){
		            	$.messager.alert("提醒","已生成合同编号 ");
		            	$("#rentDataGrid").datagrid("reload");
	            	}
	            }
            })
    	})
    }
    
    var rentTypeFormatter = function(value , row , index){
        if(value == 1) {
            return "租赁";
        }else if(value == 2) {
            return "退租";
        }else if(value == 3) {
            return "抵扣";
        }
    }
    
    //合同当前状态
    var rentStatusFormatter = function(value , row , index){
        if(value == 1) {
            return "正常";
        }else if(value == 0) {
            return "作废";
        }else if(value == 2) {
        	return "申请作废中";
        }
    }
    
    /**详情*/
    var detailFormatter = function(value , row , index){
        return "<img src='<%=basePath%>/images/details.png' title='详情' onclick=rentDetail(" + row.id + ") style='cursor:pointer' />";
    }
    
    var rentDetail = function(id){
        $("#rentDetailDialog").dialog(
            {
                buttons : [
                    {
                        text : '关闭', 
                        iconCls : 'icon-ok', 
                        handler : function(){ 
                            $("#rentDetailDialog").dialog("close");
                        }
                    }
                ],
                onLoad : function(){
                    rentDetail_load(id);
                }
            }
        );
    };
    
    //申请作废
    var applyInvalidFormatter = function(value , row , index){
    	if(row.rentStatus == 1 && row.rentType != '3'){
            return "<img src='<%=basePath%>/images/pencil.png' title='申请作废' onclick=applyInvalid(" + row.id + ") style='cursor:pointer' />"
    	}else if(row.rentStatus == 2){
            return "";
        }
    }
    function applyInvalid(rentId){
        $.messager.prompt('提醒', '请输入申请作废原因（必填）', function(r){
            if (r){
                $.ajax({
                    type: "post",//使用get方法访问后台
                    dataType: "json",//返回json格式的数据
                    url: "rent10Action_applyInvalid",//要访问的后台地址
                    data: "rent10.id="+rentId+"&rent10.invalidApplyRemark="+r+"&house.id="+0,//要发送的数据
                    complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
                    success: function(msg){
                        if(msg.success){
                            $.messager.alert("提醒","当前合同已申请作废");
                            $("#rentDataGrid").datagrid("reload");
                        }
                    }
                })
            }
        });
    }
    /**电子支付*/
    payOnlineFormatter = function(value , row , index){
    	if(row.billNo == ''||row.billNo == null){
			if(row.rentStatus == 1 && row.rentType != '3'){
    			return "<img src='<%=basePath%>/images/zjsq.png' title='电子支付' onclick=payOnline(" + row.id+","+row.rentYear+","+row.deposit+","+row.electricityDeposit+","+row.waterDeposit + ") style='cursor:pointer' />"
			}else{
				return "";
			}
		}else{
			return "";
		}
    }
    function payOnline(id,rentYear,deposit,electricityDeposit,waterDeposit){
    	var totalFee = rentYear+deposit+electricityDeposit+waterDeposit+"";
    	$.messager.confirm('提醒','确认电子支付'+totalFee+'元?',function(r){
    		if (r) {
				var version = whzlFun.pay(totalFee);
				var resultversionJson  = $.parseJSON(version);
				if(resultversionJson.orderStatus=="1"){
					$.ajax({
			        	type: "post",//使用get方法访问后台
			        	async:false,
			            dataType: "json",//返回json格式的数据
			            url: "rent10Action_payOnline",//要访问的后台地址
			            data: "rent10.id="+id+"&rent10.payOnlineResult="+version,//要发送的数据
			            complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
			            success: function(msg){
			            	$.messager.alert("提醒","支付成功");
			            }
		            })
				}else if(resultversionJson.orderStatus=="2"){
					$.messager.progress({ 
						title: '提示', 
						msg: '支付中，请稍候……', 
						text: '' 
					});
				    setTimeout( function(){
						var result = whzlFun.payCheck(resultversionJson.outTradeNo);
				        var resultJson  = $.parseJSON(result);
				        $.messager.progress('close');
				        if(resultJson.orderStatus=="3"){
				        	$.messager.alert("提醒","支付失败，请重新支付");
				        }else if(resultJson.orderStatus=="1"){
				        	$.ajax({
					        	type: "post",//使用get方法访问后台
					        	async:false,
					            dataType: "json",//返回json格式的数据
					            url: "rent10Action_payOnline",//要访问的后台地址
					            data: "rent10.id="+id+"&rent10.payOnlineResult="+result,//要发送的数据
					            complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
					            success: function(msg){
					            	$.messager.alert("提醒","支付成功");
					            }
				            })
				    	}
					}, 40 * 1000 );//延迟3000毫米
				}
			}
    	})
    }
</script>

<div class="easyui-layout" data-options="fit:true,border:false">
	<div data-options="region:'center',border:false">
		<div id="searchtool" data-options="region:'north',border:false">
			<div class="clear"></div>
			<table id="tblQuery" style="width:100%;font-size:12px;">
				<tr>
				    <td><span>小区名称</span></td>
                    <td>
	                    <input id="communityId">
                        <input id="no" style="width: 60px;">&nbsp;幢&nbsp;
                        <input id="houseNumber" style="width: 80px;">&nbsp;室
                    </td>
                    <td>承租人身份证号</td>
                    <td><input id="lesseeId"/></td>
					<td align="center">
						<a href="javascript:searchFun();" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true">查询</a>
						<a href="javascript:ClearQuery();" class="easyui-linkbutton" data-options="iconCls:'icon-emptied',plain:true">清空</a>
					</td>
				</tr>
				<tr>
				    <td><span>录入合同时间从</span></td>
				    <td>
				        <input class="easyui-datebox" id="createStartDay"/>&nbsp;至&nbsp;
				        <input class="easyui-datebox" id="createEndDay"/>
				    </td>
				    <td><span>合同时间从</span></td>
				    <td>
				        <input class="easyui-datebox" id="startDay"/>&nbsp;至&nbsp;
                        <input class="easyui-datebox" id="endDay"/>
				    </td>
				</tr>
			</table>
			<div class="clear"></div>
		</div>
	
		<table id="rentDataGrid">
			<thead frozen="true">
        		<tr>
        			<th data-options="field:'id',checkbox:true,width:30">ID</th>
            		<th data-options="field:'communityName',sortable:true,width:100,formatter:communityNameFormatter">小区名称</th>
        		</tr>
        	</thead>
        	<thead>  
        		<tr>
        		    <th data-options="field:'no',width:80,formatter:noFormatter">楼号</th>
            		<th data-options="field:'houseNumber',width:80,formatter:houseNumberFormatter">房号</th>
            		<th data-options="field:'lessee',width:80">承租人</th>
            		<th data-options="field:'lesseeId',width:150">承租人身份证</th>
            		<th data-options="field:'startDay',width:80,formatter:dateFormatter">开始时间</th>
            		<th data-options="field:'endDay',width:80,formatter:dateFormatter">结束时间</th>
            		<th data-options="field:'rentType',width:80,formatter:rentTypeFormatter">合同类型</th>
            		<th data-options="field:'rentStatus',align:'center',width:80,formatter:rentStatusFormatter">合同当前状态</th>
            		<th data-options="field:'detail',width:80,align:'center',formatter:detailFormatter">详情</th>
            		<th data-options="field:'addBillNo',align:'center',width:100,formatter:addBillNoFormatter">填写票据</th>
            		<th data-options="field:'addContractNo',align:'center',width:110,formatter:addContractNoFormatter">合同编号</th> 
            		<th data-options="field:'applyInvalid',align:'center',width:70,formatter:applyInvalidFormatter">申请作废</th>
            		<th data-options="field:'payOnline',align:'center',width:70,formatter:payOnlineFormatter">电子支付</th>
        		</tr>  
    		</thead>
		</table>
	</div>
</div>
<div id="addBillNoDialog" data-options="title:'&nbsp;增加票据号信息',iconCls:'icon-add',width:1200,height:500,modal:true,href:'<%=basePath %>/rent10Action_toAddBillNo'">
</div>
<div id="rentDetailDialog" data-options="title:'&nbsp;合同详情信息',iconCls:'icon-detail',width:1200,height:500,modal:true,href:'<%=basePath %>/rent10Action_toRentDetail'">
</div>
<script type="text/javascript">
	$(function(){
	    parent.$.messager.progress('close');
	    $('#communityId').combobox({
            url: whzl.basePath + '/communityAction_findAll',
            valueField:'value',
            textField:'text',
            filter:function(q,row){ 
                var opts=$(this).combobox("options"); 
                //return row[opts.textField].indexOf(q)==0;// 
                return row[opts.textField].indexOf(q)>-1;//将从头位置匹配改为任意匹配 
            },
            onChange:function (newValue,oldValue) {
                $('#no').combobox("setValue","");
                $('#houseNumber').combobox("setValue","");
                $('#no').combobox('reload',whzl.basePath + '/houseAction_findAllNo?house.community.id='+$('#communityId').combobox("getValue")); 
            }
        });
        $('#no').combobox({
            //editable:false,
            url: whzl.basePath + '/houseAction_findAllNo?house.community.id='+$('#communityId').combobox("getValue"),
            valueField:'value',
            textField:'text',
            filter:function(q,row){ 
                var opts=$(this).combobox("options"); 
                //return row[opts.textField].indexOf(q)==0;// 
                return row[opts.textField].indexOf(q)>-1;//将从头位置匹配改为任意匹配 
            },
            onChange:function (newValue,oldValue) {
                $('#houseNumber').combobox("setValue","");
                $('#houseNumber').combobox('reload',whzl.basePath + '/houseAction_findAllHouseNumber?house.community.id='+$('#communityId').combobox("getValue") + '&house.no='+newValue); 
            }
        });
        $('#houseNumber').combobox({
            //editable:false,
            url: whzl.basePath + '/houseAction_findAllHouseNumber?house.community.id='+$('#communityId').combobox("getValue") + '&house.no='+$('#no').combobox("getValue"),
            valueField:'value',
            textField:'text',
            filter:function(q,row){ 
                var opts=$(this).combobox("options"); 
                //return row[opts.textField].indexOf(q)==0;// 
                return row[opts.textField].indexOf(q)>-1;//将从头位置匹配改为任意匹配 
            }
        });
    })
</script>