HLT
/
HLT.gov.zfdm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
							<!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/coupon/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">服务申请-加油劵</h4>
</div>

<div class="modal-body">
<form:form modelAttribute="pageModel" id="myForm" name="myForm" cssClass="form-horizontal"  action="${rootUrl}app/service/request/inquiry/coupon" method="post">
	<table>
				<tr>
					<th>服务类别</th>
					<td><select style="margin: 5px -2px" name="serviceType" id="serviceType" 
					 class='serviceType form-control' onchange="toggleFee()">
							<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.value }</option>
							</c:forEach>
					</select></td>
				</tr>
				<tr>
					<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><a href="#" style="margin-left: 10px; margin-top: 20px;"
						class="taiji_modal taiji_acl btn  btn-success m-r-10" id="submit">提交</a></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>