HLT
/
HLT.gov.zfdm

<!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(){
// 			$("#myManage").taiji({
// 				enableAclCheck:true
// 			}).on("taijiSearchSuccess",function(){
// 				$("#my-table").treetable({ expandable: true,initialState:"expanded",indent:20 },true);
// 			}).on("taijiOperateSuccess",function(){
// 				$("#myForm").submit();
// 			});
// 		 	$("#submit").mousedown(function(){
// 		 		$("#mobile").html("");
// 		 	});
// 		});
		
		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()">
							<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>
	<div class="modal-footer" >
		<!-- <input id="reset" type="reset" value="清空" />
		<a href="#" class="btn btn-sm btn-success"  id="submit">提交</a> -->
	</div>

</body>
</html>