WebRoot/WEB-INF/jsp/sunvote/teacher/teacher_main.jsp

<%@ 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"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<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="../static/css/bootstrap.min.css" rel="stylesheet">
<link href="../static/css/teach.css?a=1" rel="stylesheet">
<link href="../static/css/mb_style.css" rel="stylesheet">
<!-- 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>
	<div class="header">
		<div class="logo">
			<img src="../static/images/logo.png" />
		</div>
		<div class="out">
			<a href="../logout"><img src="../static/images/close.png" />退出登录</a>
		</div>
		<div class="out" style="margin-right:20px;cursor: pointer;">
			<a onclick="editInfo()"><img src="../static/images/psw_edit.png" />个人设置</a>
		</div>
		<div class="clear"></div>
	</div>
	<div class="content">
		<div class="content_l">
			<div class="info_tab">
				<div class="head_pic">
					<img src="../static/images/head_defult.png" />
				</div>
				<div class="name">
					<p>欢迎！</p>
					<p id="name">${pd.TEACHER.TNAME }</p>
					<p id="school">${pd.TEACHER.SNAME }</p>
				</div>
				<br /> <br /> <br />
			</div>
			<div class="testpaper tab1">
				<p>
					轻松考<span class="right jiao"></span>
				</p>
				<ul class="menu_1">
					<li>
						<p id="qingsongkao_paper">试卷管理</p>
					</li>
					<li>
						<p>测验分析</p>
						<ul class="menu_2">
							<c:forEach items="${pd.CLASSINFO}" var="var" varStatus="vs">
								<li onclick="event.stopPropagation();report('${var.CLASS_ID}')"><p title="${var.CLASS_NAME}${var.CNAME}">${var.CLASS_NAME}${var.CNAME}
										成绩</p></li>
							</c:forEach>
						</ul>
					</li>
				</ul>
			</div>
			<div class="analyse tab1">
				<p>
					即时测<span class="right jiao"></span>
				</p>
				<ul class="menu_1">
					<li>
						<p id="jishice_paper">试卷管理</p>
					</li>
					<li>
						<p>测验分析</p>
						<ul class="menu_2">
							<c:forEach items="${pd.CLASSINFO}" var="var" varStatus="vs">
								<li onclick="event.stopPropagation();report2('${var.CLASS_ID}')"><p title="${var.CLASS_NAME}${var.CNAME}成绩">${var.CLASS_NAME}${var.CNAME} 成绩</p></li>
							</c:forEach>
						</ul>
					</li>
				</ul>
			</div>
			<div class="analyse tab1">
				<p>
					课后练<span class="right jiao"></span>
				</p>
				<ul class="menu_1">
					<li>
						<p id="practice_manage"
							onclick="event.stopPropagation();homeWorkList('${pd.TEACHER.SCHOOL_ID}')">练习列表</p>
					</li>
					<!-- <li>
						<p id="practice_do"
							onclick="event.stopPropagation();homeWork('${pd.TEACHER.SCHOOL_ID}')">布置练习</p>
					</li>
					<li>
						<p id="practice_report"
							onclick="event.stopPropagation();homeReport()">练习报表</p>
					</li> -->
				</ul>
			</div>
		</div>
		<div class="content_r">
			<iframe name="mainFrame" id="mainFrame" frameborder="0" width="100%"
				height="100%"></iframe>
		</div>
		<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">新建试卷</h4>
					</div>
					<div class="modal-body">
						<div class="form-group">
							<label for="enter_title" class="col-sm-4 control-label">测验标题</label>
							<div class="col-sm-6">
								<input type="text" class="form-control" id="enter_title"
									placeholder="输入测验标题（不能超过100个字符）" maxlength="100" minlength="1">
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="form-group">
							<label for="enter_time" class="col-sm-4 control-label">测验时长（分钟）</label>
							<div class="col-sm-6">
								<input type="number" class="form-control" id="enter_time"
									placeholder="输入测验时长（单位：分钟）" maxlength="3"
									oninput="if(value.length>3) value=value.slice(0,3)">
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="form-group">
							<label for="enter_time" class="col-sm-4 control-label">模板</label>
							<div class="col-sm-6">
								<select class="chosen-select form-control" name="TEMPLATE_ID"
									id="TEMPLATE_ID" data-placeholder="">
									<option value="">自定义</option>
									<c:forEach items="${templateInfos}" var="var" varStatus="vs">
										<option value="${var.PAGETEMPLATE_ID}">${var.NAME}</option>
									</c:forEach>
								</select>
							</div>
							<div class="clearfix"></div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-primary" id="time_submit">确定</button>
						<button type="button" class="btn btn-primary" data-dismiss="modal">取消</button>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal-dialog -->
		</div>
		<!-- /.modal -->
		<script src="../static/js/jquery.min.js"></script>
		<script src="../static/js/bootstrap.min.js"></script>
		<script src="../static/js/model.js"></script>
		<script src="../static/js/loading.js"></script>
		<script src="../static/js/remove.js?a=2"></script>
		<script src="../static/js/dailog.js"></script>
		<script type="text/javascript">
		function chooseClass(classID,termID){
			var path = "../student/listcs.do?class_id=" + classID + "&term_id=" + termID ;
			//$(".content_r").html('<iframe name="mainFrame" id="mainFrame" frameborder="0" style="width:100%;height:'+$(".content_l").height()+'px;" src=' + path + '></iframe>');
			if($("#mainFrame").attr('src') != (path)){
				$("#mainFrame").attr('src',path);
				window.top.loading.show();
			}
		}
		function homeWorkList(schoolId){
			//var path = "../school/goEdit2.do?ID=" + schoolId ;
			var path = '<%=basePath%>homework/list.do?teacher_id=${pd.TEACHER.ID}' ;
			
				$("#mainFrame").attr('src',path);
				window.top.loading.show();
		}
		function homeWork(schoolId){
			//var path = "../school/goEdit2.do?ID=" + schoolId ;
			var path = '<%=basePath%>homework/goAdd2.do?teacher_id=${pd.TEACHER.ID}&ID=' + schoolId ;
			
				$("#mainFrame").attr('src',path);
				window.top.loading.show();
		}
		
		function homeReport(){
			var path = '<%=basePath%>homework/report.do?';
			
			$("#mainFrame").attr('src',path);
			window.top.loading.show();
		}
		
		function report(classId){
			//window.open('<%=basePath%>report/report.do?classid=' + classId);
			//if($("#mainFrame").attr('src') != ('<%=basePath%>report/report.do?classid=' + classId)){
				$("#mainFrame").attr('src','<%=basePath%>report/report.do?classid=' + classId);
				window.top.loading.show();
			//}
		}
		function report2(classId){
			//window.open('<%=basePath%>report/report.do?classid=' + classId);
			//if($("#mainFrame").attr('src') != ('<%=basePath%>report/report.do?classid=' + classId)){
				$("#mainFrame").attr('src','<%=basePath%>teacher/test_list.do?classid=' + classId);
				window.top.loading.show();
			//}
		}
		
		function editInfo(){
			window.top.modal.init({
				'title':'个人设置',
				'url':'<%=basePath%>teacher/goEdit3.do?teacher_id=${pd.TEACHER.ID}',
				func:function() {
					//parent.location.reload();
				}
				});
				window.top.modal.show();
		}
		
		$("#time_submit").click(function(){
			var name = $("#enter_title").val();
			var time = $("#enter_time").val();
			var TEMPLATE_ID = $("#TEMPLATE_ID").val();
			if(name != null&& name != '' && time != null && time != ''){
				var itime = parseInt(time);
				if(itime > 0 && itime <= 300){
					self.location.href = encodeURI("<%=basePath%>"
										+ "paper/npaper.do?" + "name=" + name
										+ "&time=" + time + "&TEMPLATE_ID="
										+ TEMPLATE_ID);
								$(".title_time").modal("hide");
							} else {
								alert("请输入正确的时间，时间不能超过300分钟");
							}
						}
					});
			$("#qingsongkao_paper").click(function() {
				var path = "../paper/list2.do?";
				//$(".content_r").html('<iframe name="mainFrame" id="mainFrame" frameborder="0" style="width:100%;height:'+$(".content_l").height()+'px;" src=' + path + '></iframe>');
				if ($("#mainFrame").attr('src') != (path)) {
					$("#mainFrame").attr('src', path);
					window.top.loading.show();
				}
			});
			$("#jishice_paper").click(function() {
				var path = "../teacher/teach_paper.do?";
				//if($("#mainFrame").attr('src') != (path)){
				$("#mainFrame").attr('src', path);
				window.top.loading.show();
				//}
			});
			var defaultUrl = '${pd.DEFAULTURL}';
			if (defaultUrl != '' && defaultUrl != '') {
				$("#mainFrame").attr('src', defaultUrl);
			}
		</script>
</body>
</html>