<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<title>抵押权信息管理</title>
<meta name="decorator" content="default" />
<script type="text/javascript">
	$(document).ready(
			function() {
				$("#inputForm")
						.validate(
								{
									submitHandler : function(form) {
										//点击之后按钮置灰
										document.getElementById("btnSubmit").disabled="disabled";
										document.getElementById("btnCancel").disabled="disabled";
										loading('正在提交,请稍等...');
										form.submit();
									},
									errorContainer : "#messageBox",
									errorPlacement : function(error, element) {
										$("#messageBox").text("输入有误,请先更正。");
										if (element.is(":checkbox")
												|| element.is(":radio")
												|| element.parent().is(
														".input-append")) {
											error.appendTo(element.parent()
													.parent());
										} else {
											error.insertAfter(element);
										}
									}
								});
				views();
				$("#txtDybdclx").attr("readOnly","true");
				$("#txtDyfs").attr("readOnly","true");
				$("#txtDjlx").attr("readOnly","true");
				$("#txtQxdm").attr("readOnly","true");
			}); 

	function views() {
		//抵押的时候  注销抵押的信息显示为灰色 by zhangtk 20160131
		var islogout = "${IsLogout}";
		if (islogout == 0) {
			$("#txtZxdyywh").attr("disabled", "disabled");
			$("#txtZxdyyy").attr("disabled", "disabled");
			$("#txtZxsj").attr("disabled", "disabled");
		}
		var viewid = "${VIEWS}";
		if (viewid == undefined || viewid == null || viewid == "") {
			return; 
		}
		$("input:not(:button,:submit,:hidden),select,textarea").attr(
				"disabled", "disabled");
	}

	function clickCell(obj) {
		var bdbzzqse = parseFloat($("#txtBdbzzqse").val());
		var pgjz = parseFloat($("#txtPgjz").val());
		if (bdbzzqse != "" && pgjz != "") {
			if (bdbzzqse > pgjz) {
				alert("单套被担保主债权数额不能大于房屋价值!");
				$("input[name='bdbzzqse']").val("");
				$("input[name='zgzqse']").val("");
				return;
			}
		}
		var ts = parseInt('${ts}');
		if ('${optype}' == "") {//首次添加信息,担保总额是单套金额*套数
			if (bdbzzqse != "") {
				if (isNaN(bdbzzqse)) {
					bdbzzqse = '0';
				}
				var zgzqse = zgzqse == '0' ? '0' : bdbzzqse * ts;
				$("input[name='zgzqse']").val(zgzqse);
			}
		} else {
			var lsdbze = parseInt('${lsdbze}');
			var bdbzzqse = parseFloat($("#txtBdbzzqse").val());
			if (bdbzzqse != "" && pgjz != "") {
				if (bdbzzqse > pgjz) {
					alert("单套被担保主债权数额不能大于房屋价值!");
					$("input[name='bdbzzqse']").val("");
					$("input[name='zgzqse']").val("");
					return;
				}
			}
			if (bdbzzqse != "") {
				if (isNaN(bdbzzqse)) {
					bdbzzqse = '0';
				}
				var zgzqse = zgzqse == '0' ? '0' : bdbzzqse + lsdbze;
				$("input[name='zgzqse']").val(zgzqse);
			}
		}
	}

	function clikflag(obj) {
		var bdbzzqse = parseFloat($("#txtBdbzzqse").val());
		var pgjz = parseFloat($("#txtPgjz").val());
		if (bdbzzqse != "" && pgjz != "") {
			if (bdbzzqse > pgjz) {
				alert("单套被担保主债权数额不能大于房屋价值!");
				$("input[name='pgjz']").val("");
				return;
			}
		}
	}

	function personInfo() {
		var iWidth=1100; 
       	var iHeight=600;
       	var iTop = (window.screen.height - 30 - iHeight) / 2;
       	var iLeft = (window.screen.width - 10 - iWidth) / 2;
       	window.open("${ctx}/reg/base/regBasePerson/list?WO=1&VIEW=1&dyqs=1","人员信息",
				"height="+ iHeight +",width="+ iWidth +",top="+ iTop +",left="+ iLeft +",toolbar=no,menubar=no,scrollbars=yes, resizable=no,location=no, status=no");		
	}
	
	function winOpenDyaq(ywh,bdcdyh){
		//弹出窗口的宽度; 
		var iWidth=900;
		//弹出窗口的高度;
       	var iHeight=400;
       	//获得窗口的垂直位置 
       	var iTop = (window.screen.height - 30 - iHeight) / 2;
       	//获得窗口的水平位置 
       	var iLeft = (window.screen.width - 10 - iWidth) / 2;
		window.open("${ctx}/reg/bus/regBusDyaq/qlrxxform?bdcdyhh="+bdcdyh+"&ywh="+ywh,"newwindow",
				"height="+ iHeight +",width="+ iWidth +",top="+ iTop +",left="+ iLeft +",toolbar=no,menubar=no,scrollbars=yes, resizable=no,location=no, status=no");
	}
	
	function getUrl() {
		var ids = "${IDS}";
		$("#ids").val(ids);
		var djlx = $("#txtDjlx").val();
		var jzmjhj = "${scjzmj}";
		var dyfw = $("#txtZjzwdyfw").val();
		var bdbzzqse = Number($("#txtZgzqse").val());
		var zgzqqdss = $("#txtZgzqqdss").val();
		var dbfw = $("#dbfw").val();
		
		var url = "";
		if(bdbzzqse == "0"){
			alert("最高债权数额不能为0!");
			return;
		}
		if(dbfw == "" || dbfw == null){
			alert("担保范围不能为空");
			return;
		}
		if(zgzqqdss == "" || zgzqqdss == null){
			alert("最高债权确定事实不能为空");
			return;
		}
		if(dyfw == "" || dyfw == null){
			alert("抵押范围不能为空");
			return;
		}
		if (ids != undefined && ids != null && ids != "") {
// 			url = "${ctx}/reg/bus/regBusDyaq/xfnextsave?YWH=${YWH}&DJLX=${DJLX}&IsLogout=${IsLogout}&ids=${IDS}&optype=${optype}"
// 					+ "&dydl="+ djlx+"&jzmjhj="+jzmjhj;
			document.inputForms.action = "${ctx}/reg/bus/regBusDyaq/xfnextsave?YWH=${YWH}&DJLX=${DJLX}&IsLogout=${IsLogout}&optype=${optype}"
				+ "&dydl="+ djlx+"&jzmjhj="+jzmjhj;
		} else {
			alert("不动产单元号为空,不能保存!");
			return;
		}
// 		$("#inputForm").attr("action", url);
		document.inputForms.submit();
	}
