Blame view

WebRoot/WEB-INF/jsp/sunvote/homework/homework_edit2.jsp 10.3 KB
8fb81e72   =   1.增加练习列表页和布置练习页面
1
2
3
4
  <%@ 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="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
68088573   =   1.布置练习数据渲染(数字转字母待解决)
5
6
  <%@ taglib prefix="myelfun" uri="/WEB-INF/tld/elfun.tld"%>
  
8fb81e72   =   1.增加练习列表页和布置练习页面
7
8
9
10
11
  <%
  	String path = request.getContextPath();
  	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  %>
  <!DOCTYPE html>
725e1c03   =   1、布置练习开发
12
  <html lang="en" style="overflow-x:hidden;">
8fb81e72   =   1.增加练习列表页和布置练习页面
13
14
15
16
17
  	<head>
  	<base href="<%=basePath%>">
  	<!-- 下拉框 -->
  	<link rel="stylesheet" href="static/ace/css/chosen.css" />
  	<!-- jsp文件头和头部 -->
725e1c03   =   1、布置练习开发
18
19
  	
  	<link rel="stylesheet" href="static/css/bootstrap.min.css">
8fb81e72   =   1.增加练习列表页和布置练习页面
20
21
22
23
24
25
  	<!-- 日期框 -->
  	<link rel="stylesheet" href="static/ace/css/datepicker.css" />
  	
  	
  	<link rel="stylesheet" href="static/css/edit.css" />
  	<style>
725e1c03   =   1、布置练习开发
26
  		
8fb81e72   =   1.增加练习列表页和布置练习页面
27
28
29
  		
  	</style>
  </head>
725e1c03   =   1、布置练习开发
30
  <body class="no-skin homework_edit">
8fb81e72   =   1.增加练习列表页和布置练习页面
31
32
33
34
35
36
37
38
39
40
  <!-- /section:basics/navbar.layout -->
  <div class="main-container" id="main-container">
  	<!-- /section:basics/sidebar -->
  	<div class="main-content">
  		<div class="main-content-inner">
  			<div class="page-content">
  				<div class="row">
  					<div class="col-xs-12">
  					
  					<form action="homework/${msg }.do" name="Form" id="Form" method="post">
c8fa5bc0   =   1.添加保存接口(10%)
41
  						<input type="hidden" name="TEACHER_ID" id="TEACHER_ID" value="${pd.TEACHER_ID}"/>
725e1c03   =   1、布置练习开发
42
  						<div id="zhongxin" style="padding-top: 13px;width:80%;margin:0 auto;">
8fb81e72   =   1.增加练习列表页和布置练习页面
43
44
  						<table id="table_report" class="table">
  							<tr>
725e1c03   =   1、布置练习开发
45
  								<td style="width:95px;text-align: right;padding-top: 13px;">练习标题</td>
85ea5817   孙向锦   布置练习更新
46
  								<td><input type="text" name="NAME" class="form-control" id="NAME" value="${pd.NAME}" maxlength="255" placeholder="输入练习标题,不超过20个汉字" title="作业代码" /></td>
8fb81e72   =   1.增加练习列表页和布置练习页面
47
48
  							</tr>
  							<tr>
725e1c03   =   1、布置练习开发
49
  								<td style="width:95px;text-align: right;padding-top: 13px;">练习说明</td>
85ea5817   孙向锦   布置练习更新
50
  								<td><input type="text" name=HOMEWORK_DESC class="form-control" id="HOMEWORK_DESC" value="${pd.HOMEWORK_DESC}" maxlength="255" placeholder="输入题目说明,如教材第12页1-5题,教辅第5页1-3题,尽量精简,不超过100个汉字" title="作业名称" /></td>
8fb81e72   =   1.增加练习列表页和布置练习页面
51
52
  							</tr>
  							<tr>
725e1c03   =   1、布置练习开发
53
  								<td style="width:95px;text-align: right;padding-top: 13px;">指定班级完成时间</td>
