孙向锦 / SunvoteEducation

Blame view

WebRoot/WEB-INF/jsp/sunvote/homework/homework_edit2.jsp 11.3 KB
Edit Raw Normal View History
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>
10679fa1   =   1、增加布置练习更新接口 
57
 
  											<c:if test="${pd.CLASS_ID != null}">
68088573   =   1.布置练习数据渲染（数字转字母待解决） 
58
59
60
61
62
63
64
 
  												<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>
10679fa1   =   1、增加布置练习更新接口 
122
 
  										<th style="text-align:left;"><span>题目数量</span><span class="add">+</span><input type="number" class="w_100" id="que_num" value="${pd.QUESTION_COUNT==null?0:pd.QUESTION_COUNT}"/><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>
91667610   =   1.增加预览 
175
 
  								<a class="btn btn-mini btn-danger" onclick="back()">取消</a>
8fb81e72   =   1.增加练习列表页和布置练习页面 
176
177
178
179
 
  							</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
10679fa1   =   1、增加布置练习更新接口 
182
85ea5817   孙向锦   布置练习更新 
183
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
 
  	<script>
10679fa1   =   1、增加布置练习更新接口 
207
208
 
  	var homework_id="${pd.HOMEWORK_ID}";
3b178498   =   1、完成布置练习保存数据的拼接 
209
210
 
  	$(function() {
  		window.top.loading.remove();
10679fa1   =   1、增加布置练习更新接口 
211
 
  		work.que_num=parseInt($("#que_num").val());
3b178498   =   1、完成布置练习保存数据的拼接 
212
213
214
215
216
217
 
  		//日期框
  		$(document).on("focus",".date-picker",function(){
  			$(this).datepicker({
  				autoclose: true,
  				todayHighlight: true
  			});
725e1c03   =   1、布置练习开发 
218
 
  		});
10679fa1   =   1、增加布置练习更新接口 
219
 
  	if(${pd.CLASS_ID==null}==true){
3b178498   =   1、完成布置练习保存数据的拼接 
220
 
  		$.ajax({         //获取该名教师下的班级信息
9b72ddba   =   1.修改布置练习和班长管理 
221
 
  			url:'<%=basePath%>coursemanagement/teacherClass',
3b178498   =   1、完成布置练习保存数据的拼接 
222
 
  			type:"get",
10679fa1   =   1、增加布置练习更新接口 
223
 
  			data:{teacher_id:"${pd.TEACHER_ID}"},
3b178498   =   1、完成布置练习保存数据的拼接 
224
225
226
227
228
229
230
231
232
 
  			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、完善布置练习交互 
233
 
  				}
725e1c03   =   1、布置练习开发 
234
 
  			}
6ef63c2d   =   1、完善布置练习交互 
235
 
  		});
68088573   =   1.布置练习数据渲染（数字转字母待解决） 
236
237
 
  	}
8fb81e72   =   1.增加练习列表页和布置练习页面 
238
3b178498   =   1、完成布置练习保存数据的拼接 
239
 
  	});
91667610   =   1.增加预览 
240
241
242
243
244
 
  	function back(){
  		var path = '<%=basePath%>homework/list.do?teacher_id=${pd.TEACHER_ID}';
  		parent.$("#mainFrame").attr('src',path);
  		window.top.loading.show();
  	}
9b72ddba   =   1.修改布置练习和班长管理 
245
246
247
248
249
250
251
 
  	function save_data(data){
  		$.ajax({         //获取该名教师下的班级信息
  			url:'<%=basePath%>homework/uploadHomework',
  			type:"post",
  			dataType:"text",
  			data:{"JSON":data},
  			success:function(res){
0243e1b6   =   1、优化交互 
252
253
254
255
256
257
258
259
260
261
 
  				var res=JSON.parse(res);
  				if(res.message=="success"){
  					alert(res.message);
  					console.log(res);
  					
  					var path = '<%=basePath%>homework/list.do?teacher_id=${pd.TEACHER_ID}';
  					parent.$("#mainFrame").attr('src',path);
  					window.top.loading.show();
  				}
9b72ddba   =   1.修改布置练习和班长管理 
262
263
264
 
  			}
  		});
  	}
10679fa1   =   1、增加布置练习更新接口 
265
266
 
  	function up_data(data){
  		$.ajax({         //获取该名教师下的班级信息
0243e1b6   =   1、优化交互 
267
 
  			url:'<%=basePath%>homework/updateHomework',
10679fa1   =   1、增加布置练习更新接口 
268
269
270
271
 
  			type:"post",
  			dataType:"text",
  			data:{"JSON":data},
  			success:function(res){
0243e1b6   =   1、优化交互 
272
273
274
275
276
277
278
279
280
281
 
  				var res=JSON.parse(res);
  				if(res.message=="success"){
  					alert(res.message);
  					console.log(res);
  					
  					var path = '<%=basePath%>homework/list.do?teacher_id=${pd.TEACHER_ID}';
  					parent.$("#mainFrame").attr('src',path);
  					window.top.loading.show();
  					
  				}
10679fa1   =   1、增加布置练习更新接口 
282
283
284
 
  			}
  		});
  	}
85ea5817   孙向锦   布置练习更新 
285
3b178498   =   1、完成布置练习保存数据的拼接 
286
 
  	</script>
8fb81e72   =   1.增加练习列表页和布置练习页面 
287
288
 
  </body>
  </html>