YNICTE/BO/Views/croom/grade2.cshtml

@model NP.Model.VMLect   
@{ 
    int idx = 1;
}
<form id="mform" method="post">
@if (Model.CMEXes.Count() < 1)
{
    @:*등록된 평가가 없습니다.
}
else
{
    <table class="regtable" style="margin-top: 0;">
        <colgroup><col width="200" /><col /></colgroup>
        <tr>
            <th>회차선택</th>
            <td>
                <select name="addstringval" id="addstringval" class="form-control disp-init" onchange="changeex(this)">
                    @foreach (var e in Model.CMEXes)
                    {
                        <option value="@e.exno" @(Model.addstringval == e.exno.ToString() ? "selected" : "")>@(e.rno) 회</option>
                    }
                </select>
            </td>
        </tr>
        @foreach (var e in Model.CMEXes)
        {
            <tr class="extr hidden ex@(e.rno)"><th>평가명</th><td>@e.exname</td></tr>
            <tr class="extr hidden ex@(e.rno)"><th>만점/조건</th><td>@string.Format("{0}점 만점 / 진도율 {1}% 이상", e.tpoint, e.econdition)</td></tr>
            <tr class="extr hidden ex@(e.rno)"><th>평가내용</th><td>@Html.Raw((e.edesc ?? "").Replace(System.Environment.NewLine, "<br/>"))</td></tr>
        }
    </table>
}
    <br />
    <section class="panel panel-default">
        <div style="padding: 10px 10px">
            @Html.Partial("./Partial/Select", null, new ViewDataDictionary { { "valuetext", ":-환급여부;1:환급;0:비환급" }, { "name", "addstringval2" }, { "selected", Model.addstringval2 }, { "style", (Model.CM.isrefund == 1 ? "" : "display:none;") }, { "onchange", "findme()" } })
            @Html.Partial("./Partial/Select", null, new ViewDataDictionary { { "valuetext", ":-응시상태;2:응시완료;1:응시중;0:미응시" }, { "name", "addstringval3" }, { "selected", Model.addstringval3 }, { "onchange", "findme()" } })
            <a href="#" class="f-r btn btn-default" onclick="golist();" style="margin-left: 20px;">목록</a>
            @Html.Partial("./Partial/sembtns", "#tbody1;" + (Model.IsAdmin ? "1;1;1" : "0;0;0") + ";1;right;평가안내")
        </div>
        <div class="table-responsive" id="excel1">
            <table class="table table-striped b-t b-light">
                <thead>
                    <tr>
                        <th><input type="checkbox" onclick="javascript: checkall('excel1', this);" /></th>
                        <th width="20">No</th>
                        <th>구분</th>
                        <th>고객사</th>
                        <th>교육생(ID)</th>
                        <th>응시일자<br />(제출일자)</th>
                        <th>경과시간</th>
                        <th>IP</th>
                        <th>응시상태</th>
                        <th>총점</th>
                        <th>관리</th>
                        <th>응시기록</th>
                    </tr>
                </thead>
                <tbody class="data" id="tbody1">
@foreach (var d in Model.LectEXes)
{
                    <tr data-exno="@d.exno" data-lectno="@d.lectno">
                        <td><input type="checkbox" class="autocheck" value="@d.lectno" data-userno="@d.userno" /></td>
                        <td>@d.rnorvt</td>
                        <td>@d.isrebatename</td>
                        <td>@d.asname</td>
                        <td>@d.usernameid</td>
                        <td>@(d.estartymdhm)<br />@(d.eend == null ? "": string.Format("({0})", d.eendymdhm))</td>
                        <td>@d.eseterm</td>
                        <td>@d.eip</td>
                        <td class="estate@(d.estate)">@d.estatename</td>
                        <td><a class="btn btn-xxs btn-select" onclick="viewex(@d.exno, @d.lectno,@(idx++))" href="#">@d.tpoint</a></td>
                        <td class="link text-center">
                        @if (d.estart != null)
                        {
                            <a style="color:#fff" onclick="reexam(@d.exno, @d.lectno)" href="#" class="btn btn-select btn-xxs">재응시</a>
                        }
                        </td>
                        <td class="link text-center">
                            <a style="color:#fff" onclick="viewreexam(@d.exno, @d.lectno)" href="#" class="btn btn-select btn-xxs">조회</a>
                        </td>
                    </tr>
}
                </tbody>
            </table>
        </div>
    </section>
    @Html.Partial("./Partial/dform", Model)
