baozhangfang/WebRoot/WEB-INF/jsp/commonHouseHelpOrder/commonHouseHelpOrderAdd.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>

<script type="text/javascript">
	
	//婚姻状况
	var maritalStatusObj_add = null;

	var maritalStatus_array_add = null;
	
	
	//申请保障类型
	var applyTypeObj_add = null;

	var applyType_array_add = null;
	
	//是否现房
	var isExistHouseObj_add = null;

	var isExistHouse_array_add = null;
	
	var dealNull = function(value)
	{
		if(value == ""){
			return 0;
		}
		else{
			return value;
		}
	}
	
	var countHouseMoney =function(){
		var securityNum = dealNull($("#securityNum_add").numberbox('getValue'));
		
		var houseArea = parseFloat(dealNull($("#houseArea_add").numberbox('getValue')));
		var garageArea = parseFloat(dealNull($("#garageArea_add").numberbox('getValue')));
		var protectArea = parseFloat(dealNull($("#protectArea_add").numberbox('getValue')));
		
		var protectRealArea = protectArea;
		if(houseArea < protectArea){
			protectRealArea = houseArea;
		}

		var protectOutArea = 0;
		if(houseArea > protectArea){
			protectOutArea = houseArea - protectArea;
		}
		
		$("#protectOutArea_add").numberbox('setValue', protectOutArea);
		
		var housePrice = dealNull($("#housePrice_add").numberbox('getValue'));
		var garagePrice = dealNull($("#garagePrice_add").numberbox('getValue'));
		
		var houseMoney = houseArea * housePrice ;
		var garageMoney = garageArea * garagePrice;
		
		$("#houseMoney_add").numberbox('setValue', houseMoney );
		$("#garageMoney_add").numberbox('setValue', garageMoney );
		
		var totalMoney = houseMoney + garageMoney;
		$("#totalMoney_add").numberbox('setValue', totalMoney );
		
		var govPercent = dealNull($("#govPercent_add").numberbox('getValue'));
		var personPercent = 100 - govPercent;
		$("#personPercent_add").numberbox('setValue', personPercent );
		
		var govMoney = housePrice*protectRealArea*govPercent/100;
		
		$("#govMoney_add").numberbox('setValue', govMoney );
		
		var personTotalMoney = totalMoney - govMoney;
		$("#personTotalMoney_add").numberbox('setValue', personTotalMoney );
		
		var personProtectMoney = housePrice*protectRealArea*personPercent/100 ;
		$("#personProtectMoney_add").numberbox('setValue', personProtectMoney );
		$("#personOutMoney_add").numberbox('setValue', personTotalMoney - personProtectMoney );
	}
	
	function commonHouseHelpOrder_add_load(id){
		 
		$('#houseArea_add').numberbox({
	         onChange: function () {
	             countHouseMoney(); 
	         }
	     }); 
	     
	    $('#garageArea_add').numberbox({
	         onChange: function () {
	             countHouseMoney(); 
	         }
	     }); 
	     
	    $('#housePrice_add').numberbox({
	         onChange: function () {
	             countHouseMoney(); 
	         }
	     }); 
	     
	    $('#garagePrice_add').numberbox({
	         onChange: function () {
	             countHouseMoney(); 
	         }
	     }); 
	     
	    $('#govPercent_add').numberbox({
	         onChange: function () {
	             countHouseMoney(); 
	         }
	     }); 
		
		//保障类别
		$.ajax({
		    type: "post",//使用post方法访问后台
		    dataType: "json",//返回json格式的数据
		    url: "aa10Action_listAa10All",//要访问的后台地址
		    data:{"aa10.letter":"applyType" ,"aa10.name":"保障业务类别" },
		    complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
		    success: function(msg){//msg为返回的数据，在这里做数据绑定
		    	if(msg.success){
		    		applyTypeObj_add = msg.obj.rows;
		    		var select_arr = [];
					var data = applyTypeObj_add;
					for(var nItem = 0; nItem < data.length; nItem++ ){
						select_arr.push("<option value="+data[nItem].code+">"+data[nItem].value+"</option>");
					}
					applyType_array_add = select_arr.join("");
		    	}
		    }
		});
		
		//婚姻情况
		$.ajax({
		    type: "post",//使用post方法访问后台
		    dataType: "json",//返回json格式的数据
		    url: "aa10Action_listAa10All",//要访问的后台地址
		    data:{"aa10.letter":"maritalStatus" ,"aa10.name":"婚姻情况" },
		    complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
		    success: function(msg){//msg为返回的数据，在这里做数据绑定
		    	if(msg.success){
		    		maritalStatusObj_add = msg.obj.rows;
		    		var select_arr = [];
					var data = maritalStatusObj_add;
					for(var nItem = 0; nItem < data.length; nItem++ ){
						select_arr.push("<option value="+data[nItem].code+">"+data[nItem].value+"</option>");
					}
					maritalStatus_array_add = select_arr.join("");
		    	}
		    }
		});
		
		//是否现房
		$.ajax({
		    type: "post",//使用post方法访问后台
		    dataType: "json",//返回json格式的数据
		    url: "aa10Action_listAa10All",//要访问的后台地址
		    data:{"aa10.letter":"isExistHouse" ,"aa10.name":"是否现房" },
		    complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
		    success: function(msg){//msg为返回的数据，在这里做数据绑定
		    	if(msg.success){
		    		isExistHouseObj_add = msg.obj.rows;
		    		var select_arr = [];
					var data = isExistHouseObj_add;
					for(var nItem = 0; nItem < data.length; nItem++ ){
						select_arr.push("<option value="+data[nItem].code+">"+data[nItem].value+"</option>");
					}
					isExistHouse_array_add = select_arr.join("");
					$("#isExistHouse_add").append(isExistHouse_array_add);
		    	}
		    }
		});
		
	
		  $.ajax({
            type: "post",//使用get方法访问后台
            dataType: "json",//返回json格式的数据
            url: "securityPersonAction_findById",//要访问的后台地址
            data: "securityPerson.id="+id,//要发送的数据
            complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
            success: function(msg){//msg为返回的数据，在这里做数据绑定
            	$("#securityPersonId_add").val(msg.obj.id);
            	$("#name_add").text(msg.obj.name);
            	$("#idCard_add").text(msg.obj.idCard);
            	$("#securityPersonName_add").val(msg.obj.name);
            	$("#securityPersonIdCard_add").val(msg.obj.idCard);
            	var personType = "";
				for(var nItem = 0; nItem < personTypeObj.length; nItem++ ){
		    		if(personTypeObj[nItem].code == msg.obj.personType){
		    			personType = personTypeObj[nItem].value;
		    		}
		   		}
            	$("#personType_add").text(personType);
            	var maritalStatus = "";
				for(var nItem = 0; nItem < maritalStatusObj_add.length; nItem++ ){
		    		if(maritalStatusObj_add[nItem].code == msg.obj.maritalStatus){
		    			maritalStatus = maritalStatusObj_add[nItem].value;
		    		}
		   		}
            	$("#maritalStatus_add").text(maritalStatus);
				$("#phone_add").text(msg.obj.phone);
				$("#company_add").text(msg.obj.company);
				if(msg.obj.houseRegister != undefined){
            		$("#residence_add").text(msg.obj.houseRegister.parent.parent.name + "-" + msg.obj.houseRegister.parent.name + "-" + msg.obj.houseRegister.name);
				}else{
					$("#residence_add").text(msg.obj.accountLocation)
				}
            	$("#residenceNo_add").text(msg.obj.residenceNo);
            	$("#residenceYear_add").text(msg.obj.residenceYear);
            	$("#securityNum_add_1").text(msg.obj.securityNum);
            	$("#familyNum_add").text(msg.obj.familyNum);
            	$("#avgIncome_add").text(msg.obj.avgIncome);
            	$("#securityNum_add").numberbox('setValue', msg.obj.securityNum);
            	$("#protectArea_add").numberbox('setValue', msg.obj.securityNum * $("#protectAvgArea_add").numberbox('getValue'));
            	var applyType = "";
				for(var nItem = 0; nItem < applyTypeObj_add.length; nItem++ ){
		    		if(applyTypeObj_add[nItem].code == msg.obj.applyType){
		    			applyType = applyTypeObj_add[nItem].value;
		    		}
		   		}
            	$("#applyType_add").text(applyType);
            }
		 });

		 $('#dg_add').datagrid({
				rownumbers:true,
				border:false,
				sortOrder:'desc',
				url:whzl.basePath + '/securityPersonAction_listSecurityPersonRelative?securityPersonId='+id,
				checkOnSelect:true,
				selectOnCheck:false,
				loadFilter:function(result){
					if(result.success){
						return result.obj;
					}else{
						$.messager.alert("提示",result.message);
						return ;
					}							
				}
		});
		 
		 $.ajax({
			type: "post",//使用get方法访问后台
			dataType: "json",//返回json格式的数据
			async:false,
			url: "commonHouseHelpOrderAction_checkHouseDetail",//要访问的后台地址
			data: "commonHouseHelpOrder.securityPersonId="+id,//要发送的数据
			complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
			success: function(msg){
				var checkHouseList = msg.obj;
				//房产信息
                if(checkHouseList!=null&&checkHouseList!=''){
                	var checkHouseCount = checkHouseList.length;
                    for(var j=0;j<checkHouseCount;j++){
                    	var $tr1= $("<tr bgcolor='white'></tr>");
                    	var $td1_1 = $("<th width='25%'>推送人</th>");
                    	var $td1_2 = $("<td width='25%'>"+checkHouseList[j].entryPerson+"</td>");
                        var $td1_3 = $("<th width='25%'>推送时间</th>");
                        var $td1_4 = $("<td width='25%'>"+checkHouseList[j].entryDate+"</td>");
                        $tr1.append($td1_1);
                        $tr1.append($td1_2);
                        $tr1.append($td1_3);
                        $tr1.append($td1_4);
                        
                        var $tr2= $("<tr></tr>");
                        var $td2_1 = $("<th>申请人姓名</th>");
                        var $td2_2 = $("<td>"+checkHouseList[j].name+"</td>");
                        var $td2_3 = $("<th>申请人身份证号</th>");
                        var $td2_4 = $("<td>"+checkHouseList[j].idCard+"</td>");
                        $tr2.append($td2_1);
                        $tr2.append($td2_2);
                        $tr2.append($td2_3);
                        $tr2.append($td2_4);
                        $("#checkHouseTable_detail").append($tr1);
                        $("#checkHouseTable_detail").append($tr2);
                        
                    	if(checkHouseList[j].houseAddress!=	undefined){
                    		var $tr3= $("<tr></tr>");
	                        var $td3_1 = $("<th>地址</th>");
	                        var $td3_2 = $("<td>"+checkHouseList[j].houseAddress+"</td>");
	                        var $td3_3 = $("<th>面积</th>");
	                        var $td3_4 = $("<td>"+checkHouseList[j].houseArea+"</td>");
	                        $tr3.append($td3_1);
	                        $tr3.append($td3_2);
	                        $tr3.append($td3_3);
	                        $tr3.append($td3_4);
	                        
	                        var $tr4= $("<tr></tr>");
	                        var $td4_1 = $("<th>库类型</th>");
	                        var $td4_2 = $("<td>"+checkHouseList[j].houseLibrary+"</td>");
	                        var $td4_3 = $("<th>产权证号</th>");
	                        var $td4_4 = $("<td>"+checkHouseList[j].propertyCard+"</td>");
	                        $tr4.append($td4_1);
	                        $tr4.append($td4_2);
	                        $tr4.append($td4_3);
	                        $tr4.append($td4_4);
	                        
	                        
	                        var $tr5= $("<tr></tr>");
                            var $td5_1 = $("<th>登记时间</th>");
                            var registerTime = checkHouseList[j].registerTime==undefined ?"":dealDate(checkHouseList[j].registerTime);
                            var $td5_2 = $("<td>"+registerTime+"</td>");
                            var $td5_3 = $("<th>转移时间</th>");
                            var transferTime = checkHouseList[j].transferTime==undefined ?"":dealDate(checkHouseList[j].transferTime);
                            var $td5_4 = $("<td>"+transferTime+"</td>");
                                
                            $tr5.append($td5_1);
                            $tr5.append($td5_2);
                            $tr5.append($td5_3);
                            $tr5.append($td5_4);
							
							var $tr6= $("<tr></tr>");
                            
                            $("#checkHouseTable_detail").append($tr3);
	                        $("#checkHouseTable_detail").append($tr4);
	                        $("#checkHouseTable_detail").append($tr5);
							$("#checkHouseTable_detail").append($tr6);
                        }else{
							$("#checkHouseTable_detail").append("<tr><td colspan='4'>无反馈信息</td></tr><tr></tr>");
						}
                    }
                }
			}
		})
	}
	
	function commonHouseHelpOrder_add_submit(){
		$('#addCommonHouseHelpOrderForm').form('submit',{
				url : whzl.basePath+'/commonHouseHelpOrderAction_addCommonHouseHelpOrder',
				success : function(result){
					parent.$.messager.progress('close');
					var parseResult = $.parseJSON(result);
					if(parseResult.success){
						$("#addcommonHouseHelpOrderDialog").dialog("close");
						$('#commonHouseHelpOrderDataGrid').datagrid('reload');
					}
				}
			}
		);
	}
