Yumin
/
TQE


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
							<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>


<html>

<head>

<%@ include file="../header.jspf"%>

<title>评教指标显示|${evalTable.title}</title>

<style type="text/css">


.quest {

	font-size: medium;

	margin-top: 50px

}


.questArea {

	margin-top: 10px;

	padding-left: 50px

}


.nav-left {

	position: fixed;

	width: 60px;

	height: 60px

}


</style>

</head>


<body >

	<div class="container-fluid">

		<%@ include file="../head.jsp"%>

		<div class="row" style="margin-top: 70px">

			<div class="col-sm-2">

				<%@ include file="../left.jsp"%>

			</div>

			<div class="col-sm-10">

				<div style="text-align: center;margin-top: 100px">

					<h2>${evalTable.title }</h2>

				</div>

				<div class="row">


					<!--左侧的导航条 -->

					<div class="col-xs-12"  >

						
						<form

							action="${pageContext.request.contextPath}/admin/paper/answer"

							method="post">

							<input type="hidden" name="id" value="${evalTable.id}">


                            <div class=" bs-callout bs-callout-danger" id="part1">


                                <h4>评教须知:</h4>


                                <p>${evalTable.note }</p>

                            </div>


                            <div class=" bs-callout bs-callout-info" id="part2">

                                <h4>请如实填写表单信息:</h4>

                                <table class="table table-striped table-hover ">

                                    <c:forEach items="${evalTable.itemList}" var="item"

                                               varStatus="s">

                                        <tr>

                                            <td style="width: 10%;"><p class="">${item.context}：<p></td>

                                            <td ><input type="text" class="form-control"/></td>

                                        </tr>

                                    </c:forEach>

                                </table>

                            </div>


							<!-- 问答题 -->

							<div class="bs-callout bs-callout-info" id="part3">

									<h4 class="panel-title">打分表和评价</h4>

									<table class="table table-striped table-hover table-bordered">

										<tr>

											<td>序号</td>

											<td>评价项目</td>

											<td>评价等级及参考分数(A B C D)</td>

											<td>得分</td>

										</tr>

										<c:forEach items="${evalTable.tableItemList}" var="item"

											varStatus="s">

											<tr>

												<td>${s.count}</td>

												<td>${item.context}</td>

												<td>

													${item.level}

												
												</td>

												<td>

													<select type="number" class="form-control score" required="required">

														<c:forTokens items="${item.level}" delims=" " var="num">

															<option value="${num}">${num}</option>

														</c:forTokens>

													</select>	

												</td>

											</tr>


										</c:forEach>

										<tr class="warning">

											<td>评价级别</td>

											<td >

												<div class="progress">

													<div

														class="progress-bar progress-bar-danger progress-bar-striped active" 

														role="progressbar" aria-valuenow="20" aria-valuemin="0"

														aria-valuemax="100" style="min-width:10%;width: 0%" id="level">

														0分

													</div>

												</div>

											</td>

											<td>总分</td>

											<td id="sum">0分</td>

										</tr>

									</table>

									<c:forEach items="${evalTable.questionList}" var="que"

										varStatus="s">


										<div class="quest">

											<code>${s.count}.</code>

											${que.context }

										</div>

										<div class="questArea">

											<textarea class="form-control"></textarea>

										</div>

									</c:forEach>


							</div>


						</form>

					</div>

				</div>

				<!-- 第一行结束 -->

			</div>

		</div>


	</div>

	<script type="text/javascript">

		$(function() {


			$(".score").bind('change click ready',function() {

				var sum = 0;

				$.each($(".score"), function() {

					sum += parseInt($(this).val());

				});

				var lev;

				if(sum<60){

					$("#level").removeClass("progress-bar-warning")

					.removeClass("progress-bar-info")

					.removeClass("progress-bar-success")

					.addClass("progress-bar-danger");

					lev = '差';

				}else if(sum<75){

					$("#level").removeClass("progress-bar-danger")

					.removeClass("progress-bar-info")

					.removeClass("progress-bar-success")

					.addClass("progress-bar-warning");

					lev = '一般';

					
				}else if(sum<90){

					$("#level").removeClass("progress-bar-danger")

					.removeClass("progress-bar-warning")

					.removeClass("progress-bar-success")

					.addClass("progress-bar-info");

					lev = '良好';

					
				}else{

					$("#level").removeClass("progress-bar-warning")

					.removeClass("progress-bar-info")

					.removeClass("progress-bar-danger")

					.addClass("progress-bar-success");

					lev = '优秀';

					
				}

				$("#level").css("width",sum+"%");

				$("#level").html(sum+"分   "+lev);

				$("#sum").html(sum+"分   "+lev);

			});

		});

	</script>

	<%@ include file="../buttom.jsp"%>

</body>

</html>