</form>
<div id="thisbox" class="findbox draggable regbox" style="width: 800px; z-index: 1041; top: 60px; bottom: 30px; overflow: auto;">
    <h4><i class="fa fa-bars"></i> <span id="pcap">시험 상세결과</span><a href="#" class="btn btn-default btn-xs f-r closethisbox" data-click="checkclose()">닫기</a></h4>
    <br />
    <h5><i class="fa fa-bars"></i> 개요</h5>
    <table class="regtable" id="exsummary">
        <tr>
            <th>소속</th>
            <th>이름(ID)</th>
            <th>총점</th>
            <th>객관식</th>
            <th>단답형</th>
            <th>서술형</th>
        </tr>
        <tr>
            <td id="asname"></td>
            <td id="usernameid"></td>
            <td id="tpoint"></td>
            <td id="a0point"></td>
            <td id="a1point"></td>
            <td id="a2point"></td>
        </tr>
    </table>
    <br />
    <h5><i class="fa fa-bars"></i> 채점결과</h5>
    <div>
        <table class="regtable">
            <colgroup><col width="100" /><col /></colgroup>
            <tbody id="exdata"></tbody>
        </table>
    </div>
    <br /><br />
    <div class="botfixempty">&nbsp;</div>
    <div style="position: fixed; bottom: 30px; left: 200px; width: 800px; height: 50px; background-color: #fff; text-align: center;">
        <a href="#" id="btnpre" class="btn btn-info btn-xs" onclick="gopage(-1)">◀이전</a>
        <a href="#" id="btnnext" class="btn btn-info btn-xs" onclick="gopage(1)">다음▶</a>
        <a href="#" class="btn btn-default btn-xs closethisbox" data-click="checkclose()">닫기</a>
    </div>
    </div>
<div id="thisbox2" class="findbox draggable regbox" style="width: 600px; z-index: 1041; top: 60px; overflow: auto;">
    <h4><i class="fa fa-bars"></i> <span id="pcap">응시기록확인</span><a href="#" class="btn btn-default btn-xs f-r closethisbox">닫기</a></h4>
    <table class="regtable">
        <colgroup><col style="width:10%" /><col/><col /><col /><col /> </colgroup>
        <thead>
            <tr>
                <th>No</th>
                <th>응시일자</th>
                <th>제출일자</th>
                <th>경과시간</th>
                <th>IP</th>
            </tr>
        </thead>
        <tbody id="tbody2">
        </tbody>
    </table>
