<%@ 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");
			$("#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('${optype}' == ""){//首次添加信息,担保总额是单套金额*套数
			 if(bdbzzqse!= "" && pgjz != ""){
				 if(bdbzzqse > pgjz){
					 alert("单套被担保主债权数额不能大于房屋价值!");
					 $("input[name='bdbzzqse']").val("");
					 $("input[name='dbze']").val(""); 
					 return;
				 }
			 }
		 	 if(bdbzzqse != "")
			 {
		       if(isNaN(bdbzzqse))
		       {
		    	  bdbzzqse='0';
		       }
		       var dbze = dbze =='0'?'0':bdbzzqse;
	           $("input[name='dbze']").val(dbze); 
			 }
		 }else{
				var lsdbze = parseInt('${lsdbze}');
				var bdbzzqse = parseFloat($("#txtBdbzzqse").val());
				if (bdbzzqse != "" && pgjz != "") {
					if (bdbzzqse > pgjz) {
						alert("单套被担保主债权数额不能大于房屋价值!");
						$("input[name='bdbzzqse']").val("");
						$("input[name='dbze']").val("");
						return;
					}
				}
				if (bdbzzqse != "") {
					if (isNaN(bdbzzqse)) {
						bdbzzqse = '0';
					}
					var dbze = dbze == '0' ? '0' : bdbzzqse + lsdbze;
					$("input[name='dbze']").val(dbze);
				}
			}
		}
		
		function clickzge(obj){
		 	var bdbzzqse = $("#txtZgzqse").val();
		 	if(bdbzzqse != null){
				$("input[name='dbze']").val(bdbzzqse);
		 	}else{
				$("input[name='dbze']").val("");
		 	}
		}
		
		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 clikflag1(obj) {
			var dbze = parseFloat($("#txtDbze").val());
			var pgjzhj = parseFloat($("#txtPgjzhj").val());
			if (dbze != "" && pgjzhj != "") {
				if (dbze > pgjzhj) {
					alert("单套被担保主债权总额不能大于房屋价值合计!");
					$("input[name='pgjzhj']").val("");
					return;
				}
			}
		}
		function clikflag2(obj) {
			var dbze = parseFloat($("#txtDbze").val());
			var pgjzhj = parseFloat($("#txtPgjzhj").val());
			if (dbze != "" && pgjzhj != "") {
				if (dbze > pgjzhj) {
					alert("单套被担保主债权总额不能大于房屋价值合计!");
					$("input[name='pgjzhj']").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;
	       	var oldywh = '${oldywh}';
			window.open("${ctx}/reg/bus/regBusDyaq/qlrxxform?bdcdyhh="+bdcdyh+"&ywh="+oldywh+"&flag=1","newwindow",
					"height="+ iHeight +",width="+ iWidth +",top="+ iTop +",left="+ iLeft +",toolbar=no,menubar=no,scrollbars=yes, resizable=no,location=no, status=no");
		}
		
		function getUrl(){
			var djlx = "${DJLX}";
			var scjzmj = "${scjzmj}";
			var url = ""; 
			var Bdbzzqse = $("#txtDbze").val();
			var Zgzqse = $("#txtZgzqse").val();
			var Zgzqqdss = $("#txtZgzqqdss").val();
			var dyfs = $("#txtDyfs").val();
			if(dyfs == '1'){
				if(Bdbzzqse == '' || Bdbzzqse == null){
					alert("被担保主债权数额不能为空");return;
				}
				 $("#txtZgzqse").val("");
				 $("#txtZgzqqdss").val("");
			}
			if(dyfs == '2'){
				if(Zgzqse == '' || Zgzqse == null){
					alert("最高债权数额不能为空");return;	
				}
				$("#txtDbze").val("");
			}
			if(dyfs == '2'){
				if(Zgzqqdss == '' || Zgzqqdss == null){
					alert("最高债权确定事实不能为空");return;
				}
			}
			url = "${ctx}/reg/bus/regBusDyaq/dyqGzPluralSave?optype=${optype}&YWH=${YWH}&DJLX=${DJLX}&oldywh=${oldywh}&bdcqzh=${bdcqzh}&ids=${ids}&scjzmj="+scjzmj;
			$("#inputForm").attr("action",url);
		}
		
		function zgeRequired() {
			var sel = $("#txtDyfs").val();
			$("#txtZgzqsespan").remove();
			//共有时,共有情况必填 
			if (sel == "2") {
				$("#txtZgzqse").addClass("required");
				$("#txtZgzqse").after("<span id='txtZgzqsespan' class='help-inline'><font color='red'>*</font></span>");
				$("#txtDbze").attr("readOnly","true");
				$("#txtBdbzzqse").attr("readOnly","true");
			} else {
				$("#txtZgzqse").removeClass("required");
				$("#txtZgzqsespan").remove();
				$("#txtDbze").removeAttr("readonly");
				$("#txtBdbzzqse").removeAttr("readonly");
			}
		}
		
	</script>
</head>
<body>
	<ul id="regBusDyaq" class="nav nav-tabs">
		<li><a href="#regBusDyrList" data-toggle="tab">抵押人信息</a></li>
		 <c:if test="${DJLX eq '430' or DJLX eq '605'}">
	     <li><a href="#regBuszdList" data-toggle="tab">宗地信息</a></li>
	     </c:if>
	     <c:if test="${DJLX ne '430' and DJLX ne '605'}">
		 <li><a href="#regBusFdList" data-toggle="tab">房屋信息</a></li>
		 </c:if>
		<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" modelAttribute="regBusDyaq"  action="#"  method="post" onsubmit="getUrl()" class="form-horizontal">
		<form:hidden id="txtId" path="id"/>
		<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 ><form:input id="txtBdcdyh" path="bdcdyh" readonly="true"
						htmlEscape="false" maxlength="100" class="input-large" />
				</td>
				<td class="tit">不动产权证书号</td>
				<td ><form:input id="txtTdzh"  path="tdzh" readonly="true"
						htmlEscape="false" maxlength="200" class="input-large" /></td>
				<td class="tit" >抵押范围</td>
				<td ><form:input id="txtZjzwdyfw" path="zjjzwdyfw" 
					htmlEscape="false" maxlength="100" class="input-large required" />
					<span class="help-inline"> <font color="red">*</font> </span></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 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>
				<c:if test="${DJLX ne '430' and DJLX ne '605'}">
					<td class="tit" >房屋价值合计</td>
					<td ><form:input id="txtPgjzhj" path="pgjzhj" onblur="clikflag2(this)"
							htmlEscape="false" class="input-medium number" />
							<span class="help-inline"><font size="2">万元</font></span>
					</td>
				</c:if>
			</tr>
			<tr>
			<c:if test="${DJLX ne '430' and DJLX ne '605'}">
				<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>
			</c:if>
			</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>
				<c:if test="${DJLX eq '430' or DJLX eq '605'}">
				<td ><form:input id="txtDbze" path="dbze"
						htmlEscape="false" class="input-medium number" />
						<span class="help-inline"><font size="2">万元</font></span>
						</td>
				</c:if>
				<c:if test="${DJLX ne '430' and DJLX ne '605'}">
				<td ><form:input id="txtDbze" path="dbze" onblur="clikflag1(this)"
						htmlEscape="false" class="input-medium number" />
						<span class="help-inline"><font size="2">万元</font></span>
						</td>
				</c:if>
			</tr>
			<tr>
			<c:if test="${DJLX ne '430' and DJLX ne '605'}">
				<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>
			</c:if>
			</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>
				<c:if test="${DJLX eq '430' or DJLX eq '605'}">
				<td ><form:input id="txtZgzqse" path="zgzqse"
						htmlEscape="false" class="input-medium number" />
						<span class="help-inline"><font size="2">万元</font></span>
				</td>
				</c:if>
				<c:if test="${DJLX ne '430' and DJLX ne '605'}">
				<td ><form:input id="txtZgzqse" path="zgzqse" onblur="clickzge(this)"
						htmlEscape="false" class="input-medium number" />
						<span class="help-inline"><font size="2">万元</font></span>
				</td>
				</c:if>
			</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="txtBdcdjzmh" path="bdcdjzmh" readonly="true"
						htmlEscape="false" maxlength="50" class="input-large" /></td>
				<td class="tit">最高债权确定事实</td>
				<td><form:input id="txtZgzqqdss" path="zgzqqdss" 
						htmlEscape="false" maxlength="100" 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 >
					<!-- 更新 -->
					<c:if test="${not empty regBusDyaq.djsj}">
						<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' });"--%>/>
					</c:if>
					<!-- 新增 -->
					<c:if test="${empty regBusDyaq.djsj}">
						<input name="djsj" type="text" readonly="readonly" maxlength="20" class="input-medium Wdate"
						<%--	value="${fns:getDate('yyyy-MM-dd')}"
							onclick="WdatePicker({dateFmt:'yyyy-MM-dd' });"--%>/>
					</c:if>
				</td>
			</tr>
			<tr>
				<td class="tit" rowspan="2">附记</td>
				<td colspan="3" 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>
	<c:if test="${DJLX eq '430' or DJLX eq '605'}">
	     <div class="tab-pane fade" id="regBuszdList">
		<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>
			</tr>
		</thead>
		<tbody>
		<c:forEach items="${zdpage.list}" var="regBaseZdjbxx">
			<tr>
				<td><a href="#">
					${regBaseZdjbxx.bdcdyh}
				</a></td>
				<td>
					${regBaseZdjbxx.zddm}
				</td>
				<td>
					${regBaseZdjbxx.zl}
				</td>
				<td>
					${regBaseZdjbxx.zdmj}
				</td> 
				<td>
					平方米
				</td> 
				<td>
					${regBaseZdjbxx.yt}
				</td> 
			</tr>
		</c:forEach>
		</tbody>
		</table>
	</div>
	</c:if>
	<c:if test="${DJLX ne '430' and DJLX ne '605'}">
		<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>
	</c:if>
	<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="${ywrpage.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>