baozhangfang/WebRoot/WEB-INF/jsp/rent10/houseList1.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":"personType" ,"aa10.name":"保障人员类别" },
        complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
        success: function(msg){//msg为返回的数据，在这里做数据绑定
            if(msg.success){
                incomeTypeObj = msg.obj.rows;
            }
        }
    });
    
	/**小区显示区*/
	$(function() {
        $('#houseDataGrid').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_houseList',
		    pageNumber:1,
		    nowrap:true,
		    loadFilter:function(result){
		        if(result.success){
		    		return result.obj;
		    	}else{
		    		$.messager.alert("提示",result.message);
		    	    return ;
		    	}							
		    },
		    rowStyler:function(index,row){
		    	if("1" == row.specialRemark){
                    return "background-color:#00868B;"
                }
		    	if("1" == row.status){
                    if(row.endTime == null){
                        
                    }else{
                        var day = calDay(row.endTime);
                        if(day<0&&day>-30){
                            return "background-color:#B8E455;"
                        }else if(day<=-30){
                            return "background";
                        }else if(day>=0){
                            return "background-color:#FFC0CB;";
                        }
                    }
                }
			}
		});
	});
	
	/**查询*/
	function searchFun(){
		$("#houseDataGrid").datagrid("load", {
             "house.community.id":trim($('#communityId').combobox("getValue")),
             "house.no":trim($('#no').combobox("getValue")),
             "house.houseNumber":trim($('#houseNumber').combobox("getValue")),
             "house.lesseeId":trim($('#lesseeId').val()),
             "houseState":$("#houseState").val(),
             "unpaidStartDay":$("#unpaidStartDay").datebox('getValue'),
             "unpaidEndDay":$("#unpaidEndDay").datebox('getValue')
        });
	}
	
	/*清除查询条件**/
    function ClearQuery() {
   		$("#tblQuery").find("input").val("");
   		$("#tblQuery").find("select").val("-1");
    }
	
	/**导入房源*/
    function houseImport() {
    	$('#importHouseDialog').dialog({
            buttons : [{
                text : '确定', 
                iconCls : 'icon-ok', 
                handler : function(){
                    $("#importHouseDialog").dialog("close");
                }
            },{
                text : '取消', 
                iconCls : 'icon-cancel', 
                handler : function(){ 
                    $("#importHouseDialog").dialog("close");
                }
            }]
        });
    }
	
	//收租
	var addRentsFormatter = function(value , row , index){
		if(row.lessee!=null&&row.lessee!=""){
			if(row.endTime != null && row.endTime !=""){
	            var day = calDay(row.endTime);
	            if(day>-300){
	                return "<img src='<%=basePath%>/js/easyui/themes/itemicon/pay.png' title='收租' onclick=addRents(" + row.id + ") style='cursor:pointer' />"
	            }else{
	                return "";
	            }
	        }else{
	        	return "<img src='<%=basePath%>/js/easyui/themes/itemicon/pay.png' title='收租' onclick=addRents(" + row.id + ") style='cursor:pointer' />"
	        	
	        }
		}else{
			return "<img src='<%=basePath%>/js/easyui/themes/itemicon/pay.png' title='收租' onclick=addRents(" + row.id + ") style='cursor:pointer' />"
		}
	}
	
	//退租
	var checkoutFormatter = function(value , row , index){
		return "<img src='<%=basePath%>/js/easyui/themes/itemicon/export.png' title='退租' onclick=checkout(" + row.id + ") style='cursor:pointer' />"
	}
	
	function addRents(houseId){
			$("#addRentsDialog").dialog({
			buttons : [{
                text : '确定', 
                iconCls : 'icon-ok', 
                handler : function(){
				    addRents_submit();
                }
            },{
                text : '取消', 
                iconCls : 'icon-cancel', 
                handler : function(){ 
                    $("#addRentsDialog").dialog("close");
                }
            }],
            onLoad : function(){
			    addRents_load(houseId);
            }
		})
	}
	
	function checkout(houseId){
		$("#checkoutDialog").dialog({
			buttons : [{
                text : '确定', 
                iconCls : 'icon-ok', 
                handler : function(){
                	checkOutHouse_submit();
                }
            },{
                text : '取消', 
                iconCls : 'icon-cancel', 
                handler : function(){ 
                    $("#checkoutDialog").dialog("close");
                }
            }],
            onLoad : function(){
            	checkOutHouse_load(houseId);
            }
		})
	}
	
	//详情
	var detailFormatter = function(value , row , index){
		return "<img src='<%=basePath%>/images/details.png' title='详情' onclick=houseDetail(" + row.id + ") style='cursor:pointer' />"
	}
	
	function houseDetail(houseId){
		$("#houseDetailDialog").dialog({
			buttons : [{
                text : '确定', 
                iconCls : 'icon-ok', 
                handler : function(){
                    $("#houseDetailDialog").dialog("close");
                }
            }],
            onLoad : function(){
                detail_load(houseId);
            }
		})
	}
	
	/**上传文件*/
	function formSubmit(){
		var upload = $("#upload").val();
		if(upload == null || upload == ''){
			$.messager.alert("系统提示","请选择文件上传！","error");
		}else{
			parent.$.messager.progress({
				title : '提示',
				text : '上传数据中，请稍候....'
			});
			$('#importHouseForm').form('submit',
				{
					url : whzl.basePath+"/houseAction_uploadExcel",//要访问的后台地址
					success : function(result){
						parent.$.messager.progress('close');
						result = $.parseJSON(result);
						if(result.success){
							$("#message").text(result.message);
							$("#errorShowList").hide();
							$("#exportBtn").hide();
						}else{
							$("#message").text(result.message + "一共存在" + result.obj.length + "错误。");
							$("#errorShowList").show();
							$("#exportBtn").show();
							
							var error = "";//全部错误信息
							var errorShow = "";//只显示前6条错误信息
							for(var i = 0; i < result.obj.length; i++){
								error += (i+1) + "、" + result.obj[i] + "\r\n";
								if(i < 6){
									errorShow += "<p>" + (i+1) + "、" + result.obj[i] + "</p>";
								}
							}
							$("#errorShowList").html(errorShow);
							$("#errorList").html(error);
							$("#errorText").val(error);
							parent.$.messager.progress('close');
						}
					}
				}
			);
		}
	}
    //新增
    function add(){
    	$("#addHouseDialog").dialog({
    		buttons : [{
                text : '确定', 
                iconCls : 'icon-ok', 
                handler : function(){
                    addHouse_submit();
                }
            },{
                text : '取消', 
                iconCls : 'icon-cancel', 
                handler : function(){ 
                    $("#addHouseDialog").dialog("close");
                }
            }]
    	})
    }
    
    //修改房源信息
    var updateFormatter = function(value , row , index){
        return "<img src='<%=basePath%>/js/easyui/themes/itemicon/update.png' title='修改' onclick=updateHouse(" + row.id + ") style='cursor:pointer' />"
    }
    function updateHouse(id){
    	$("#updateHouseDialog").dialog({
    		buttons : [{
                text : '确定', 
                iconCls : 'icon-ok', 
                handler : function(){
                    updateHouse_submit();
                }
            },{
                text : '取消', 
                iconCls : 'icon-cancel', 
                handler : function(){ 
                    $("#updateHouseDialog").dialog("close");
                }
            }],
            onLoad : function(){
    		    updateHouse_load(id);
            }
    	})
    }
    
    var endTimeFormatter = function(value , row , index){
        if(row.endTime == ""||row.endTime==null){
        	return "";
        }else{
 	        return dealDate(value);
        }
    }
    
    var statsuFormatter = function(value , row , index){
    	if("1" == value){
    		var day = calDay(row.endTime);
    		if(day<=0&&day>-30){
    			return "待缴"
    		}else if(day<=-30){
    			return "已缴";
    		}else if(day>0){
    			return "欠缴";
    		}
    	}else{
    		return "未配租";
    	}
    }
    /**打印租金合同*/
    var printRentFormatter = function(value , row , index){
    	if(row.contractNo!=null&&row.contractNo!=""){
    		return "<img src='<%=basePath%>/js/easyui/themes/itemicon/print.png' title='打印' onclick=printRent(" + row.id + ") style='cursor:pointer' />"
    	}else{
    		return "";
    	}
    }
    
    
    /**模板选择对话框*/
    var printRent = function(id){
        $("#templetSelectDialog").dialog(
            {
                buttons : [
                    {
                        text : '关闭', 
                        iconCls : 'icon-ok', 
                        handler : function(){ 
                            $("#templetSelectDialog").dialog("close");
                        }
                    }
                ],
                onLoad : function(){
                    templet_load(id);
                }
            }
        );
    };
    
    /**打印租金合同*/
    var rentDetailFormatter = function(value , row , index){
    	return "<img src='<%=basePath%>/js/easyui/themes/itemicon/print.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.lessee!=null&&row.lessee!=""){
	    	return "<img src='<%=basePath%>/images/pencil.png' title='申请作废' onclick=applyInvalid(" + row.id + ") style='cursor:pointer' />"
    	}else{
    		return "";
    	}
    }
    function applyInvalid(houseId){
    	$.messager.prompt('提醒', '请输入作废原因（必填）', function(r){
            if (r){
		    	$.ajax({
		            type: "post",//使用get方法访问后台
		            dataType: "json",//返回json格式的数据
		            url: "rent10Action_applyInvalid",//要访问的后台地址
		            data: "house.id="+houseId+"&rent10.invalidApplyRemark="+r+"&rent10.id="+0,//要发送的数据
		            complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
		            success: function(msg){
		                if(msg.success){
		                    $.messager.alert("提醒","当前合同已申请作废");
		                    $("#houseDataGrid").datagrid("reload");
		                }
		            }
		        })
            }
        });
    }
    var initialPlacementTimeFormatter = function(value , row , index){
    	return dealDate(value);
    }
    
    /**导出合同*/
    function houseExport(){
    	$("#exportColumnDialog").dialog({
            buttons : [{
                text : '确认', 
                iconCls : 'icon-ok', 
                handler : function(){ 
                    var columnValue = [];
                    var columnName = [];
                    $("input[name='columnName']:checked").each(function () {
			            columnValue.push($(this).val());
			            columnName.push($(this).attr('valueText'));
			        });
			        if(columnValue==""){
			        	$.messager.alert("提示","请选择导出的字段名称！");
			        	return;
			        }else{
				        var params = encodeURI("house.community.id="+trim($('#communityId').combobox("getValue"))+
				                "&house.no="+trim($('#no').combobox("getValue")) + 
				                "&house.houseNumber="+trim($('#houseNumber').combobox("getValue"))+
				                "&houseState="+$('#houseState').val()+
				                "&unpaidStartDay="+$('#unpaidStartDay').datebox('getValue')+
				                "&unpaidEndDay="+$('#unpaidEndDay').datebox('getValue')
				        );
				        if(columnValue.includes("name")){
			        		window.location.href =  whzl.basePath+"/rent10Action_houseExport?columnValue="+columnValue+"&columnName="+columnName+"&"+params;
			        	}else{
			        		window.location.href =  whzl.basePath+"/rent10Action_houseHZExport?columnValue="+columnValue+"&columnName="+columnName+"&"+params;
			        	}
		                //window.location.href =  whzl.basePath+"/rent10Action_houseExport?columnValue="+columnValue+"&columnName="+columnName+"&"+params;
			        }
                }
            }]
    	})
    }
    /**提交换房申请*/
    var changeApplicationFormatter= function(value , row , index){
    	//欠缴不可换房
    	if(row.endTime!=null&&row.endTime!=""){
	    	var day = calDay(row.endTime);
	        if(day<=0){
	            return "<img src='<%=basePath%>/images/gzfhf.png' title='调房申请' onclick=changeApplication(" + row.id + ") style='cursor:pointer' />"
	        }else{
	            return "";
	        }
    	}else{
    		return "<img src='<%=basePath%>/images/gzfhf.png' title='调房申请' onclick=changeApplication(" + row.id + ") style='cursor:pointer' />"
    	}
    }
    
    function changeApplication(id){
    	$('#addExchangeHouseDialog').dialog({
            buttons : [{
            	text : '确认', 
                iconCls : 'icon-ok', 
                handler : function(){
            	    addExchangeHouse_submit();
                }
            },{
            	text : '取消', 
                iconCls : 'icon-cancel', 
                handler : function(){
                    $('#addExchangeHouseDialog').dialog("close")
                }
            }], 
            onLoad : function(){
                house1_load(id);
            }
        })
    	
    }
    
    /**计算今天到结束时间的天数*/
	var calDay = function(time){
		if(time == null){
			return ;
		}else{
			var today = new Date();
			var endTime = new Date(time.replace(/\-/g, "/"));
			return parseInt(parseInt(today - endTime)/1000/60/60/24);
		}
	}
    
    
    function rentAllExport(){
		var columnValue = [];
        var columnName = [];
        $("input[name='columnName']:checked").each(function () {
			columnValue.push($(this).val());
			columnName.push($(this).attr('valueText'));
		});
		if(columnValue==""){
			$.messager.alert("提示","请选择导出的字段名称！");
			return;
		}else{
			var params = encodeURI("house.community.id="+trim($('#communityId').combobox("getValue"))+
				    "&house.no="+trim($('#no').combobox("getValue")) + 
				    "&house.houseNumber="+trim($('#houseNumber').combobox("getValue"))+
				    "&houseState="+$('#houseState').val()+
				    "&unpaidStartDay="+$('#unpaidStartDay').datebox('getValue')+
				    "&unpaidEndDay="+$('#unpaidEndDay').datebox('getValue')
			);
		    window.location.href =  whzl.basePath+"/rent10Action_houseAllExport?columnValue="+columnValue+"&columnName="+columnName+"&"+params;
		}
	}
    
	function rentNewExport(){
		var columnValue = [];
        var columnName = [];
        $("input[name='columnName']:checked").each(function () {
			columnValue.push($(this).val());
			columnName.push($(this).attr('valueText'));
		});
		if(columnValue==""){
			$.messager.alert("提示","请选择导出的字段名称！");
			return;
		}else{
			var params = encodeURI("house.community.id="+trim($('#communityId').combobox("getValue"))+
				    "&house.no="+trim($('#no').combobox("getValue")) + 
				    "&house.houseNumber="+trim($('#houseNumber').combobox("getValue"))+
				    "&houseState="+$('#houseState').val()+
				    "&unpaidStartDay="+$('#unpaidStartDay').datebox('getValue')+
				    "&unpaidEndDay="+$('#unpaidEndDay').datebox('getValue')
			);
		    window.location.href =  whzl.basePath+"/rent10Action_houseExport?columnValue="+columnValue+"&columnName="+columnName+"&"+params;
		}
	}
