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

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<script type="text/javascript">
   var detail_load = function(houseId){
	   $.ajax({
            type: "post",//使用get方法访问后台
            dataType: "json",//返回json格式的数据
            url: "rent10Action_houseDetail",//要访问的后台地址
            data: "house.id="+houseId,//要发送的数据
            complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
            success: function(msg){
                $("#name_community_detail").text(msg.obj.community.name);
                $("#no_house_detail").text(msg.obj.no);
                $("#houseNumber_house_detail").text(msg.obj.houseNumber);
                $("#area_house_detail").text(msg.obj.area);
                $("#garageArea_house_detail").text(msg.obj.garageArea);
                $("#price_community_detail").text(msg.obj.community.price);
                $("#garagePrice_community_detail").text(msg.obj.community.garagePrice);
                $("#btprice1_community_detail").text(msg.obj.community.btprice1);
                $("#btprice2_community_detail").text(msg.obj.community.btprice2);
                $("#btprice3_community_detail").text(msg.obj.community.btprice3);
                $("#ssprice1_community_detail").text(msg.obj.community.ssprice1);
                $("#ssprice2_community_detail").text(msg.obj.community.ssprice2);
                $("#ssprice3_community_detail").text(msg.obj.community.ssprice3);
            }
        })
        $('#houseLog_list').datagrid({
                rownumbers:true,
                pageSize:10,
                pageList : [ 10, 20, 30, 40, 50 ],
                fitColumns:false,
                border:false,
                sortOrder:'desc',
                pagination:true,
                url:whzl.basePath + '/rent10Action_rentList?rent10.house.id='+houseId,
                checkOnSelect:true,
                selectOnCheck:false,
                nowrap:true,
                
                loadFilter:function(result){
                    if(result.success){
                        return result.obj;
                    }else{
                        $.messager.alert("提示",result.message);
                        return ;
                    }                           
                }
        }); 
   }
   var incomeTypeFormatter = function(value , row , index){
	   var incomeType = "";        
		if("1" == value){
       		incomeType = "低保";
        }else if("2" == value){
            incomeType = "低收入";
        }else if("3" == value){
            incomeType = "中低收入";
        }else if("4" == value){
            incomeType = "新就业";
        }else if("5" == value){
            incomeType = "外来务工";
        }else if("6" == value){
            incomeType = "审核未通过(市场租金)";
        }
		return incomeType;
   }
   var dateFormatter = function(value , row , index){
	   return dealDate(value);
   }
   
   var rentTypeFormatter = function(value , row , index){
	   if("2" == value){
		   return "退租";
	   }
	   return "租赁";
   }
   
   var rentStatusFormatter = function(value , row , index){
	   if(value == 1) {
            return "正常";
        }else if(value == 0) {
            return "作废";
        }else if(value == 2) {
            return "申请作废中";
        }
   }
</script>
<table class="mytable" style="width: 100%;">
    <tr>
        <th colspan="13">收费标准&nbsp;单位：元/㎡•月</th>
    </tr>
    <tr>
        <th width="7.6%">小区名称</th>
        <th width="7.6%">栋号</th>
        <th width="7.6%">房号</th>
        <th width="7.6%">面积</th>
        <th width="7.6%">车库面积</th>
        <th width="7.6%">租金价格</th>
        <th width="7.6%">车库价格</th>
        <th width="7.6%">低保补贴</th>
        <th width="7.6%">低收入<br />补贴</th>
        <th width="7.6%">中低收入<br />补贴</th>
        <th width="7.6%">低保实收</th>
        <th width="7.6%">低收入<br />实收</th>
        <th width="7.6%">中低收入<br />实收</th>
    </tr>
    <tr>
        <td><span id="name_community_detail"></span></td>
        <td><span id="no_house_detail"></span></td>
        <td><span id="houseNumber_house_detail"></span></td>
        <td><span id="area_house_detail"></span></td>
        <td><span id="garageArea_house_detail"></span></td>
        <td><span id="price_community_detail"></span></td>
        <td><span id="garagePrice_community_detail"></span></td>
        <td><span id="btprice1_community_detail"></span></td>
        <td><span id="btprice2_community_detail"></span></td>
        <td><span id="btprice3_community_detail"></span></td>
        <td><span id="ssprice1_community_detail"></span></td>
        <td><span id="ssprice2_community_detail"></span></td>
        <td><span id="ssprice3_community_detail"></span></td>
    </tr>
</table>
<table id="houseLog_list" title="房屋历史记录" >
	<thead>  
	    <tr>
	        <th data-options="field:'rentType',width:80,align:'center',formatter:rentTypeFormatter">类型</th>
	        <th data-options="field:'rentStatus',width:80,align:'center',formatter:rentStatusFormatter">状态</th>
	        <th data-options="field:'lessee',width:80,align:'center'">承租人</th>
	        <th data-options="field:'incomeType',width:120,align:'center',formatter:incomeTypeFormatter">承租人家庭收入类型</th>
	        <th data-options="field:'startDay',width:80,align:'center',formatter:dateFormatter">开始时间</th>
	        <th data-options="field:'endDay',width:80,align:'center',formatter:dateFormatter">结束时间</th>
	        <th data-options="field:'payDay',width:80,align:'center',formatter:dateFormatter">收款时间</th>
	        <th data-options="field:'rentYear',width:90,align:'center'">实收年租金</th>
	        <th data-options="field:'detail',width:90,align:'center',formatter:rentDetailFormatter">详情</th>
	    </tr>  
    </thead>
</table>