5b3ce282503432de5ddee239d5fd656c0f4ab4a9.svn-base 2.77 KB
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
	<title>查询办理进程</title>
	<meta name="decorator" content="default"/>
	<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
	<style>
		#queryPage{
			max-width:768px;
			padding:0 3%;
		}
		.scanCode{
			width:100%;
			margin:25% auto 20%;
			font-size: 15px;
		}
		.scanCodeBtn[type="button"]{
			width:100%;
			padding:15% 0;
			background:#317eac;
			color:#ffffff;
			font-size:18px;
			border:1px solid #317eac;
		}
		#queryPage #inputForm{margin:0 0;}
		
		.manualInput{
			width:100%;
			border:1px solid #317eac;
		}
		.manualInput h3{
			padding:0 3%;
			background:#317eac;
			color:#ffffff;
			font-size:15px;
		}
		.form-horizontal .control-group{
			border-bottom:none;
			padding:10% 3% 6% 3%;
		}
		.form-horizontal .control-label{
			width:24%;
			line-height:30px;
			text-align:left;
			padding-top:0; 
			float:left;
			font-weight:900;
			font-size:15px;
		}
		.form-horizontal .controls{margin-left:30%;font-size:14px;}
		.input-xlarge{width:85%;}
		.control-button{
			padding:0 3% 6% 3%;
		}
		.control-button .btnQuery{
			width:100%;
			padding:10px 14px;
			color:#ffffff;
			background:#317eac;
			color:#ffffff;
		}
		.controls p{
			color:#ff0000;
			display:none;
		}
		
	</style>
	<script type="text/javascript">
	$(function(){
		if('${bj}' == 1){
			alert('${context}')
			document.getElementById('divlativ').innerHTML='${context}'; 
			$("#ywh").val('${ywh}');
		}else{
			document.getElementById("divlativ").style.display="none";
		}
		$(".btnQuery").on("click",function(){
			var ywh = $("#ywh").val();
			if(ywh!=""){
				$(this).closest(".form-horizontal").find(".input-idNumber").next().hide();
				var url = "${ctx}/reg/wechatInterface/findSel?bj=1&ywh="+ywh;
				document.inputForms.action = url;
		 		document.inputForms.submit();
			}else {
				$(this).closest(".form-horizontal").find(".input-idNumber").next().show();
			}
		})
	})
	</script>
</head>
<body>
	<div id="queryPage">
		<form:form id="inputForm" name="inputForms" modelAttribute="regBusSlsq" action="#" method="post" class="form-horizontal">	
			<div class="manualInput">
				<h3>手动输入查询</h3>
				<div class="control-group">
					<label class="control-label">业务号</label>
					<div class="controls">
						<input id="ywh" class="input-xlarge input-idNumber" maxlength="50" type="text" placeholder="请输入业务号" required/>	
						<p>*请输入业务号码</p>		
					</div>
				</div>
				<div class="control-button">
					<input id="btnQuery" class="btn btnQuery" type="button" value="查询"/>
				</div>
			</div>
			<div class="scanCode" id="divlativ">
			</div>
		</form:form>
	</div>
</body>
</html>