</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: 90px;">幢
                        <input id="houseNumber" style="width: 80px;">室
                    </td>
                    <td>承租人身份证号</td>
                    <td><input id="lesseeId"/></td>
                    <td>租金状态</td>
                    <td>
                        <select id="houseState">
                            <option value=""></option>
                            <option value="0">已缴</option>
                            <option value="1">待缴</option>
                            <option value="2">欠缴</option>
                        </select>
                    </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>
						<a href="javascript:houseExport();" class="easyui-linkbutton" data-options="iconCls:'icon-import',plain:true">导出</a>
					</td>
				</tr>
				<tr>
				<td>欠缴时间</td>
                    <td><input id="unpaidStartDay" class="easyui-datebox" type="text">至<input id="unpaidEndDay" class="easyui-datebox" type="text"></td>
				</tr>
			</table>
			<div class="clear"></div>
		</div>
	
		<table id="houseDataGrid">
			<thead frozen="true">
        		<tr>
        			<th data-options="field:'id',checkbox:true,width:30">ID</th>
            		<th data-options="field:'communityName',sortable:true,width:100">小区名称</th>
        		</tr>
        	</thead>
        	<thead>  
        		<tr>
        		    <th data-options="field:'no',width:80">楼号</th>
            		<th data-options="field:'houseNumber',width:80">房号</th>
            		<th data-options="field:'area',width:60">面积</th>
            		<th data-options="field:'garageArea',width:60">车库面积</th>
            		<th data-options="field:'status',width:70,formatter:statsuFormatter">状态</th>
            		<th data-options="field:'lessee',width:60">承租人</th>
            		<th data-options="field:'lesseeId',width:160">承租人身份证号</th>
            		<th data-options="field:'endTime',width:80,formatter:endTimeFormatter">到期时间</th>
            		<th data-options="field:'initialPlacementTime',width:80,formatter:initialPlacementTimeFormatter">初始安置时间</th>
            		<th data-options="field:'detail',width:60,formatter:detailFormatter">详情</th>
            		<th data-options="field:'addRents123',align:'center',width:60,formatter:addRentsFormatter">收租</th> 
            		<th data-options="field:'applyInvalid',align:'center',width:60,formatter:applyInvalidFormatter">申请作废</th>
            		<th data-options="field:'changeApplication',align:'center',width:60,formatter:changeApplicationFormatter">换房申请</th>
            		<th data-options="field:'checkout',align:'center',width:60,formatter:checkoutFormatter">退房申请</th>
        		</tr>
    		</thead>
		</table>
	</div>
