baozhangfang/WebRoot/WEB-INF/jsp/commonHouseSaleOrder/commonHouseSaleOrderList_all.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 personTypeObj = null;

	var personType_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){
	    		personTypeObj = msg.obj.rows;
	    		var select_arr = [];
				var data = personTypeObj;
				for(var nItem = 0; nItem < data.length; nItem++ ){
					if(data[nItem].value!='新就业' && data[nItem].value!='外来务工' ){
						select_arr.push("<option value="+data[nItem].code+">"+data[nItem].value+"</option>");
					}
				}
				personType_array = select_arr.join("");
	    	}
	    }
	});
	

	/**用户显示区*/
	$(function() {
		$('#commonHouseSaleOrderDataGrid').datagrid({
				rownumbers:true,
				fit:true,
				pageSize:20,
				pageList : [ 10, 20, 30, 40, 50 ],
				fitColumns:false,
				border:false,
				sortOrder:'desc',
				pagination:true,
				idField:'id',
				url:whzl.basePath + '/commonHouseSaleOrderAction_listCommonHouseSaleOrder',
				toolbar:'#searchtool',
				checkOnSelect:true,
				selectOnCheck:false,
				nowrap:true,
				loadFilter:function(result){
					if(result.success){
						return result.obj;
					}else{
						$.messager.alert("提示",result.message);
						return ;
					}							
				}
		});
	});
	
	/**查询*/
	function searchFun(){
		$("#commonHouseSaleOrderDataGrid").datagrid("load", {
			 "commonHouseSaleOrder.securityPersonName":$("#tblQuery").find("input[id='name']").val(),
             "commonHouseSaleOrder.securityPersonIdCard":$("#tblQuery").find("input[id='idCard']").val()
        });
	}
	
	/*清除查询条件**/
    function ClearQuery() {
        $("#tblQuery").find("input").val("");
        $("#tblQuery").find("select").val("-1");
    }
	
	/**详细*/
	var detailsFormatter = function(value , row , index){
			return "<img src='<%=basePath%>/js/easyui/themes/itemicon/detail.png' title='查看详情' onclick=commonHouseSaleOrderDetails(" + row.cid + ") style='cursor:pointer' />";
	};
	
	/**详细页面对话框*/
	var commonHouseSaleOrderDetails = function(id){
		$("#detailcommonHouseSaleOrderDialog").dialog(
			{
				buttons : [
					{
						text : '确定', 
						iconCls : 'icon-ok', 
						handler : function(){ 
							$("#detailcommonHouseSaleOrderDialog").dialog("close");
						}
					}
				],
				onLoad : function(){
					detail_load(id);	
				}
			}
		);
	};
	
	var getObjectURL = function (file) {
         var url = null;
         if (window.createObjectURL != undefined) {
             url = window.createObjectURL(file);
         } else if (window.URL != undefined) {
             url = window.URL.createObjectURL(file);
         } else if (window.webkitURL != undefined) {
             url = window.webkitURL.createObjectURL(file);
         }
         return url;
     }
	
	//显示对象属性
	function ShowObjProperty(Obj) { 
		var PropertyList=''; 
		var PropertyCount=0; 
		for(i in Obj){ 
			if(Obj.i !=null) 
			PropertyList=PropertyList+i+'属性：'+Obj.i+'\r\n'; 
			else 
			PropertyList=PropertyList+i+'方法\r\n'; 
		} 
		alert(PropertyList);
	} 
	
	
	/**人员姓名格式化*/
	var securityPersonNameFormatter = function(value , row , index){
		return "<a href='javascript:' onclick=commonHouseSaleOrderDetails(" + row.cid + ")>"+row.securityPerson.name+"</a>";	
	};
	
	/**人员身份证号格式化*/
	var securityPersonIdCardFormatter = function(value , row , index){
		return row.securityPerson.idCard;	
	};
	
	
	/**人员类别格式化*/
	var personTypeFormatter = function(value , row , index){
		var personType = "";
		for(var nItem = 0; nItem < personTypeObj.length; nItem++ ){
    		if(personTypeObj[nItem].code == row.securityPerson.personType){
    			personType = personTypeObj[nItem].value;
    			break;
    		}
   		}
		return personType;	
	};

	function saleOrderExport(){
		var params = encodeURI("commonHouseSaleOrder.securityPersonName="+trim($('#name').val())+
                "&commonHouseSaleOrder.securityPersonIdCard="+trim($('#idCard').val())
        );
		
    	window.location.href =  whzl.basePath+"/commonHouseSaleOrderAction_export?"+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%;">
				<tr>
					<td align="right" style="width: 12%;"><span>姓名</span></td><td style="width: 10%;"><input id="name" name="commonHouseSaleOrder.securityPerson.name" type="text" style="width: 100px;"/></td>
					<td align="right" style="width: 10%;"><span>身份证号</span></td><td style="width: 16%;"><input id="idCard" name="commonHouseSaleOrder.securityPerson.idCard" type="text" style="width: 140px;"/></td>
					<td align="left" style="width: 54%;">
						<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:saleOrderExport();" class="easyui-linkbutton" data-options="iconCls:'icon-import',plain:true">导出</a>
					</td>
				</tr>
				
			</table>
			<div class="clear"></div>
		</div>
	
		<table id="commonHouseSaleOrderDataGrid">
			<thead frozen="true">
        		<tr>
        			<th data-options="field:'cid',checkbox:true,width:30">ID</th>
            		<th data-options="field:'securityPersonName',sortable:true,width:75">姓名</th>
        		</tr>
        	</thead>
        	<thead>  
        		<tr>
            		<th data-options="field:'securityPersonIdCard',sortable:true,width:140">身份证号</th>
            		<th data-options="field:'houseAddress',sortable:true,width:140">购房地址</th>
            		<th data-options="field:'houseArea',sortable:true,width:80">购房面积</th>
            		<th data-options="field:'totalMoney',sortable:true,width:80">总房款</th>
            		<th data-options="field:'govMoney',sortable:true,width:80">助购房款</th>
            		<th data-options="field:'personTotalMoney',sortable:true,width:80">个人房款</th>
            		<!-- <th data-options="field:'personType',sortable:true,width:80,formatter:personTypeFormatter">人员类别</th> -->
            		<th data-options="field:'securityNum',align:'center',width:60">保障人口</th>
            		<th data-options="field:'details',align:'center',width:60,formatter:detailsFormatter">查看详细</th>
        		</tr>  
    		</thead>
		</table>
		
	</div>
</div>
<div id="detailcommonHouseSaleOrderDialog" data-options="title:'&nbsp;资料详细信息',iconCls:'icon-details',width:800,height:420,modal:true,href:'<%=basePath %>/commonHouseSaleOrderAction_toDetail'">
</div>


<div id="detailDialog"></div>
<div id="setCommonHouseSaleOrderAllDialog" data-options="title:'&nbsp;个性化设置',iconCls:'icon-cog',width:500,height:370,modal:true,href:'<%=basePath %>/columnSetAction_toSet?tname=commonHouseSaleOrderAll'">
</div>
<script type="text/javascript">
<!--
	parent.$.messager.progress('close');
//-->
</script>