經常使用前端基礎pilotTrainList

<%-- pilotTrainList 列表 --%>

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<meta charset="utf-8">
<base href="<%=basePath%>">
<title>培訓經歷</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta name="format-detection" content="telephone=no, address=no">
<meta name="misapplication-tap-highlight" content="no">
<link href="js/lib/ligerUI/skins/Aqua/css/ligerui-all.css"
	rel="stylesheet" type="text/css">
<jsp:include flush="true" page="/WEB-INF/jsp/common/public_front.jsp"></jsp:include>
<script type="text/javascript" src="js/lib/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/lib/ligerUI/js/core/base.js"></script>
<script type="text/javascript"
	src="js/lib/ligerUI/js/plugins/ligerDialog.js"></script>
<link href="css/h5/css/bootstrap.min.css" rel="stylesheet"
	type="text/css" />
<link href="css/h5/css/hh-style.css" rel="stylesheet" type="text/css">
<script src="js/h5/js/jquery.min.js" type="text/javascript"></script>
<script src="js/h5/js/m.common.js" type="text/javascript"></script>
<script src="js/h5/js/m.radio.js" type="text/javascript"></script>
</head>
<body>
	<div class="container g_container">
		<div class="row wo-jl-container">
			<div class="sub-header">
				<a href="javascript:history.go(-1);" class="icon20 icon-back"></a> <span>培訓經歷</span>
			</div>
			<div class="jl-bg-title">
				培訓經歷 <span style="float: right"><a href="app/woResume"
					class="font-green fs08">返回個人簡歷</a></span>
			</div>
			<c:forEach items="${trainExList}" var="trainEx">
				<div class="jl-bg-container">
					<ul class="bg">
						<div class="right-edit" style="float: right;">
							<a href="app/deleteTrainEx.html?id=${trainEx.trUnid}" class="font-green" onclick="delcfm()">刪除</a> &nbsp;&nbsp;
							<a href="app/toEditTrainEx?id=${trainEx.trUnid}" class="font-green">編輯</a>
						</div>
						<li>
							<span>是否有航校培訓經歷(是/否):</span> 
							<c:if test="${trainEx.isAviationSchool=='0'}">是</c:if>
							<c:if test="${trainEx.isAviationSchool=='1'}">否</c:if>
							<c:if test="${empty trainEx.isAviationSchool}">無</c:if>
						</li>
						<li>
							<span>培訓類型(自費/公費):</span> 
							<c:if test="${trainEx.trainType=='0'}"><span>自費</span></c:if>
							<c:if test="${trainEx.trainType=='1'}"><span>公費</span></c:if>
							<c:if test="${empty trainEx.trainType}">無</c:if>
						</li>
						<li>
							<span> 航校名稱:</span>
							${trainEx.aviationSchoolName }
							<c:if test="${empty trainEx.aviationSchoolName}">無</c:if>
						</li>
						<li>
							<span>培訓起止時間:
								<c:if test="${not empty trainEx.startTime && not empty trainEx.endTime}">
									${trainEx.startTime} - ${trainEx.endTime}
								</c:if>
								<c:if test="${empty trainEx.startTime && empty trainEx.endTime}">無</c:if>
							</span> 
						</li>
						<li>
							<span>取得執照(多選):</span>
							<c:forEach var="num" items="${fn:split(trainEx.obtainLicense, ',')}">
								<%-- <c:out value="${num}" />  --%>
								<c:if test="${num == '0'}"><span >私照</span>&nbsp;&nbsp;&nbsp;</c:if>
								<c:if test="${num == '1'}"><span >商照</span> &nbsp;&nbsp;&nbsp;</c:if>
								<c:if test="${num == '2'}"><span >儀表</span></c:if>
								<c:if test="${empty num}">無</c:if>
							</c:forEach>
						</li>
					</ul>
				</div>
			</c:forEach>
			<a href="app/addTrain.html">
				<div class="btn-block-while-red btn-cell-left" style="margin: 8px;">添加培訓經歷</div>
			</a> <a href="app/toFamily.html">
				<div class="btn-block-while-red btn-cell-right">下一步</div>
			</a>
			<div style="clear:both"><p align="center">(此項爲必填項)</p></div>
			<input type="hidden" value="確認是否刪除" id="delete" />
			<script language="javascript">
				function delcfm() {
					var str = $("#delete").val() + "?";
					if (!confirm(str)) {
						window.event.returnValue = false;
					}
				}
				function resumePreview() {
					document.location = "app/resumePreview";
				}
			</script>