8fb81e72   =   1.增加练习列表页和布置练习页面
54
55
56
  								<td>
  									<div class="classBox">
  										<ul>
68088573   =   1.布置练习数据渲染(数字转字母待解决)
57
58
59
60
61
62
63
64
  											<c:if test="${pd.CLASS_ID != ''}">
  												<li class="checked">
  													<input type="checkbox" checked="true" id="class0" name="className" value="${pd.CLASS_ID}"  />
  													<label for="class0"></label>
  													 <span>${myelfun:findClassName(pd.CLASS_ID)}</span> 
  													 <input class="date-picker" type="text" class="form-control" style="width:150px;text-align:center;" placeholder="完成日期" name="lastStart" id="lastStart" data-date-format="yyyy-mm-dd" readonly="readonly" value="${pd.COMPLETE_DATE}"/>
  												</li>
  											</c:if>
3b178498   =   1、完成布置练习保存数据的拼接
65
  											<!-- <li>
725e1c03   =   1、布置练习开发
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
  												
  												<input type="checkbox" id="class1" name="className" value="1"  />
  												<label for="class1"></label>
  												 <span>1班</span> 
  												 <input class="date-picker" type="text" class="form-control" style="width:200px;text-align:center;" placeholder="完成日期" name="lastStart" id="lastStart" data-date-format="yyyy-mm-dd" readonly="readonly" value=""/>
  											</li>
  											<li>
  												
  												<input type="checkbox" id="class2" name="className" value="1"  />
  												<label for="class2"></label>
  												 <span>2班</span> 
  												 <input class="date-picker" type="text" class="form-control" style="width:200px;text-align:center;" placeholder="完成日期" name="lastStart" id="lastStart" data-date-format="yyyy-mm-dd" readonly="readonly" value=""/>
  											</li>
  											<li>
  												
  												<input type="checkbox" id="class3" name="className" value="1"  />
  												<label for="class3"></label>
  												 <span>3班</span> 
  												 <input class="date-picker" type="text" class="form-control" style="width:200px;text-align:center;" placeholder="完成日期" name="lastStart" id="lastStart" data-date-format="yyyy-mm-dd" readonly="readonly" value=""/>
  											</li>
  											<li>
  												
  												<input type="checkbox" id="class4" name="className" value="1"  />
  												<label for="class4"></label>
  												 <span>4班</span> 
  												 <input class="date-picker" type="text" class="form-control" style="width:200px;text-align:center;" placeholder="完成日期" name="lastStart" id="lastStart" data-date-format="yyyy-mm-dd" readonly="readonly" value=""/>
  											</li>
  											<li>
  												<input type="checkbox" id="class5" name="className" value="1" />
  												<label for="class5"></label>
  												<span>5班</span>
  												<input class="date-picker" type="text" class="form-control" style="width:200px;text-align:center;" placeholder="完成日期" name="lastStart" id="lastStart" data-date-format="yyyy-mm-dd" readonly="readonly" value=""/>
  											</li>
  											<li>
  												<input type="checkbox" id="class6" name="className" value="1" />
  												<label for="class6"></label>
  												<span>6班</span>
  												<input class="date-picker" type="text" class="form-control" style="width:200px;text-align:center;" placeholder="完成日期" name="lastStart" id="lastStart" data-date-format="yyyy-mm-dd" readonly="readonly" value=""/>
3b178498   =   1、完成布置练习保存数据的拼接
104
  											</li> -->
8fb81e72   =   1.增加练习列表页和布置练习页面
105
106
107
108
109
110
111
112
113
  										</ul>
  									</div>
  								
  								</td>
  							</tr>
  							
  						</table>
  						</div>
  						<hr />
725e1c03   =   1、布置练习开发
114
  						<div class="subject" style="width:80%;margin:0 auto;">
