HLT
/
HLT.gov.zfdm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
							<!DOCTYPE html>
<%@ page contentType="text/html;charset=utf-8"%>
<%@ include file="/WEB-INF/jsp/include.jsp"%>
<html>
<head>
<meta http-equiv="expires" content="0" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
		 $(function(){
			$.ajaxSetup ({ cache: false}); 
			$("#submit").click(function(){
				$("#myManage").triggerHandler("taijiModalPost",[$("#myForm"),{table:"none"}]);
			});
			$("#reset").mouseup(function(){
				$("#mobile").html("");
			});
			
			$('.fee_row').hide();
		}); 
		function toggleFee(){
			if($('.serviceType').val()=="GAS_COUPON") $('.fee_row').show();
			else $('.fee_row').hide();
		}
		
		function updateMobile(){
			var data = $("#applicantId").val();
			var url='${rootUrl}app/service/request/inquiry/transaction/getMobileByMemberId/'+data;
			$.ajax({
					url:url,
					data:data,
					method:'POST',
					success:function(res){
				$("#mobile").html(res.mobile);
			}
			});
		}
		</script>
</head>
<body>

	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal"
			aria-hidden="true">×</button>
		<h4 class="modal-title">服务申请-ETC新办</h4>
	</div>

	<div class="modal-body">
		<form:form modelAttribute="pageModel" id="myForm" name="myForm"
			cssClass="form-horizontal"
			action="${rootUrl}app/service/request/inquiry/transaction" method="post">
			<table>
				<tr>
					<th>服务类别</th>
					<td><select style="margin: 5px -2px" name="serviceType" id="serviceType" 
					 class='serviceType form-control' onchange="toggleFee()">
							<option value="">请选择</option>
							<c:forEach items="${serviceTypes}" var="st">
								<option value="${st}">${st.value }</option>
							</c:forEach>
					</select></td>
				</tr>
				<tr>
					<th>车辆</th>
					<td><select name="vehicleId" id="vehicleId"
						class="form-control" style="margin: 5px -2px">
							<option value="">请选择</option>
							<c:forEach items="${vehicles}" var="v">
								<option value="${v.vehicleId}">${v.vehiclePalte }_${v.vehiclePlatecolor }</option>
							</c:forEach>
					</select></td>
				</tr>
				<tr class='fee_row'>
					<th>金额</th>
					<td><input style="margin: 5px -2px" id="fee" name="fee" type="number" maxlength="100"
						class="form-control" placeholder="金额" /></td>
				</tr>
				<tr>
					<th>使用人</th>
					<td><select style="margin: 5px -2px" name="applicantId" id="applicantId"
						onchange="updateMobile()" class="form-control">
							<option value="">请选择</option>
							<c:forEach items="${members}" var="m">
								<option value="${m.id}">${m.name }</option>
							</c:forEach>
					</select></td>
				</tr>
				<tr>
					<th>手机号</th>
					<td><span id="mobile"></span></td>
				</tr>
				<tr>
					<th>备注</th>
					<td><input style="margin: 5px -2px; height: 100px"
						id="remarks" name="remarks" maxlength="100" class="form-control"
						placeholder="备注" /></td>
				</tr>
				<tr >
					<td><input style="margin-top:20px" class="taiji_modal taiji_acl btn  btn-success m-r-10" type="submit" value="提交" /></td>
					<td><input style="margin-top:20px" class="taiji_modal taiji_acl btn  btn-success m-r-10" id="reset" type="reset" value="清空" /></td>
				</tr> 
			</table>
		</form:form>
	</div>
</body>
</html>