Yumin
/
TQE


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292
							<%@ page language="java" pageEncoding="UTF-8" %>

<html>
<head>
    <%@ include file="../header.jspf" %>
    <title>开始评教|${evalTable.title}</title>
    <style type="text/css">
        .quest {
            font-size: medium;
            margin-top: 20px
        }

        .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 class="row">

                <!--左侧的导航条 -->
                <%--<div class="col-xs-1">--%>
                <%--<ul class="nav nav-pills nav-stacked nav-left" role="tablist"--%>
                <%--id="nav">--%>
                <%--<li role="presentation" class="pre active"><a href="#part1">评教须知</a></li>--%>
                <%--<li role="presentation" class="pre"><a href="#part2">表头</a></li>--%>
                <%--<li role="presentation" class="pre"><a href="#part3">表单项</a></li>--%>
                <%--</ul>--%>
                <%--</div>--%>
                <!--左侧的导航条 -->

                <div class="col-xs-12">
                    <div class="row">
                        <div class="col-sm-8">
                            <div class="bs-callout bs-callout-warning">
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div style="text-align: center">
                                            <h2><span icon="bookmark"></span>${course.name } -- ${course.teacher.name }</h2>

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

                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <table class="table table-condensed table-hover  no-border"
                                               style="text-align: left;">
                                            <tr>
                                                <td>学院:</td>
                                                <td>${course.department }</td>
                                            </tr>
                                            <tr>
                                                <td>学期:</td>
                                                <td>${course.season }</td>
                                            </tr>
                                            <tr>
                                                <td>批次:</td>
                                                <td>${batches.name }</td>
                                            </tr>
                                            <tr>
                                                <td>评教开始日期：</td>
                                                <td><fm:formatDate value="${batches.beginDate}"
                                                                   dateStyle="medium"/></td>
                                            </tr>
                                            <tr>
                                                <td>评教截止时间：</td>
                                                <td><fm:formatDate value="${batches.endDate }" dateStyle="medium"/></td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class=" bs-callout bs-callout-danger" id="part1">
                                <h4 icon="warning-sign">评教须知:</h4>
                                <p>${evalTable.note }</p>
                            </div>
                        </div>
                    </div>

                    <form
                            action="${pageContext.request.contextPath}/admin/eval/save/${type}"
                            method="post" id="eval-form">
                        <input type="hidden" name="eid" value="${evalTable.id}">
                        <input type="hidden" name="cid" value="${ course.cid}">
                        <input type="hidden" name="cno" value="${ course.cno}">
                        <input type="hidden" name="bid" value="${ batches.id}">
                        <input type="hidden" name="sid" value="${sessionScope.student.sid}${requestScope.sid}">
                        <input type="hidden" name="tid" value="${sessionScope.teacher.id}">
                        <input type="hidden" name="lid" value="${sessionScope.leader.id}">
                        <input type="hidden" name="score" id="sum1" value="">
                        <input type="hidden" name="level" id="level1" value="">
                        <!--评教须知: -->


                        <div class=" bs-callout bs-callout-info" id="part2">
                            <h4>请如实填写表单信息:</h4>
                            <table class="table table-hover ">
                                <c:forEach items="${evalTable.itemList}" var="item"
                                           varStatus="s">
                                    <tr>
                                        <td style="width: 100px;">${item.context}：</td>
                                        <td><input type="text" class="form-control" name="itemList[${s.index}].ans"
                                                   required="required"></td>
                                    </tr>

                                </c:forEach>
                            </table>
                        </div>


                        <!-- 打分表和评价 -->
                        <div class="panel panel-primary" id="part3">
                            <div class="panel-heading">
                                <h3 class="panel-title">打分表和评价</h3>
                            </div>
                            <div class="panel-body">
                                <table class="table table-striped table-hover table-bordered table-condensed"
                                       style="text-align: center">
                                    <thead>
                                    <tr hight="10px">
                                        <td width="8%">序号</td>
                                        <td>评价项目</td>
                                        <td>评分</td>
                                        <td>评价等级及参考分数(A B C D)</td>

                                    </tr>
                                    </thead>
                                    <tbody>
                                    <c:forEach items="${evalTable.tableItemList}" var="item"
                                               varStatus="s">
                                        <tr>
                                            <td>${s.count}</td>
                                            <td>${item.context}</td>

                                            <td>
                                                <select class="form-control score" required="required"
                                                        name="tableItemList[${s.index}].ans" min="0" max="100">
                                                    <option value="0">未选</option>
                                                    <c:forTokens items="${item.level}" delims=" " var="num">
                                                        <option value="${num}">${num}</option>
                                                    </c:forTokens>
                                                </select>
                                            </td>

                                            <td>${item.level}</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>
                                    </tbody>
                                </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 question-ans" name="questionList[${s.index}].ans"
                                                  required="required" rows="8"></textarea>
                                    </div>
                                </c:forEach>

                                <div style="text-align: center;margin-top: 100px;">
                                    <c:if test="${type=='student' || type=='teacher' || type=='leader' || type=='teaStu'}">
                                        <button icon="saved" class="btn btn-info btn-lg btn-block"
                                               onclick="return confirm('一旦提交，不可修改，确认要提交吗？');"
                                               type="submit" >点此提交评价</button>
                                    </c:if>

                                </div>
                            </div>

                        </div>

                    </form>
                </div>
            </div>
            <!-- 第一行结束 -->
        </div>
    </div>

</div>
<script
        src="${pageContext.request.contextPath}/js/jquery.validate.min.js"></script>
<script
        src="${pageContext.request.contextPath}/js/messages_zh.min.js"></script>
<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);
            $("#sum1").val(sum);
            $("#level1").val(lev);
        });
    });

    $(function () {

        $("#eval-form").validate({
            submitHandler: function (form) {
                var success = true;
                $(".score").each(function () {
                    var $score = $(this);
                    var value = $score.find("option:selected").val();
                    if (value == 0) {
                        $score.focus();
                        alert("您还有评分没有选择");
                        success = false;
                        return false;
                    }
                });
                if (success) {
                    form.submit();
                }

            }
        });
        autoAddIcon();
    });
</script>
<%@ include file="../buttom.jsp" %>
</body>
</html>