teacher_main.jsp 8.05 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"%>
<%
	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="https://cdn.bootcss.com/bootstrap/3.3.7/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="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>${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>${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_do">布置练习</p>
					</li>
					<li>
						<p id="practice_manage">练习管理</p>
					</li>
					<li>
						<p id="practice_report">练习报表</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="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
	<script
		src="https://cdn.bootcss.com/bootstrap/3.3.7/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 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();
			//}
		}
		
		$("#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>