8fb81e72   =   1.增加练习列表页和布置练习页面
115
116
117
118
119
120
121
  							<table  width="100%">
  								<col width="50%"/>
  								<col width="20%"/>
  								<col width="20%"/>
  								<col width="10%"/>
  								<thead>
  									<tr>
6ef63c2d   =   1、完善布置练习交互
122
  										<th style="text-align:left;"><span>题目数量</span><span class="add">+</span><input type="number" class="w_100" id="que_num" value="0"/><span class="redu">-</span></th>
725e1c03   =   1、布置练习开发
123
124
  										<th><span>选项个数</span><span class="add">+</span><input type="number" class="w_100 ans_num" id="ans_num" value="4"/><span class="redu">-</span></th>
  										<th><span>分值</span><span class="add">+</span><input type="number" class="w_100 score" id="score" value="1"/><span class="redu">-</span></th>
8fb81e72   =   1.增加练习列表页和布置练习页面
125
126
127
128
129
130
131
132
133
134
  										<th></th>
  									</tr>
  								</thead>
  							</table>
  							<table width="100%" border="0"  class="subject_body_tabel">
  								<col width="10%"/>
  								<col width="40%"/>
  								<col width="20%"/>
  								<col width="20%"/>
  								<col width="10%"/>
68088573   =   1.布置练习数据渲染(数字转字母待解决)
135
136
  								<tbody class="subject_body_tbody">
  									<c:choose>
31d7a48c   孙向锦   分数bug修复
137
138
  										<c:when test="${not empty pd.QUESTIONS}">
  											<c:forEach items="${pd.QUESTIONS}" var="var" varStatus="vs">
68088573   =   1.布置练习数据渲染(数字转字母待解决)
139
140
141
142
143
144
  												<tr>
  													<td class="first">${var.RANK}</td>
  													<td class="middle">
  														<div class="question question${var.RANK}">
  															<ul>
  																<c:forEach var="i" begin="1" end="${var.OPTION_NUM}">
31d7a48c   孙向锦   分数bug修复
145
  																	<c:set var="a" value="${fn:substring('ABCDEFGHI',i-1,i)}"/>
68088573   =   1.布置练习数据渲染(数字转字母待解决)
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
  																	
  																	<li class="btn btn-default <c:if test="${fn:contains(var.RIGHT_ANSWER, a)}"> on </c:if>">${a}</li>
  																</c:forEach>
  																
  															</ul>
  														</div>
  														
  													</td>
  													<td class="middle"><span>选项个数</span><span class="add">+</span><input type="number" class="w_100 ans_num" value="${var.OPTION_NUM}"/><span class="redu">-</span></td>
  													<td class="middle"><span>分值</span><span class="add">+</span><input type="number" class="w_100 score" value="${var.SCORE}"/><span class="redu">-</span></td>
  													<td class="last"><a class="remove"><img src="static/images/remove.png" /></a></td>
  												</tr>
  											</c:forEach>
  										</c:when>
  										<c:otherwise>
  											<tr class="main_info">
  												<td colspan="100" class="center">没有相关数据</td>
  											</tr>
  										</c:otherwise>
  									</c:choose>									
  									
8fb81e72   =   1.增加练习列表页和布置练习页面
167
168
169
170
171
172
  								</tbody>
  							</table>
  						</div>
  						<hr />
  						<div>
  							<div style="text-align: center;" colspan="10">
c8fa5bc0   =   1.添加保存接口(10%)
173
  								
725e1c03   =   1、布置练习开发
174
  								<a class="btn btn-mini btn-primary" onclick="save();">确定布置</a>
8fb81e72   =   1.增加练习列表页和布置练习页面
175
176
177
178
179
  								<a class="btn btn-mini btn-danger" onclick="window.top.modal.remove();">取消</a>
  							</div>
  						</div>
  						<div id="zhongxin2" class="center" style="display:none"><br/><br/><br/><br/><br/><img src="static/images/jiazai.gif" /><br/><h4 class="lighter block green">提交中...</h4></div>
  					</form>
