en_paper_list4.jsp 8.49 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 + "/";
%>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>教育管理系统</title>

<!-- Bootstrap -->
<!-- <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">
<link rel="stylesheet" href="../static/ace/css/datepicker.css" />
<script src="../static/js/jquery.min.js"></script>
<script src="../static/js/loading.js"></script>
<script src="../static/js/en_remove.js?a=1"></script>
<script src="../static/js/dailog.js"></script>

<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询(media queries)功能 -->
<!-- 警告:通过 file:// 协议(就是直接将 html 页面拖拽到浏览器中)访问页面时 Respond.js 不起作用 -->
<!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>

	<form action="../paper/list4.do" method="post" name="Form" id="Form">
		<div class="head_box">
			<div class="box_header">
				<div class="head_box_l">
					<p>
						<span class="right_b"></span>Test paper management
					</p>
				</div>
				<div class="head_box_r">
					<input type="hidden" name="SCHOOL_ID" id="PAPER_ID"
						value="${pd.SCHOOL_ID}" /> <label>Grade: </label>&nbsp;&nbsp; <select
						name="grade_id" id="grade_id" data-placeholder="这里输入所属年级">
						<option value="">All</option>
						<c:forEach items="${gradeInfos}" var="var" varStatus="vs">
							<option value="${var.ID}"
								<c:if test="${pd.GRADE_ID==var.ID}">selected="true"</c:if>>${var.ENAME}</option>
						</c:forEach>
					</select> <label>Subject: </label>&nbsp;&nbsp; <select name="subject_id"
						id="subject_id" data-placeholder="这里输入所属科目">
						<option value="">All</option>
						<c:forEach items="${subjectInfos}" var="var" varStatus="vs">
							<option value="${var.ID}"
								<c:if test="${pd.SUBJECT_ID==var.ID}">selected="true"</c:if>>${var.ENAME}</option>
						</c:forEach>
					</select>&nbsp;&nbsp;&nbsp;&nbsp; <input class="date-picker" type="text"
						placeholder="Start date" name="lastStart" id="lastStart"
						data-date-format="yyyy-mm-dd" readonly="readonly"
						value="${pd.LASTSTART }" /> <input type="text"
						class="date-picker" placeholder="End date" name="lastEnd"
						name="lastEnd" data-date-format="yyyy-mm-dd" readonly="readonly"
						value="${pd.LASTEND}" /> <a href="#" onclick="tosearch();"><img
						src="../static/images/search.png" /></a>
				</div>
				<div class="clear"></div>
			</div>
			<div style="padding:0 5%;background:#fff;" class="paper_title">
				<table class="table table-striped">
					<col style="width: 10%" />
					<col style="width: 10%" />
					<col style="width: 10%" />
					<col style="width: 10%" />
					<col style="width: 10%" />
					<col style="width: 20%" />
					<col style="width: 10%" />
					<col style="width: 10%" />
					<thead>
						<tr>
							<th><input type="checkbox" name='ids' id="ids" />No.</th>
							<th>Test title</th>
							<th>Grade</th>
							<th>Class</th>
							<th>Instructor</th>
							<th>Creation time</th>
							<th>Test duration</th>
							<th>Total score</th>
						</tr>
					</thead>
				</table>
			</div>
		</div>
		<div class="table_box">
			<table class="table table-striped">
				<col style="width: 10%" />
				<col style="width: 10%" />
				<col style="width: 10%" />
				<col style="width: 10%" />
				<col style="width: 10%" />
				<col style="width: 20%" />
				<col style="width: 10%" />
				<col style="width: 10%" />
				<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.PAPER_ID}" />${vs.index+1}</td>
									<td><a target="_blank"
										href="<%=basePath%>paper/iteminfo.do?paper_id=${var.PAPER_ID}">${var.TITLE}</a></td>
									<td>${myelfun:findGradeEName(var.GRADE_ID)}</td>
									<td>${myelfun:findSubjectEName(var.SUBJECT_ID)}</td>
									<td>${myelfun:findTeacherName(var.USER_ID)}</td>
									<td>${var.CREATE_DATE}</td>
									<td>${var.EXAM_TIME}</td>
									<td>${var.SCORE}</td>
								</tr>

							</c:forEach>
						</c:when>
						<c:otherwise>
							<tr class="main_info">
								<td colspan="100" class="text-center">There is no data</td>
							</tr>
						</c:otherwise>
					</c:choose>
				</tbody>
			</table>
			<div class="footer">
				<!-- <div class="creat">
					<input type="button"  onclick="parent.$('.title_time').modal('show');" value="新建试卷" />
				</div>
				<div class="removeAll">
					<input type="button" onclick="deleteAll()" value="批量删除" />
				</div> -->
				<div class="page_box">

					<div class="pagination"
						style="float: right;padding-top: 0px;margin-top: 0px;">${page.pageStr}</div>
				</div>
			</div>
		</div>
	</form>
</body>

<%@ include file="../../system/index/foot2.jsp"%>
<script src="../static/ace/js/date-time/bootstrap-datepicker.js"></script>
<script type="text/javascript">
		
		$(document).ready(function(){
			window.top.loading.remove();
			$(".table_box").css("padding-top",$(".head_box").height());
		});
		
		function tosearch(){
			window.top.loading.remove();
			$("#Form").submit();
		}
		
		$('#ids').on('click', function(){
				var th_checked = $("#ids").prop('checked');//checkbox inside "TH" table header
				
				$(".table_box .table").find('tbody > tr').each(function(){
					var row = this;
					if(th_checked) $(row).find('input[type=checkbox]').eq(0).prop('checked', true);
					else $(row).find('input[type=checkbox]').eq(0).prop('checked', false);
				});
		});
		
		function del(Id){
			//var remove = new remove();
			window.top.remove.init({"title":"Remove","func":function(success){
				if(success){
					var url = "<%=basePath%>paper/delete.do?PAPER_ID="+Id+"&qingsongkao=true&tm="+new Date().getTime();
					window.top.loading.show();
					$.get(url,function(data){
						tosearch();
					});
				}
				else{
					console.log("false");
				}
			}});
			remove.show();
		}
		
		$(function() {
			$.fn.datepicker.dates['en'] = {
				    days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
				    daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
				    daysMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
				    months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
				    monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
				    today: "Today",
				    clear: "Clear",
				    format: "mm/dd/yyyy",
				    titleFormat: "MM yyyy", /* Leverages same syntax as 'format' */
				    weekStart: 0
				};

			//日期框
			$('.date-picker').datepicker({
				autoclose: true,
				todayHighlight: true,
				language: 'en'
			});
		
		});
		
		function deleteAll(){
			window.top.remove.init({"title":"Remove","func":function(success){
				if(success){
					var 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;
					  }
					}
					if(str==''){
						
					}else{
						$.ajax({
								type: "POST",
								url: '<%=basePath%>paper/deleteAll.do?tm='
											+ new Date().getTime(),
									data : {
										DATA_IDS : str
									},
									dataType : 'json',
									//beforeSend: validateData,
									cache : false,
									success : function(data) {
										$.each(data.list, function(i, list) {
											tosearch();
										});
									}
								});
							}
						} else {
							console.log("false");
						}
					}
				});
		window.top.remove.show();
	}
</script>
</html>