en_teacher_list2.jsp 9.43 KB
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="myelfun" uri="/WEB-INF/tld/elfun.tld"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
<base href="<%=basePath%>">
<!-- 下拉框 -->
<link rel="stylesheet" href="static/ace/css/chosen.css" />
<!-- jsp文件头和头部 -->

<!-- 日期框 -->
<link rel="stylesheet" href="static/ace/css/datepicker.css" />
<!-- <link
	href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
	rel="stylesheet"> -->
	<link rel="stylesheet" href="static/css/bootstrap.min.css" />
<link href="static/css/teach.css" rel="stylesheet">
</head>
<body class="no-skin">

	<form action="teacher/listcs.do" method="post" name="Form" id="Form">
		<input type="hidden" name="SCHOOL_ID" id="SCHOOL_ID" value="${pd.SCHOOL_ID}"/>
		<div class="head_box">
			<div class="box_header">
				<div class="head_box_l">
					<p>
						<span class="right_b"></span>Teacher Management 
					</p>
				</div>
				<div class="head_box_r"></div>
				<div class="clear"></div>
			</div>
			<div style="padding:0 5%;background:#fff;">
				<table class="table table-striped">
					<col style="width: 8%" />
					<col style="width: 10%" />
					<col style="width: 10%" />
					<col style="width: 10%" />
					<col style="width: 15%" />
					<col style="width: 15%" />
					<col style="width: 7%" />
					<col style="width: 8%" />
					<col style="width: 7%" />
					<col style="width: 9%" />
					<thead>
						<tr>
							<th><input type="checkbox" value="0" name='ids' id="ids" />No.</th>
							<th class="center">Name</th>
							<th class="center">Phone No.</th>
							<th class="center">Tel No.</th>
							<th class="center">Id no.</th>
							<th class="center">Account</th>
							<th class="center">Gender</th>
							<th class="center">T-card</th>
							<th class="center">Subjects</th>
							<th class="center">Operation</th>
						</tr>
					</thead>
				</table>
			</div>
		</div>
		<div class="table_box">
					<table class="table table-striped">
						<col style="width: 8%" />
					<col style="width: 10%" />
					<col style="width: 10%" />
					<col style="width: 10%" />
					<col style="width: 15%" />
					<col style="width: 15%" />
					<col style="width: 7%" />
					<col style="width: 8%" />
					<col style="width: 7%" />
					<col style="width: 9%" />
						<tbody>
							<!-- 开始循环 -->
							<c:choose>
								<c:when test="${not empty varList}">
									<c:forEach items="${varList}" var="var" varStatus="vs">
										<tr>
											<td><input type="checkbox" name='ids' id="ids" value="${var.ID}" />${vs.index+1}</td>
											<td class='center'>${var.NAME}</td>
											<td class='center'>${var.PHONE}</td>
											<td class='center'>${var.SEAT_PHONE}</td>
											<td class='center'>${var.CARD_NO}</td>
											<td class='center'>${var.ACCOUT}</td>
											<td class='center'>${var.SEX == 1? "male":"female"}</td>
											<td class='center'>${var.KEYPAD_ID}</td>
											<td class='center'>${myelfun:findSubjectEName(var.SUBJECT_IDS)}</td>
											<td><a onclick="edit('${var.ID}');" style="margin-right:10px;"><img src="static/images/eidtor.png" /></a><a onclick="del('${var.ID}');"><img src="static/images/remove.png" /></a></td>
								
										</tr>

									</c:forEach>
								</c:when>
								<c:otherwise>
									<tr class="main_info">
										<td colspan="100" class="center">There is no data</td>
									</tr>
								</c:otherwise>
							</c:choose>
						</tbody>
					</table>
					<div class="footer" style="width:auto">
				<div class="creat">
					<input type="button"  onclick="add();" value="Add the Teacher" />
				</div>
				<div class="removeAll">
					<input type="button" onclick="del()" value="Remove" />
				</div>
				<div class="page_box">
					<div class="pagination" style="float: right;padding-top: 0px;margin-top: 0px;">${page.pageStr}</div>
				</div>
			</div>
		</div>
	</form>

	<div class="modal fade title_time" tabindex="-1" role="dialog">
	  <div class="modal-dialog" role="document" style="z-index:1400">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title">Add the Teacher</h4>
	      </div>
	      <div class="modal-body">
	        <div class="form-group">
			    <label for="enter_title" class="col-sm-4 control-label">Name</label>
			    <div class="col-sm-6">
			      <input type="text" class="form-control" id="enter_title" placeholder="Enter the Name"  maxlength="100" minlength="1">
			    </div>
			    <div class="clearfix"></div>
			</div>
	       
	        <div class="form-group">
			    <label for="enter_time" class="col-sm-4 control-label">Phone Number</label>
			    <div class="col-sm-6">
			      <input type="text" class="form-control" id="enter_time" placeholder="Enter the Phone Number" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')" >
			    </div>
			    <div class="clearfix"></div>
			</div>
			<div class="form-group">
			    <label for="enter_time" class="col-sm-4 control-label">Tel Number</label>
			    <div class="col-sm-6">
			      <input type="text" class="form-control" id="enter_time" placeholder="Enter the  Number" maxlength="20" oninput="value=value.replace(/[^\d]/g,'')">
			    </div>
			    <div class="clearfix"></div>
			</div>
			<div class="form-group">
			    <label for="enter_time" class="col-sm-4 control-label">Id no.</label>
			    <div class="col-sm-6">
			      <input type="text" class="form-control" id="enter_time" placeholder="Enter the Id no." />
			    </div>
			    <div class="clearfix"></div>
			</div>
			<div class="form-group">
			    <label for="enter_time" class="col-sm-4 control-label">Account</label>
			    <div class="col-sm-6">
			      <input type="text" class="form-control" id="enter_time" placeholder="Enter the Account" />
			    </div>
			    <div class="clearfix"></div>
			</div>
			<div class="form-group">
			    <label for="enter_time" class="col-sm-4 control-label">Sex</label>
			    <div class="col-sm-6">
			      <select class="chosen-select form-control" name="TEMPLATE_ID" id="TEMPLATE_ID" data-placeholder="Sex">
			      		<option value="1">male</option>
						<option value="2">female</option>
				  </select>
			    </div>
			    <div class="clearfix"></div>
			</div>
			<div class="form-group">
			    <label for="enter_time" class="col-sm-4 control-label">Teacher card number</label>
			    <div class="col-sm-6">
			      <input type="text" class="form-control" id="enter_time" placeholder="Enter the Teacher card number" />
			    </div>
			    <div class="clearfix"></div>
			</div>
			
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-primary" id="time_submit" onclick="save()">Confirm</button>
	        <button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>
	      </div>
	    </div><!-- /.modal-content -->
	  </div><!-- /.modal-dialog -->
	</div><!-- /.modal -->

	<!-- basic scripts -->
	<!-- 页面底部js¨ -->
	<%@ include file="../../system/index/foot.jsp"%>
	<!-- 删除时确认窗口 -->
	<script src="static/ace/js/bootbox.js"></script>
	<!-- ace scripts -->
	<script src="static/ace/js/ace/ace.js"></script>
	<!-- 下拉框 -->
	<script src="static/ace/js/chosen.jquery.js"></script>
	<!-- 日期框 -->
	<script src="static/ace/js/date-time/bootstrap-datepicker.js"></script>
	<!--提示框-->
	<script type="text/javascript" src="static/js/jquery.tips.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			window.top.loading.remove();
			
			var h_height = $(".head_box").height();			
			$(".table_box").css("padding-top",h_height);
			
		});
		
		//检索
		function tosearch(){
			$("#Form").submit();
		}
		
		function edit(Id){
			window.top.modal.init({
			'title':'Modify the information',
			'url':'<%=basePath%>teacher/goEdit2.do?school_id=${pd.SCHOOL_ID}&ID='+Id,
			func:function() {
				tosearch();
			}
			});
			window.top.modal.show();
		}
		
		function add(){
			window.top.modal.init({
			'title':'Add the Teacher',
			'url':'<%=basePath%>teacher/goAdd2.do?school_id=${pd.SCHOOL_ID}',
			func:function() {
				tosearch();
			}
			});
			window.top.modal.show();
		}
		
		function save(){
			
		} 
		
		function del(Id){
			window.top.remove.init({"title":"Remove","func":function(success){
				if(success){
					var all = typeof Id == "undefined" ? true : false;
					var str = Id;
					if(all){
						str = '' ;
						for(var i=0;i < document.getElementsByName('ids').length;i++){
						  if(document.getElementsByName('ids')[i].checked){
						  	if(str=='') str += document.getElementsByName('ids')[i].value;
						  	else str += ',' + document.getElementsByName('ids')[i].value;
						  }
						}
					}
					
					$.ajax({
							type: "POST",
							url: '<%=basePath%>teacher/deleteAll.do?tm='+new Date().getTime(),
					    	data: {DATA_IDS:str},
							dataType:'json',
							//beforeSend: validateData,
							cache: false,
							success: function(data){
								tosearch();
							}
						});
					
				}
				else{
					console.log("false");
				}
			}});
			window.top.remove.show();
		}
	</script>


</body>
</html>