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>