</body>
</html>



<%-- pilotTrainAdd 新增 --%>


<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta name="format-detection" content="telephone=no, address=no">
<meta name="misapplication-tap-highlight" content="no">
<link href="js/lib/ligerUI/skins/Aqua/css/ligerui-all.css"
	rel="stylesheet" type="text/css">
<jsp:include flush="true" page="/WEB-INF/jsp/common/public_front.jsp"></jsp:include>
<script type="text/javascript" src="<%=basePath%>/js/common/My97DatePicker/WdatePicker.js"></script>
<link href="css/h5/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="css/h5/css/hh-style.css" rel="stylesheet" type="text/css">
<title>培訓經歷</title>
<script src="js/h5/js/jquery.min.js" type="text/javascript"></script>
<script src="js/h5/js/m.common.js" type="text/javascript"></script>
<script src="js/h5/js/m.radio.js" type="text/javascript"></script>
</head>
<body>
	<div class="container g_container">
		<div class="row wo-jl-container">
			<div class="sub-header">
				<a href="javascript:history.go(-1);" class="icon20 icon-back"></a> <span>培訓經歷</span>
			</div>
			<div class="wo-jl">
				<div class="jl-top-title-002">
					<span> 培訓經歷 </span> <span style="float: right"> <a
						href="javascript:gback();" class="font-green fs08">返回</a>
					</span>
				</div>
				<ul class="jl">
					<li>
						<span class="dt">是否有航校培訓經歷(是/否):</span> 
						<input type="radio" name="isAviationSchool" id="isAviationSchool" value="0">
						<span >是</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<input type="radio" name="isAviationSchool" id="isAviationSchool" value="1">
						<span >否</span>
					</li>
					<div id = "hideDiv">
						<li>
							<span class="dt">培訓類型(自費/公費):</span> 
							<input type="radio" name="trainType" id="trainType" value="0">
							<span >自費</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<input type="radio" name="trainType" id="trainType" value="1">
							<span>公費</span>
						</li>
						<li><span> 航校名稱:</span>
							<input class="no" style="width: 70%;" id="aviationSchoolName"name="aviationSchoolName" type="text" />
						</li>
						<li>
							<span class="dt">培訓起止時間:</span> 
							<input class="Wdate" style="width: 113px" type="text"  id="startTime" name="startTime" onClick="WdatePicker()" /> -
							<input class="Wdate" style="width: 113px" type="text"  id="endTime" name="endTime" onClick="WdatePicker()" />
						</li>
						<li>
							<span class="dt">取得執照(多選):</span> 
							<input type="checkbox" name="obtainLicense" id="obtainLicense" value="0">
							<span >私照</span> &nbsp;&nbsp;&nbsp;
							<input type="checkbox" name="obtainLicense" id="obtainLicense" value="1">
							<span >商照</span> &nbsp;&nbsp;&nbsp;
							<input type="checkbox" name="obtainLicense" id="obtainLicense" value="2">
							<span >儀表</span>
						</li>
					</div>
				</ul>
			</div>
			<a href="javascript:void(0)" onclick="saveTrainEx()"
				style="color: #fff"><div class="btn_block btn_001"
					style="margin: 20px 8px;">保存</div></a>
		</div>
	</div>