</div>
<style type="text/css">
    td.estate0{background-color: #ffd7bb !important; color: red;}
    .tablea0{word-break: break-all; width: 100%;}
    .tablea0 tr td{text-align: center;}
    .tablea0 tr td.qi{text-align: left;}
    .regtable tr td .tablea0 tr td {padding: 6px 5px;}
    #exsummary tr td{text-align: center;}
    td.qi div.imgbox.active{position: fixed; left: 10%; top: 10%; height: 80%; width: 80%; z-index: 3000; background-color: #999; text-align: center;padding-top: 10%;}
    td.qi div.imgbox.active img{height: 60%; max-width: 60%;}
</style>
<script>
    $(document).ready(function () {
        $("tr.ex" + ($("#addstringval").find("option").index($("#addstringval").find("option:selected")) + 1)).removeClass("hidden");
        $("body").on("click", "td.qi div.imgbox", function () {
            $(this).toggleClass("active");
        });
        $("body").on("click", "td.save a.btn-danger", function () {
            var input = $(this).closest("td").find("input");
            if (getint(input.val()) > getint(input.attr("data-max"))) {
                $(input).focus();
                msg2(input.attr("data-max") + "점 이하로 입력해주세요.");
            } else if (confirm("점수를 수정하시겠습니까?")) {
                capp("/acommon/lectexqpoint", { exno: _exno, lectno: _lectno, eqno: input.attr("data-eqno"), cpoint: getint(input.val()) }, "cblectexqpoint", null, null, null, true);
            }
        });
    });
    var _ispointchanged = false;
    function cblectexqpoint() {
        if (capResult.code == 1000) {
            _ispointchanged = true;
            msg2("점수를 변경하였습니다(수료처리는 별도로 진행해야합니다.)");
        } else {
            msgdev(true);
        }
    }
    function findme() {
        bglayer(); submit();
    }

    var _saveidx = 0;
    function gopage(idx) {
        if (idx != 0) {
            _saveidx = idx;
            hidelayermsg(true);
            getexs(true);
        }
    }
    var _isprenext = false;
    function getexs(isprenext) {
        _isprenext = isprenext;
        if (isprenext) {
            $("#tbody1 tr").remove();
            capp("/acommon/lectexes", { cmno: @Model.CM.cmno, exno: $("#addstringval").val(), isrebate: valnull("addstringval2"), sdstate: valnull("addstringval3") }, "cblectexes", null, null, null, true);
        }
    }
    function changeex(s) {
        $("tr.extr").addClass("hidden");
        $("tr.ex" + ($(s).find("option").index($(s).find("option:selected")) + 1)).removeClass("hidden");
        $("#tbody1 tr").remove();
        capp("/acommon/lectexes", { cmno: @Model.CM.cmno, exno: $(s).val(), isrebate: valnull("addstringval2"), estate: valnull("addstringval3") }, "cblectexes");
    }
    function cblectexes() {
        $.each(capResult.obj, function (i, d) {
            $("#tbody1").append(("<tr data-exno=\"{12}\" data-lectno=\"{0}\">" +
                "<td><input type=\"checkbox\" class=\"autocheck\" value=\"{0}\" data-userno=\"{1}\" /></td>" +
                "<td>{2}</td>" +
                "<td>{3}</td>" +
                "<td>{4}</td>" +
                "<td>{5}</td>" +
                "<td>{6}<br />{7}</td>" +
                "<td>{8}</td>" +
                "<td>{9}</td>" +
                "<td class=\"estate{10}\">{11}</td>" +
                "<td><a class=\"btn btn-xxs btn-select\" onclick =\"viewex({12}, {0},{15})\" href=\"#\">{13}</a></td>" +
                "<td class=\"link text-center\">{14}</td>" +
                "<td class=\"link text-center\"><a style=\"color:#fff;\" onclick=\"viewreexam({12},{0})\" href=\"#\" class=\"btn btn-select btn-xxs\">조회</a></td>" +
                "</tr>").format(d.lectno, d.userno, d.rnorvt, d.isrebatename, getdb(d.asname)
                    , d.usernameid, d.estartymdhm, getdb(d.eend) == "" ? "" : "({0})".format(d.eendymdhm), d.eseterm, getdb(d.eip)
                    , d.estate, d.estatename, d.exno, d.tpoint
                    , (getdb(d.estart) != "") ? ("<a style=\"color:#fff;\" onclick=\"reexam({12}, {0})\" href=\"#\" class=\"btn btn-select btn-xxs\">재응시</a>") : "",(i+1)));
        });
        if (_isprenext) {
            viewex($("#tbody1 tr:eq(" + (_ridx + _saveidx - 1) + ")").attr("data-exno"), $("#tbody1 tr:eq(" + (_ridx + _saveidx - 1) + ")").attr("data-lectno"), _ridx + _saveidx);
        }
    }
    function reexam(exno, lectno) {
        capp("/acommon/reexam", { exno: exno, lectno: lectno }, "cbreexam");
    }
    function cbreexam() {
        if (capResult.code == 1000) {
            msg("재응시 처리했습니다.", null, null, null, true);
            submit("mform", 500);
        }
    }
    function viewreexam(exno, lectno) {
        capp("/acommon/reexamlog", { exno: exno, lectno: lectno }, "cbviewreexam");
    }
    function cbviewreexam() {
        $("#tbody2 tr").remove();
        if (capResult.obj.length > 0) {
            $.each(capResult.obj, function (i, d) {
                $("#tbody2").append("<tr><td style=\"text-align:center;\">" + d.rnorvt + "</td><td>" + d.estartymdhm + "</td><td>" + (d.eend == null ? "" : d.eendymdhm) + "</td><td>" + d.eseterm + "</td><td>" + d.eip + "</td></tr>");
            });
        } else {
            $("#tbody2").append("<tr><td colspan=\"5\" style=\"text-align:center; font-weight:bold;\">- 재응시 이력이 없습니다.</td></tr>");
        }
        setTimeout(function () {
            bglayer(); $("#thisbox2").slideDown("fast", function () { $("#thisbox2").scrollTop(0); });
        }, 10);
    }
    var _exno = 0;
    var _lectno = 0;
    var _ridx = 0;
    function viewex(exno, lectno,ridx) {
        _exno = exno;
        _lectno = lectno;
        _ridx = ridx;
        $("#exdata tr").remove();
        capp("/acommon/lectex", { lectno: lectno, exno: exno }, "cblectex");
    }
    function cblectex() {
        var lectex = capResult.obj.lectex;
        var lectexq = capResult.obj.lectexq;
        var lectexqs = capResult.obj.lectexqs;
        var qis = capResult.obj.qis;

        sett("asname", getdb(lectex.asname));
        sett("usernameid", getdb(lectex.usernameid))
        sett("tpoint", "{0}/{1}".format(lectex.tpoint, lectex.extpoint));
        var v1 = 0;
        var v2 = 0;
        $.each(lectexq, function (i, d) {
            if (d.atype == 0) {
                v1 += d.cpoint;
                v2 += d.dpoint;
            }
        });
        sett("a0point", "{0}/{1}".format(v1, v2));
        v1 = 0;
        v2 = 0;
        $.each(lectexq, function (i, d) {
            if (d.atype == 1) {
                v1 += d.cpoint;
                v2 += d.dpoint;
            }
        });
        sett("a1point", "{0}/{1}".format(v1, v2));
        v1 = 0;
        v2 = 0;
        $.each(lectexq, function (i, d) {
            if (d.atype == 2) {
                v1 += d.cpoint;
                v2 += d.dpoint;
            }
        });
        sett("a2point", "{0}/{1}".format(v1, v2));
        var html = "";
        $.each(lectexq, function (i, d) {
            if (d.atype == 0) {
                html += "" +
                    "<tr><th>문제" + (i + 1) + "</th>" +
                    "<td>" + d.qtext + "</td></tr>" +
                    "<tr><th>보기</th>" +
                    "<td><table class=\"tablea0\"><colgroup><col width=\"50\" /><col width=\"50\" /><col width=\"80\" /><col /></colgroup><tr><th>정답</th><th>선택</th><th>비율</th><th>보기</th></tr>";
                $.each(qis, function (i2, d2) {
                    if (d2.qno == d.qno) {
                        var tqi = null;
                        $.each(lectexqs, function (i3, d3) {
                            if (d3.qno == d2.qno) {
                                tqi = d3;
                                return false;
                            }
                        });
                        html += "" +
                            "<tr><td>" + (d2.isright == 1 ? "[정답]" : "") + "</td>" +
                            "<td>" + (("," + getdb(d.atext) + ",").indexOf("," + d2.qino + ",") > -1 ? "[선택]" : "") + "</td>" +
                            "<td>[" + (tqi == null ? 0 : tqi.countselect) + "명, " + (tqi == null ? 0 : tqi.avgselect) + "%]</td>" +
                            "<td class=\"qi\">" + (d2.fileurl == null ? "":"<div class=\"imgbox\"><img style='max-width: 90%;' src='@Model.Files" + getdb(d2.fileurl) + "' alt='' style=\"max-width: 50%;\" /></div>") + (d2.qitext) + "</td></tr>";
                    }
                });
                html += "</table></td></tr>" +
                    "<tr><th>점수</th>" +
                    "<td class=\"save\">선다형) <input type=\"text\" data-eqno=\"" + d.eqno + "\" data-max=\"" + d.dpoint + "\" data-org=\"" + d.cpoint + "\" class=\"form-control disp-init int text-center\" maxlength\"2\" style=\"width: 100px;\" value=\""+d.cpoint+"\" /> / " + d.dpoint + "점 <a href=\"#\" class=\"btn btn-danger\">저장</a></td></tr><tr><td colspan=\"2\">&nbsp;</td></tr>";
            }
            else if (d.atype == 1) {
                var rights = "";
                $.each(qis, function (i2, d2) {
                    if (d2.qno == d.qno) {
                        rights += "," + d2.qitext;
                    }
                });
                rights = rights == "" ? "" : rights.substr(1);
                html += "<tr><th>문제" + (i + 1) + "</th><td>" + d.qtext + "</td></tr>" +
                    "<tr><th>정답</th><td>" + rights + "</td></tr>" +
                    "<tr><th>응시자답안</th><td>" + getdb(d.atext) + "</td></tr>" +
                    "<tr><th>점수</th>" +
                    "<td class=\"save\">단답형) <input type=\"text\" data-eqno=\"" + d.eqno + "\" data-max=\"" + d.dpoint + "\" data-org=\"" + d.cpoint + "\" class=\"form-control disp-init int text-center\" maxlength\"2\" style=\"width: 100px;\" value=\"" + d.cpoint +"\" /> / " + d.dpoint + "점 <a href=\"#\" class=\"btn btn-danger\">저장</a></td></tr><tr><td colspan=\"2\">&nbsp;</td></tr>";
            }
            else if (d.atype == 2) {
                html += "<tr><th>문제" + (i + 1) + "</th><td>" + d.qtext + "</td></tr>" +
                    "<tr><th>응시자답안</th><td>" + getdb(d.atext) + "</td></tr>" +
                    "<tr><th>점수</th>" +
                    "<td class=\"save\">서술형) <input type=\"text\" data-eqno=\"" + d.eqno + "\" data-max=\"" + d.dpoint + "\" data-org=\"" + d.cpoint + "\" class=\"form-control disp-init int text-center\" maxlength\"2\" style=\"width: 100px;\" value=\"" + d.cpoint +"\" /> / " + d.dpoint + "점 <a href=\"#\" class=\"btn btn-danger\">저장</a></td></tr><tr><td colspan=\"2\">&nbsp;</td></tr>";
            }
        });
        $("#exdata").append(html);

        $("#btnpre,#btnnext").show();
        if (_ridx == 1) {
            $("#btnpre").hide();
        }
        if (_ridx == $("#tbody1 tr").length) {
            $("#btnnext").hide();
        }

        setTimeout(function () {
            bglayer(); $("#thisbox").slideDown("fast", function () { $("#thisbox").scrollTop(0); });
            bglayer2(false);
        }, 10);
    }
    function checkclose() {
        //191223.kfcf-req 점수변경시 페이지 갱신 안되도록 수정
        self.close();
        bglayer(false);
    }
</script>