</script>
</head>
<body>
	<ul id="regBusDyaq" class="nav nav-tabs">
		<li><a href="#regBusDyrList" data-toggle="tab">抵押人信息</a></li>
		<li><a href="#regBusFdList" data-toggle="tab">房屋信息</a></li>
		<li class="active"><a href="#regBusDyaqform" data-toggle="tab">抵押权信息<shiro:hasPermission
					name="reg:bus:regBusDyaq:edit">${not empty regBusDyaq.id?'修改':'添加'}</shiro:hasPermission>
				<shiro:lacksPermission name="reg:bus:regBusDyaq:edit">查看</shiro:lacksPermission></a></li>
	</ul>
	<br />
	<div id="myTabContent" class="tab-content">
		<div class="tab-pane fade in active" id="regBusDyaqform">
		<form:form id="inputForm" name="inputForms"  modelAttribute="regBusDyaq"  action="#"  method="post" onsubmit="getUrl()" class="form-horizontal">
		<form:hidden id="txtId" path="id"/>
		<input type="hidden" name="ids" id="ids" value="">
		<sys:message content="${message}"/>
		<table class="table-form">
			<tr>
				<td class="tit" >业务号</td>
				<td ><form:input id="txtYwh" path="ywh" htmlEscape="false" readonly="true"
						maxlength="20" class="input-large required" /></td>
				<td class="tit">要素代码</td>
				<td ><form:input id="txtYsdm" path="ysdm" htmlEscape="false" readonly="true"
						value="${YSDM}" maxlength="10" class="input-large " /></td>
				<td class="tit">登记类型</td>
				<td><form:select id="txtDjlx" path="djlx" readonly="true" class="input-large ">
						<form:option value="" label="" />
						<form:options items="${fns:getDictList('reg_bus_djlx')}"
							itemLabel="label" itemValue="value" htmlEscape="false" />
					</form:select></td>
			</tr>
			<tr>
				<td class="tit">抵押不动产类型</td>
				<td><form:select id="txtDybdclx" path="dybdclx" readonly="true"
						class="input-large ">
						<form:option value="" label="" />
						<form:options items="${fns:getDictList('reg_bus_dybdclx')}"
							itemLabel="label" itemValue="value" htmlEscape="false" />
					</form:select></td>
				<td class="tit">抵押方式</td>
				<td><form:select id="txtDyfs" path="dyfs" readonly="true" class="input-large ">
						<form:option value="" label="" />
						<form:options items="${fns:getDictList('reg_bus_dyfs')}"
							itemLabel="label" itemValue="value" htmlEscape="false" />
					</form:select></td>
				<td class="tit">抵押权人</td>
				<td><form:input id="txtDyqr" path="dyqr" readonly="true"
						 htmlEscape="false" class="input-large"/></td>
			</tr>
			<tr>
				<td class="tit">不动产单元号</td>
				<td colspan="2"><form:input id="txtBdcdyh" path="bdcdyh" readonly="true"
						htmlEscape="false" maxlength="100" class="input-xlarge" />
				</td>
				<td class="tit">不动产权证号</td>
				<td colspan="2"><form:input id="txtTdzh"  path="tdzh" readonly="true"
						htmlEscape="false" maxlength="200" class="input-xlarge" /></td>
			</tr>
			<tr>
				<td class="tit">债务人</td>
				<td><form:input id="txtZwr" path="zwr" htmlEscape="false" readonly="true"
						maxlength="50" class="input-medium required"/>
				<span class="help-inline"> <font color="red">*</font> </span>
				<input id="btnChoice"  style="width:1px" class="btn btn-primary" type="button" value="..." 
						onclick="javascript:personInfo();"/>
				</td>
				<td class="tit">债务人证件种类</td>
				<td><form:input id="txtZwrzjzl" path="zwrzjzl" htmlEscape="false" readonly="true"
						maxlength="50" class="input-large " /></td>
				<td class="tit">债务人证件号</td>
				<td><form:input id="txtZwrzjh" path="zwrzjh" htmlEscape="false" readonly="true"
						maxlength="50" class="input-large " /></td>
			</tr>
			<tr>
				<td class="tit" rowspan="2">担保范围</td>
				<td colspan="3" rowspan="2"><form:textarea id="dbfw" path="dbfw"
						width="98%" htmlEscape="false" rows="4" maxlength="500"
						class="input-xxlarge required" /> </td>
				<td class="tit" rowspan="2">是否存在禁止或限制<br>转让抵押不动产的约定</td>
				<td rowspan="2"><form:select id="isczyd" path="isczyd" class="input-large ">
						
						<form:option value="是" label="是"/>
						<form:option value="否" label="否" />
					</form:select></td>
			</tr>
			<tr></tr>
			<tr>
				<td class="tit" rowspan="2" >登记原因</td>
				<td rowspan="2" colspan="3"><form:textarea id="txtDjyy" path="djyy"
						width="98%" htmlEscape="false" rows="4" maxlength="500"
						class="input-xxlarge required" /> <span class="help-inline"><font
						color="red">*</font> </span></td>
				<td class="tit" >房屋价值合计</td>
				<td ><form:input id="txtPgjzhj" path="pgjzhj" 
						htmlEscape="false" class="input-medium number" />
						<span class="help-inline"><font size="2">万元</font></span>
				</td>
			</tr>
			<tr>
				<td class="tit" >房屋价值</td>
				<td ><form:input id="txtPgjz" path="pgjz" onblur="clikflag(this)"
						htmlEscape="false" class="input-medium number" />
						<span class="help-inline"><font size="2">万元</font></span>
				</td>
			</tr>
			<tr>
				<td class="tit" rowspan="2">在建建筑物坐落</td>
				<td rowspan="2" colspan="3"><form:textarea id="txtZjjzwzl" path="zjjzwzl" readonly="true"
						width="98%" htmlEscape="false" rows="4" maxlength="200"
						class="input-xxlarge required" /> <span class="help-inline"><font
						color="red">*</font> </span></td>
				<td class="tit" >单套被担保主债权数额</td>
				<td ><form:input id="txtBdbzzqse" path="bdbzzqse" onblur="clickCell(this)"
						htmlEscape="false" class="input-medium number" />
						<span class="help-inline"> <font size="2">万元</font></span>
						
						</td>
			</tr>
			<tr>
				<td class="tit" >最高额债权数额</td>
				<td ><form:input id="txtZgzqse" path="zgzqse" 
						htmlEscape="false" class="input-medium required number required" />
						<span class="help-inline"><font color="red">*</font><font size="2">万元</font></span>
						<span class="help-inline"><font color="red">*</font> </span>
				</td>
			</tr>
			<tr>
				<td class="tit">债务履行起始时间</td>
				<td><input id="txtZwlxqssj" name="zwlxqssj" type="text"  maxlength="20"
					class="input-medium Wdate required"
					value="<fmt:formatDate value="${regBusDyaq.zwlxqssj}" pattern="yyyy-MM-dd HH:mm:ss"/>"
					onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss' });" />
					<span class="help-inline"><font color="red">*</font> </span></td>
				<td class="tit">债务履行结束时间</td>
				<td><input id="txtZwlxjssj" name="zwlxjssj" type="text"  maxlength="20"
					class="input-medium Wdate required"
					value="<fmt:formatDate value="${regBusDyaq.zwlxjssj}" pattern="yyyy-MM-dd HH:mm:ss"/>"
					onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss' });" />
					<span class="help-inline"><font color="red">*</font> </span></td>
				<td class="tit">最高债权确定事实</td>
				<td><form:input id="txtZgzqqdss" path="zgzqqdss" 
						htmlEscape="false" maxlength="100" class="input-large" />
						<span class="help-inline"><font color="red">*</font> </span>
						</td>
			</tr>
			<!-- 
			<tr>
				<td class="tit">注销抵押业务号</td>
				<td><form:input id="txtZxdyywh" path="zxdyywh"
						htmlEscape="false" maxlength="20" class="input-large " /></td>
				<td class="tit">注销抵押原因</td>
				<td><form:input id="txtZxdyyy" path="zxdyyy" htmlEscape="false"
						maxlength="100" class="input-large " /></td>
				<td class="tit">注销时间</td>
				<td><input id="txtZxsj" name="zxsj" type="text"
					readonly="readonly" maxlength="20" class="input-medium Wdate "
					value="<fmt:formatDate value="${regBusDyaq.zxsj}" pattern="yyyy-MM-dd HH:mm:ss"/>"
					onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss' });" />
				</td>
			</tr>
			 -->
			 <tr> 
				<td class="tit">区县代码</td>
				<td><form:select id="txtQxdm" path="qxdm" class="input-large ">
						<form:option value="" label="" />
						<form:options items="${fns:getDictList('reg_bus_xq')}"
							itemLabel="label" itemValue="value" htmlEscape="false" />
					</form:select></td>
				<td class="tit" >抵押范围</td>
				<td ><form:input id="txtZjzwdyfw" path="zjjzwdyfw" htmlEscape="false" maxlength="100" class="input-large" />
				<span class="help-inline"><font color="red">*</font> </span></td>
				<td class="tit">不动产登记证明号</td>
				<td><form:input id="txtBdcdjzmh" path="bdcdjzmh" readonly="true"
						htmlEscape="false" maxlength="50" class="input-large" /></td>
			</tr>
			<tr>
				<td class="tit">登记机构</td>
				<td><form:input id="txtDjjg" path="djjg" htmlEscape="false" readOnly="true"
						maxlength="200" class="input-medium" /></td>
				<td class="tit">登簿人</td>
				<td><form:input id="txtDbr" path="dbr" htmlEscape="false" readOnly="true"
						maxlength="50" class="input-medium" /></td>
		<!-- 	<td class="tit">登记时间</td>
				<td><input id="txtDjsj" name="djsj" type="text"
					readonly="readonly" maxlength="20"
					class="input-medium Wdate required"
					value="<fmt:formatDate value="${regBusDyaq.djsj}" pattern="yyyy-MM-dd HH:mm:ss"/>"
					onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss' });" />
					<span class="help-inline"><font color="red">*</font> </span></td>
		 -->	
				<td class="tit">登记时间</td>
				<td >
					<input name="djsj" type="text" readonly="readonly" maxlength="20" class="input-medium Wdate"
						value="<fmt:formatDate value="${regBusDyaq.djsj}" pattern="yyyy-MM-dd"/>"
					<%--	onclick="WdatePicker({dateFmt:'yyyy-MM-dd' });" --%>/>
				</td>
			</tr>
			<tr>
				<td class="tit" rowspan="2">附记</td>
				<td colspan="5" rowspan="2"><form:textarea id="txtFj" path="fj"
						htmlEscape="false" rows="4" maxlength="300" class="input-xxlarge " />
				</td>
			</tr>
		</table>
		<div class="form-actions">
			<c:if test="${empty VIEWS}">
				<shiro:hasPermission name="reg:bus:regBusDyaq:edit">
					<input id="btnSubmit" class="btn btn-primary" type="submit"  value="保 存"/>&nbsp;</shiro:hasPermission>
			</c:if>
			<input id="btnCancel" class="btn" type="button" value="返回" onclick="history.go(-1)"/>
		</div>
		</form:form>
		</div>
		<div class="tab-pane fade" id="regBusFdList">
		<table id="contentTable" class="table table-striped table-bordered table-condensed">
		<thead>
			<tr>
				<th>不动产单元号</th>
				<th>房屋编码</th>
				<th>坐落</th>
				<th>总层数</th>
				<th>室号部位</th>
				<th>户型结构</th>
				<th>房屋性质</th> 
				<th>房屋类型</th> 
				<th>建筑面积㎡</th> 
				<th>分摊土地面积㎡</th> 
			</tr>
		</thead>
		<tbody>
		<c:forEach items="${fwpage.list}" var="regBaseH">
			<tr>
				<td><a href="#">
					${regBaseH.bdcdyh}
				</a></td>
				<td>
					${regBaseH.fwbm}
				</td>
				<td>
					${regBaseH.zl}
				</td>
				<td>
					${regBaseH.sjcs}
				</td> 
				<td>
					${regBaseH.shbw}
				</td> 
				<td>
					${fns:getDictLabel(regBaseH.hxjg, 'reg_bus_hxjg', '')}
				</td>
				<td>
					${fns:getDictLabel(regBaseH.fwxz, 'reg_bus_fwxz', '')}
				</td>
				<td>
					${fns:getDictLabel(regBaseH.fwlx, 'reg_bus_fwlx', '')}
				</td>
				<td>
					${regBaseH.scjzmj}
				</td>
				<td>
					${regBaseH.fttdmj}
				</td>
			</tr>
		</c:forEach>
		</tbody>
		</table>
			<div align="left" style="font-size:12px">
				选择房屋一共:(${ts})套间</br>
				选择房屋建筑面积合计:${scjzmj}㎡</br>
				选择房屋分摊土地面积合计:${fttdmj}㎡
			</div>
	</div>
	<div class="tab-pane fade" id="regBusDyrList">
		<table id="contentTable" class="table table-striped table-bordered table-condensed">
		<thead>
			<tr>
				<th></th>
				<th>顺序号</th>
				<th>不动产单元号</th>
				<th>权利人名称</th>
				<th>证件种类</th>
				<th>证件号</th> 
				<th>权利人类型</th>
				<th>权利比例</th>
				<th>共有情况</th>
				<th>共有详情</th>
			</tr>
		</thead>
		<tbody>
		<c:forEach items="${qlrpage.list}" var="regBusQlr">
			<tr>
				<td><a href="javascript:void(0);" onclick="winOpenDyaq('${regBusQlr.ywh}','${regBusQlr.bdcdyh}');">
					详细
					</a>
				</td>
				<td>
					${regBusQlr.sxh}
				</td>
				<td>
					${regBusQlr.bdcdyh}
				</td>
				<td>
					${regBusQlr.qlrmc}
				</td>
				<td>
					${fns:getDictLabel(regBusQlr.zjzl, 'reg_bus_zjlx', '')}
				</td>
				<td>
					${regBusQlr.zjh}
				</td> 
				<td>
					${fns:getDictLabel(regBusQlr.qlrlx, 'reg_bus_qlrlx', '')}
				</td>
				<td>
					${regBusQlr.qlbl}
				</td>
				<td>
					${fns:getDictLabel(regBusQlr.gyfs, 'reg_bus_gyfs', '')}
				</td>
				<td>
					${regBusQlr.gyqk}
				</td>
			</tr>
		</c:forEach>
		</tbody>
		</table>
	</div>
	</div>
	<script>
	   $(function () {
	      $('#regBusDyaq li:eq(2) a').tab('show');
	   });
	</script>
</body>
</html>