</body>
<script type="text/javascript">
$("input[name=isAviationSchool]").click(function(){
	var obj = document.getElementsByTagName("input");
	for(var i=0; i<obj.length; i ++){
        if(obj[i].checked){
           if(obj[i].value=='0'){
        	   console.log(obj[i].value);
        	   $("#hideDiv").show();
        	   //document.getElementById("hideDiv").style.display="";
           }
           if(obj[i].value=='1'){
        	   document.getElementById("hideDiv").style.display="none";
           }
        }
    }
});


	function saveTrainEx() {
		if (window.posting) {
			return;
		}
		// 獲取單選框的值
		var isAviationSchool = $("input[name='isAviationSchool']:checked").val();
		if (!isAviationSchool) {
			alert("請選擇是否有航校培訓經歷!")
			return;
		}
		if(isAviationSchool == '0'){
			var trainType = $("input[name='trainType']:checked").val();
			var aviationSchoolName = $("#aviationSchoolName").val();
			var startTime = $("#startTime").val();
			var endTime = $("#endTime").val();
			var obtainLicense = '';
			// 獲取多選框的值
			var getSelectValueMenbers = $("input[name='obtainLicense']:checked").each(function(j) {
				if (j >= 0) {
					obtainLicense += $(this).val() + ","
				}
			});
			/* obj = document.getElementsByName("obtainLicense");
			obtainLicense = [];
		    for(k in obj){
		        if(obj[k].checked)
		        	obtainLicense.push(obj[k].value);
		    } */
			if (!trainType) {
				alert("請選擇培訓類型!")
				return;
			}
			if (!aviationSchoolName) {
				alert("請填寫航校名稱!")
				return;
			}
			if (!startTime && !endTime) {
				alert("請選擇培訓起止時間")
				return;
			}
			if (startTime >= endTime) {
				alert("培訓結束時間不能小於或等於培訓開始時間!")
				return;
			}
			if (!obtainLicense) {
				alert("請選擇取得執照(多選)!")
				return;
			}
		}
		
		inputData = {
			"isAviationSchool" : isAviationSchool,
			"trainType" : trainType,
			"aviationSchoolName" : aviationSchoolName,
			"startTime" : startTime,
			"endTime" : endTime,
			"obtainLicense" : obtainLicense,
		};

		window.posting = true;
		$.ajax({
			type : "post",
			data : inputData,
			url : "app/saveTrainEx",
			async : false,
			dataType : "json",
			success : function(data) {
				alert(data.result);
				if (data.state == "1" || data.state == "2") {
					window.location = "<%=basePath%>"+"app/toTrain";
				}
			}
		});

	}
</script>
</html>


<%-- pilotTrainEdit 編輯 --%>


<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>培訓經歷</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta name="format-detection" content="telephone=no, address=no">
<meta name="misapplication-tap-highlight" content="no">
<link href="js/lib/ligerUI/skins/Aqua/css/ligerui-all.css"
	rel="stylesheet" type="text/css">
<jsp:include flush="true" page="/WEB-INF/jsp/common/public_front.jsp"></jsp:include>
<script type="text/javascript"
	src="<%=basePath%>/js/common/My97DatePicker/WdatePicker.js"></script>
<link href="css/h5/css/bootstrap.min.css" rel="stylesheet"
	type="text/css" />
