baozhangfang/WebRoot/WEB-INF/jsp/commonHouseSaleOrder/commonHouseSaleOrderAdd.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 == null || 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 commonHouseSaleOrder_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 ;
					}							
				}
		});
	}
	
	function commonHouseSaleOrder_add_submit(){
		$('#addCommonHouseSaleOrderForm').form('submit',{
				url : whzl.basePath+'/commonHouseSaleOrderAction_addCommonHouseSaleOrder',
				onSubmit: function(){
					var isValid = $('#addCommonHouseSaleOrderForm').form('validate');
					if(isValid == false){
						parent.$.messager.progress('close');
					}
					return isValid;
				},
				success : function(result){
					parent.$.messager.progress('close');
					var parseResult = $.parseJSON(result);
					if(parseResult.success){
						$("#addcommonHouseSaleOrderDialog").dialog("close");
						$('#commonHouseSaleOrderDataGrid').datagrid('reload');
					}
				}
			}
		);
	}
	
	//添加房源	
	var addHouse = function(){
		$('#addHouse').dialog(
			{
				buttons : [
					{
						text : '提交', 
						iconCls : 'icon-ok', 
						handler : function(){
							var houseId = house_select_submit();
							$.ajax({
							    type: "post",//使用post方法访问后台
							    dataType: "json",//返回json格式的数据
							    url: "houseAction_findById",//要访问的后台地址
							    data:{"house.id":houseId },
							    complete :function(){$("#load").hide();},//AJAX请求完成时隐藏loading提示
							    success: function(msg){//msg为返回的数据，在这里做数据绑定
							    	if(msg.success){
							    		$("#houseId_add").val(msg.obj.id);
							    		$("#houseAddress_add").val(msg.obj.address);
							    		$("#houseArea_add").numberbox('setValue',dealNull(msg.obj.area));
							    		$("#garageArea_add").numberbox('setValue',dealNull(msg.obj.garageArea));
							    	}
							    }
							});
							$("#addHouse").dialog("close");
						}
					},
					{
						text : '取消', 
						iconCls : 'icon-cancel', 
						handler : function(){ 
							$("#addHouse").dialog("close");
						}
					}
				],
				onLoad : function(){
					house_select_load('&house.houseState=1');
				}
			}
		);
	}
	
</script>

<form id="addCommonHouseSaleOrderForm" 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 colspan="4" >添加共有产权房房源
					<a href="javascript:addHouse();" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">选择房源</a>
					</th>
				</tr>
			</table>
	
		<table class="mytable" style="width: 100%;">
			<tr>
				<th width="20%">房屋地址</th>
				<td width="30%">
					<input class="easyui-validatebox" readonly="readonly" required="true" type="text" id="houseAddress_add" name="commonHouseSaleOrder.houseAddress">
					<input type="hidden" id="securityPersonId_add" name="commonHouseSaleOrder.securityPersonId">
					<input type="hidden" id="securityPersonName_add" name="commonHouseSaleOrder.securityPersonName">
					<input type="hidden" id="securityPersonIdCard_add" name="commonHouseSaleOrder.securityPersonIdCard">
					<input type="hidden" id="houseId_add" name="commonHouseSaleOrder.house.id">
				</td>
				<th width="20%">是否现房</th>
				<td colspan="3">
					<select id="isExistHouse_add"  name="commonHouseSaleOrder.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="commonHouseSaleOrder.protectAvgArea"  >
				</td>
				<th width="20%">保障人口数量</th>
				<td width="30%">
					<input class="easyui-numberbox" required="true" readonly="readonly" type="text" id="securityNum_add" name="commonHouseSaleOrder.securityNum"  >
				</td>
			</tr>
			<tr>
				<th width="20%">住宅面积(㎡)</th>
				<td width="30%">
					<input class="easyui-numberbox" precision="2" readonly="readonly" required="true" type="text" id="houseArea_add" name="commonHouseSaleOrder.houseArea"  >
				</td>
				<th width="20%">车库面积(㎡)</th>
				<td width="30%">
					<input class="easyui-numberbox" precision="2" readonly="readonly" required="true" type="text" id="garageArea_add" name="commonHouseSaleOrder.garageArea"  >
				</td>
			</tr>
			<tr>
				<th width="20%">保障面积(㎡)</th>
				<td width="30%">
					<input class="easyui-numberbox" precision="2" readonly="readonly" required="true" type="text" id="protectArea_add" name="commonHouseSaleOrder.protectArea"  >
				</td>
				<th width="20%">保障外面积(㎡)</th>
				<td width="30%">
					<input class="easyui-numberbox" precision="2" readonly="readonly" required="true" type="text" id="protectOutArea_add" name="commonHouseSaleOrder.protectOutArea"  >
				</td>
			</tr>
			
			
			<tr>
				<th width="20%">住宅单价(元/㎡)</th>
				<td width="30%">
					<input class="easyui-numberbox" precision="2" required="true" type="text" id="housePrice_add" name="commonHouseSaleOrder.housePrice"  >
				</td>
				<th width="20%">车库单价(元/㎡)</th>
				<td width="30%">
					<input class="easyui-numberbox" precision="2" required="true" type="text" id="garagePrice_add" name="commonHouseSaleOrder.garagePrice"  >
				</td>
			</tr>
			
			<tr>
				<th width="20%">住宅总价(元)</th>
				<td width="30%">
					<input class="easyui-numberbox" precision="2" readonly="readonly" required="true" type="text" id="houseMoney_add" name="commonHouseSaleOrder.houseMoney"  >
				</td>
				<th width="20%">车库总价(元)</th>
				<td width="30%">
					<input class="easyui-numberbox" precision="2" readonly="readonly" required="true" type="text" id="garageMoney_add" name="commonHouseSaleOrder.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="commonHouseSaleOrder.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="commonHouseSaleOrder.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="commonHouseSaleOrder.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="commonHouseSaleOrder.personProtectMoney"  >
				</td>
				<th width="20%">个人保障面积外金额(元)</th>
				<td width="30%">
					<input class="easyui-numberbox" precision="2" required="true" type="text" id="personOutMoney_add" name="commonHouseSaleOrder.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="commonHouseSaleOrder.govMoney"  >
				</td>
				<th width="20%">个人总金额(元)</th>
				<td width="30%">
					<input class="easyui-numberbox" precision="2" required="true" type="text" id="personTotalMoney_add" name="commonHouseSaleOrder.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="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>