</script>

<form id="addCommonHouseHelpOrderForm" method="post" enctype="multipart/form-data">
<div class="easyui-tabs" id="tabs_add">
	<div title="购房信息" id="gfxx_add">
		<table class="mytable" style="width: 100%;">
			<tr>
				<th width="20%">房屋地址</th>
				<td width="30%">
					<input class="easyui-validatebox" required="true" type="text" id="houseAddress_add" name="commonHouseHelpOrder.houseAddress">
					<input type="hidden" id="securityPersonId_add" name="commonHouseHelpOrder.securityPersonId">
					<input type="hidden" id="securityPersonName_add" name="commonHouseHelpOrder.securityPersonName">
					<input type="hidden" id="securityPersonIdCard_add" name="commonHouseHelpOrder.securityPersonIdCard">
				</td>
				<th width="20%">开发商</th>
				<td width="30%">
					<input class="easyui-validatebox" required="true" type="text" id="developer_add" name="commonHouseHelpOrder.developer">
				</td>
			</tr>
			<tr>
				<th width="20%">是否现房</th>
				<td colspan="3">
					<select id="isExistHouse_add"  name="commonHouseHelpOrder.isExistHouse" required="true" class="easyui-validatebox" >
						<option value="">请选择</option>
					</select>
				</td>
			</tr>
			<tr>
				<th width="20%">人均保障面积(㎡)</th>
				<td width="30%">
					<input class="easyui-numberbox" value="24" precision="2" required="true" type="text" id="protectAvgArea_add" name="commonHouseHelpOrder.protectAvgArea"  >
				</td>
				<th width="20%">保障人口数量</th>
				<td width="30%">
					<input class="easyui-numberbox" required="true" type="text" id="securityNum_add" name="commonHouseHelpOrder.securityNum"  >
				</td>
			</tr>
			<tr>
				<th width="20%">住宅面积(㎡)</th>
				<td width="30%">
					<input class="easyui-numberbox" precision="2" required="true" type="text" id="houseArea_add" name="commonHouseHelpOrder.houseArea"  >
				</td>
				<th width="20%">车库面积(㎡)</th>
				<td width="30%">
					<input class="easyui-numberbox" precision="2" required="true" type="text" id="garageArea_add" name="commonHouseHelpOrder.garageArea"  >
				</td>
			</tr>
			<tr>
				<th width="20%">保障面积(㎡)</th>
				<td width="30%">
					<input class="easyui-numberbox" precision="2" required="true" type="text" id="protectArea_add" name="commonHouseHelpOrder.protectArea"  >
				</td>
				<th width="20%">保障外面积(㎡)</th>
				<td width="30%">
					<input class="easyui-numberbox" precision="2" required="true" type="text" id="protectOutArea_add" name="commonHouseHelpOrder.protectOutArea"  >
				</td>
			</tr>
			
			
			<tr>
				<th width="20%">住宅单价(元/㎡)</th>
				<td width="30%">
					<input class="easyui-numberbox" precision="5" required="true" type="text" id="housePrice_add" name="commonHouseHelpOrder.housePrice"  >
				</td>
				<th width="20%">车库单价(元/㎡)</th>
				<td width="30%">
					<input class="easyui-numberbox" precision="2" required="true" type="text" id="garagePrice_add" name="commonHouseHelpOrder.garagePrice"  >
				</td>
			</tr>
			
			<tr>
				<th width="20%">住宅总价(元)</th>
				<td width="30%">
					<input class="easyui-numberbox" precision="2" required="true" type="text" id="houseMoney_add" name="commonHouseHelpOrder.houseMoney"  >
				</td>
				<th width="20%">车库总价(元)</th>
				<td width="30%">
					<input class="easyui-numberbox" precision="2" required="true" type="text" id="garageMoney_add" name="commonHouseHelpOrder.garageMoney"  >
				</td>
			</tr>
			
			<tr>
				<th width="20%">房屋总价(元)</th>
				<td colspan="3">
					<input class="easyui-numberbox" precision="2" required="true" type="text" id="totalMoney_add" name="commonHouseHelpOrder.totalMoney"  >
				</td>
			</tr>
			
			<tr>
				<th width="20%">保障面积内政府产权比例</th>
				<td width="30%">
					<input class="easyui-numberbox" style="width:50px" precision="2" required="true" type="text" id="govPercent_add" name="commonHouseHelpOrder.govPercent"  >%
				</td>
				<th width="20%">保障面积内个人产权比例</th>
				<td width="30%">
					<input class="easyui-numberbox" style="width:50px" precision="2" required="true" type="text" id="personPercent_add" name="commonHouseHelpOrder.personPercent"  >%
				</td>
			</tr>
			<tr>
				<th width="20%">个人保障面积内金额(元)</th>
				<td width="30%">
					<input class="easyui-numberbox" precision="2" required="true" type="text" id="personProtectMoney_add" name="commonHouseHelpOrder.personProtectMoney">
				</td>
				<th width="20%">个人保障面积外金额(不含车库)(元)</th>
				<td width="30%">
					<input class="easyui-numberbox" precision="2" required="true" type="text" id="personOutMoney_add" name="commonHouseHelpOrder.personOutMoney">
				</td>
			</tr>
			<tr>
				<th width="20%">政府补贴金额(元)</th>
				<td width="30%">
					<input class="easyui-numberbox" precision="2" required="true" type="text" id="govMoney_add" name="commonHouseHelpOrder.govMoney">
				</td>
				<th width="20%">个人总金额(含车库)(元)</th>
				<td width="30%">
					<input class="easyui-numberbox" precision="2" required="true" type="text" id="personTotalMoney_add" name="commonHouseHelpOrder.personTotalMoney">
				</td>
			</tr>
		</table>
	</div>
	<div title="购房人信息" id="grxx_add">
		<table class="mytable" style="width: 100%;">
			<tr>
				<th width="20%">申请人姓名</th>
				<td width="30%">
					<span id="name_add"></span>
					
				</td>
				<th width="20%">申请人身份证号</th>
				<td width="30%">
					<span id="idCard_add"></span>
				</td>
			</tr>
			
			<tr>
				<th>
					人员类型
				</th>
				<td>
					<span id="personType_add"></span>
				</td> 
				<th>
					婚姻状况
				</th>
				<td>
					<span id="maritalStatus_add"></span>
				</td> 
			</tr>
			<tr>
				<th>联系电话</th>
				<td >
					<span id="phone_add"></span>
				</td>
				<th>工作单位</th>
				<td >
					<span id="company_add"></span>
				</td>
			</tr>
			<tr>
				<th>
					户口所在地
				</th>
				<td colspan = "3" >
					<span id="residence_add"></span>
				</td> 
				
				
			</tr>
			<tr>
				<th>
					户号
				</th>
				<td>
					<span id="residenceNo_add"></span>
				</td> 
				<th>
					取得市区户口年限
				</th>
				<td>
					<span id="residenceYear_add"></span>
				</td> 
			</tr>
			<tr>
				<th>
					家庭总人口数
				</th>
				<td>
					<span id="familyNum_add"></span>
				</td> 
				<th>
					享受低保人数
				</th>
				<td>
					<span id="securityNum_add_1"></span>
				</td> 
			</tr>
			<tr>
				<th>
					家庭人均收入
				</th>
				<td>
					<span id="avgIncome_add"></span>
				</td> 
				
				<th>
					保障类别
				</th>
				<td>
					<span id="applyType_add"></span>
				</td> 
			</tr>
		</table>
	</div>
	<div title="房产反馈" id="checkHouse_detail">
        <table id="checkHouseTable_detail" class="mytable">
        </table>
    </div>
	<div title="同户籍家庭其他成员" id="qtcy_add">
		
		<table  id="dg_add" title="同户籍家庭其他成员" >
		
			<thead frozen="true">
        		<tr>
            		<th data-options="field:'name',sortable:true,width:80,align:'center',editor:'textbox'">姓名</th>
        		</tr>
        	</thead>
        	<thead>  
        		<tr>
        			<th data-options="field:'relative',sortable:true,width:70,align:'center',formatter:relativeFormatter">与户主<br/>关系</th>
            		<th data-options="field:'idCard',sortable:true,width:150,align:'center'">身份证号</th>
            		<th data-options="field:'maritalStatus',sortable:true,width:70,align:'center',formatter:maritalStatusFormatter">婚姻状况</th>
            		<th data-options="field:'residenceYear',sortable:true,width:70,align:'center'">获取市区<br/>户口年限</th>
            		<th data-options="field:'company',sortable:true,width:150,align:'center'">工作单位</th>
            		<th data-options="field:'income',sortable:true,width:80,align:'center'">年收入</th>
            		<th data-options="field:'isInRange',sortable:true,width:70,align:'center',formatter:isInRangeFormatter">是否在<br/>保障范围</th>
        		</tr>  
    		</thead>
		</table>
		
	</div>
	
	
</div>
</form>