<link href="css/h5/css/hh-style.css" rel="stylesheet" type="text/css">
<script src="js/h5/js/jquery.min.js" type="text/javascript"></script>
<script src="js/h5/js/m.common.js" type="text/javascript"></script>
<script src="js/h5/js/m.radio.js" type="text/javascript"></script>
</head>
<body>
	<div class="container g_container">
		<div class="row wo-jl-container">
			<div class="sub-header">
				<a href="javascript:history.go(-1);" class="icon20 icon-back"></a> <span>培訓經歷</span>
			</div>
			<input id="id" value="${reTrainEx.trUnid }" type="hidden" />
			<div class="wo-jl">
				<div class="jl-top-title-002">
					<span> 培訓經歷 </span> <span style="float: right"> <a
						href="javascript:gback();" class="font-green fs08">返回</a>
					</span>
				</div>
				<ul class="jl">
					<li>
						<span class="dt">是否有航校培訓經歷(是/否):</span> 
						<input type="radio" name="isAviationSchool" id="isAviationSchool" value="0" <c:if test="${reTrainEx.isAviationSchool =='0'}">checked="checked"</c:if> />
						<span >是</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<input type="radio" name="isAviationSchool" id="isAviationSchool" value="1" <c:if test="${reTrainEx.isAviationSchool =='1'}">checked="checked"</c:if> />
						<span >否</span>
					</li>
					<div id = "hideDiv">
						<li>
							<span class="dt">培訓類型(自費/公費):</span> 
							<input type="radio" name="trainType" id="trainType" value="0" <c:if test="${reTrainEx.trainType =='0'}">checked="checked"</c:if> />
							<span >自費</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<input type="radio" name="trainType" id="trainType" value="1" <c:if test="${reTrainEx.trainType =='1'}">checked="checked"</c:if> />
							<span>公費</span>
						</li>
						<li><span> 航校名稱:</span>
							<input class="no" style="width: 70%;" id="aviationSchoolName"name="aviationSchoolName" type="text" value="${reTrainEx.aviationSchoolName}"/>
						</li>
						<li>
							<span class="dt">培訓起止時間:</span> 
							<input class="Wdate" style="width: 113px" type="text"  id="startTime" name="startTime" onClick="WdatePicker()" value="${reTrainEx.startTime}" /> -
							<input class="Wdate" style="width: 113px" type="text"  id="endTime" name="endTime" onClick="WdatePicker()" value="${reTrainEx.endTime}"/>
						</li>
						<li>
							<span class="dt">取得執照(多選):</span>
							<input type="checkbox" name="obtainLicense" id="obtainLicense" value="0" <c:if test="${fn:contains(reTrainEx.obtainLicense, 0)}">checked="checked"</c:if> />
							<span >私照</span> &nbsp;&nbsp;&nbsp;
							<input type="checkbox" name="obtainLicense" id="obtainLicense" value="1" <c:if test="${fn:contains(reTrainEx.obtainLicense, 1)}">checked="checked"</c:if> />
							<span >商照</span> &nbsp;&nbsp;&nbsp;
							<input type="checkbox" name="obtainLicense" id="obtainLicense" value="2" <c:if test="${fn:contains(reTrainEx.obtainLicense, 2)}">checked="checked"</c:if> />
							<span >儀表</span>
						</li>
					</div>
				</ul>
			</div>
			<a href="javascript:void(0)" onclick="editTrainEx()"
				style="color: #fff"><div class="btn_block btn_001"
					style="margin: 20px 8px;">保存</div></a>
		</div>
	</div>
</body>
<script type="text/javascript">
$(function (){
	var isAviationSchool = $("input[name='isAviationSchool']:checked").val();
  	if(isAviationSchool=='0'){
   	   $("#hideDiv").show();
     }
     if(isAviationSchool=='1'){
   	    document.getElementById("hideDiv").style.display="none";
     } 
})
$("input[name=isAviationSchool]").click(function(){
	var isAviationSchool = $("input[name='isAviationSchool']:checked").val();
  	if(isAviationSchool=='0'){
   	   $("#hideDiv").show();
     }
     if(isAviationSchool=='1'){
   	    document.getElementById("hideDiv").style.display="none";
     } 
});
	function editTrainEx() {
		var id = $("#id").val();
		var isAviationSchool = $("input[name='isAviationSchool']:checked").val();
		if (isAviationSchool == '0') {
			var trainType = $("input[name='trainType']:checked").val();
			var aviationSchoolName = $("#aviationSchoolName").val();
			var startTime = $("#startTime").val();
			var endTime = $("#endTime").val();
			var obtainLicense = '';
			var getSelectValueMenbers = $("input[name='obtainLicense']:checked").each(function(j) {
				if (j >= 0) {
					obtainLicense += $(this).val() + ","
				}
			});
			if (!aviationSchoolName) {
				alert("請填寫航校名稱!")
				return;
			}
			if (!startTime && !endTime) {
				alert("請選擇培訓起止時間")
				return;
			}
			if (startTime >= endTime) {
				alert("培訓結束時間不能小於或等於培訓開始時間!")
				return;
			}
			if (!obtainLicense) {
				alert("請選擇取得執照(多選)!")
				return;
			}
		}
		inputData = {
			"id" : id,
			"isAviationSchool" : isAviationSchool,
			"trainType" : trainType,
			"aviationSchoolName" : aviationSchoolName,
			"startTime" : startTime,
			"endTime" : endTime,
			"obtainLicense" : obtainLicense,
		};

		$.ajax({
			type : "post",
			data : inputData,
			url : "app/editTrainEx",
			async : false,
			dataType : "json",
			success : function(data) {
				alert(data.result);
				if (data.state == "1") {
					window.location = "<%=basePath%>"+"app/toTrain";
				}
			},
			error : function(data) {
				alert("編輯培訓經歷失敗");
			}
		});
	}
</script>
</html>
相關文章
相關標籤/搜索