</div>
<div id="p" class="easyui-progressbar" style="width:400px;"></div>
<div id="houseDetailDialog" data-options="title:'&nbsp;房源详情信息',iconCls:'icon-detail',width:1000,height:500,modal:true,href:'<%=basePath %>/rent10Action_toDetail'">
</div>
<div id="rentDetailDialog" data-options="title:'&nbsp;合同详情信息',iconCls:'icon-detail',width:1000,height:500,modal:true,href:'<%=basePath %>/rent10Action_toRentDetail'">
</div>
<div id="addRentsDialog" data-options="title:'&nbsp;收租信息',iconCls:'icon-add',width:1200,height:500,modal:true,href:'<%=basePath %>/rent10Action_toAddRent1'">
</div>
<div id="checkoutDialog" data-options="title:'&nbsp;退租信息',iconCls:'icon-add',width:800,height:400,modal:true,href:'<%=basePath %>/rent10Action_toCheckout'">
</div>
<div id="addHouseDialog" data-options="title:'&nbsp;增加房源信息',iconCls:'icon-add',width:500,height:300,modal:true,href:'<%=basePath %>/houseAction_toAddHouse'">
</div>
<div id="updateHouseDialog" data-options="title:'&nbsp;修改房源信息',iconCls:'icon-update',width:500,height:300,modal:true,href:'<%=basePath %>/houseAction_toUpdateHouse'">
</div>
<div id="templetSelectDialog" data-options="title:'&nbsp;选择合同模板',iconCls:'icon-details',width:420,height:320,modal:true,href:'<%=basePath %>/rent10Action_toSelectList'">
</div>
<div id="exportColumnDialog" data-options="title:'&nbsp;选择导出字段',iconCls:'icon-details',width:1200,height:550,modal:true,href:'<%=basePath %>/rent10Action_toExportColumn'">
</div>
<div id="addExchangeHouseDialog" data-options="title:'&nbsp;添加换房信息',iconCls:'icon-add',width:800,height:400,modal:true,href:'<%=basePath %>/exchangeHouseAction_toAdd'">
</div>
<div id="exchangeHouseIntentSelectDialog" data-options="title:'&nbsp;选择换房人',iconCls:'icon-details',width:800,height:420,modal:true,href:'<%=basePath %>/exchangeHouseIntentAction_toexchangeHouseIntentSelect'">
</div>
<div id="detailsecurityPersonApplyDialog" data-options="title:'&nbsp;申请详细信息',iconCls:'icon-details',width:900,height:500,modal:true,href:'<%=basePath %>/securityPersonApply2Action_toSearchDetail'">
</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='+encodeURIComponent(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>