85ea5817   孙向锦   布置练习更新
180
181
182
183
  					
  					
  					${pd}
  					
8fb81e72   =   1.增加练习列表页和布置练习页面
184
185
186
187
188
189
190
191
192
193
194
195
  					</div>
  					<!-- /.col -->
  				</div>
  				<!-- /.row -->
  			</div>
  			<!-- /.page-content -->
  		</div>
  	</div>
  	<!-- /.main-content -->
  </div>
  <!-- /.main-container -->
  
8fb81e72   =   1.增加练习列表页和布置练习页面
196
197
198
199
200
201
202
203
  	<!-- 页面底部js¨ -->
  	<%@ include file="../../system/index/foot.jsp"%>
  	<!-- 下拉框 -->
  	<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>
3b178498   =   1、完成布置练习保存数据的拼接
204
  	<!--页面交互-->
68088573   =   1.布置练习数据渲染(数字转字母待解决)
205
  	<script src="static/js/control_homework.js?t=1"></script>
3b178498   =   1、完成布置练习保存数据的拼接
206
207
208
209
210
211
212
213
214
  	<script>
  	$(function() {
  		window.top.loading.remove();
  		//日期框
  		$(document).on("focus",".date-picker",function(){
  			$(this).datepicker({
  				autoclose: true,
  				todayHighlight: true
  			});			
725e1c03   =   1、布置练习开发
215
  		});
68088573   =   1.布置练习数据渲染(数字转字母待解决)
216
  	if('${pd.CLASS_ID}'==''){
3b178498   =   1、完成布置练习保存数据的拼接
217
  		$.ajax({         //获取该名教师下的班级信息
9b72ddba   =   1.修改布置练习和班长管理
218
  			url:'<%=basePath%>coursemanagement/teacherClass',
3b178498   =   1、完成布置练习保存数据的拼接
219
  			type:"get",
68088573   =   1.布置练习数据渲染(数字转字母待解决)
220
  			data:{teacher_id:'${pd.TEACHER_ID}'},
3b178498   =   1、完成布置练习保存数据的拼接
221
222
223
224
225
226
227
228
229
  			success:function(res){
  				console.log(res);
  				if(res.data.length>0){
  					var _html="";
  					$.each(res.data,function(k,v){
  						_html+='<li><input type="checkbox" id="class'+k+'" name="className" value="'+v.ID+'"><label for="class'+k+'"></label><span>'+v.CLASS_NAME+'</span><input class="date-picker" type="text" style="width:150px;text-align:center;" placeholder="完成日期" name="lastStart" id="lastStart" data-date-format="yyyy-mm-dd" readonly="readonly" value=""></li>';
  						
  					});
  					$(".classBox ul").html(_html);
6ef63c2d   =   1、完善布置练习交互
230
  				}
725e1c03   =   1、布置练习开发
231
  			}
6ef63c2d   =   1、完善布置练习交互
232
  		});
68088573   =   1.布置练习数据渲染(数字转字母待解决)
233
234
  	}
  		
8fb81e72   =   1.增加练习列表页和布置练习页面
235
  		
3b178498   =   1、完成布置练习保存数据的拼接
236
  	});
9b72ddba   =   1.修改布置练习和班长管理
237
238
239
240
241
242
243
244
245
246
247
248
249
  	
  	function save_data(data){
  		$.ajax({         //获取该名教师下的班级信息
  			url:'<%=basePath%>homework/uploadHomework',
  			type:"post",
  			dataType:"text",
  			data:{"JSON":data},
  			success:function(res){
  				alert("保存成功");
  				console.log(res);
  			}
  		});
  	}
85ea5817   孙向锦   布置练习更新
250
  	
3b178498   =   1、完成布置练习保存数据的拼接
251
  	</script>
8fb81e72   =   1.增加练习列表页和布置练习页面
252
253
  </body>
  </html>