safesite/safesite/templates/examtestdetail.html

<div class="easyui-layout" id="result" style="width:100%;height:100%"></div>
<script type="text/html" id="text">
    {% verbatim %}
    <div id='southdiv' data-options="region:'south'" style="height:50px;text-align:center;padding:5px">
        <a id="exportksword" onclick="exportksword()" class="easyui-linkbutton" data-options="iconCls: 'fa-download'">导出</a>
        <a iconCls="fa-close" class="easyui-linkbutton" onclick="closeForm()">关闭</a>
    </div>
    <div data-options="region:'center'" style="height:100%;">
        <div id="tt" class="easyui-tabs" border=false>
                <div title="考试信息" style="height:100%;padding:15px 15px;">
        <div class="labeldiv">状态信息</div>
        {{if state==0}}
        <p><span style="color:red;font-weight:bold">已关闭</span></p>
        {{else if state==1}}
        <p><span style="color:red;font-weight:bold">进行中</span></p>
        {{/if}}
        <div class="labeldiv">考试详情</div>
        <table class='detailtable'>
            <tr>
                <td colspan="2">考试编号：{{num}}</td>
            </tr>
            <tr>
                <td style="width:50%">考试名称：{{name}}</td>
                {{if type==1}}
                <td style="width:50%">考试类型：正式考试</td>
        {{else if type==2}}
        <td style="width:50%">考试类型：模拟考试</td>
        {{/if}}
                
            </tr>
            <tr>
                <td style="width:50%">发布人：{{createuser__name}}</td>
                <td style="width:50%">发布时间：{{createtime| dateFormat 'yyyy-MM-dd hh:mm'}}</td>
            </tr>
            <tr>
                <td>所用试卷：{{exampaper__name}}</td>
                <td>限制用时：{{duration}} 分钟</td>
            </tr>
            <tr>
                <td>满分：{{totalscore}}</td>
                <td>通过分：{{passscore}}</td>
            </tr>
        </table>
        <div class="labeldiv">考卷统计</div>
        <table class='detailtable'>
            <tr>
                <td style="width:50%">应考人数：{{yingkrs}}</td>
        <td style="width:50%">已考人数：{{yikrs}}</td>     
            </tr>
            <tr>
                <td style="width:50%">通过人数：{{tgrs}}</td>
                <td style="width:50%">通过率：{{tgl}}</td>     
                    </tr>
            </tr>
        </table>
        <div class="labeldiv">参加考试二维码</div>
    <img src='{{qrcode}}' height=220px width=220px>
    </div>
    <div title="答题信息" style="height:100%;padding:15px 15px;">
            <table class='detailtable'>
                    <thead>
                        <tr>
                            <th style="width:5%">
                                序号
                            </th>
                            <th style="width:15%">
                                姓名
                            </th>
                            <th style="width:10%">
                                部门
                            </th>
                            <th style="width:10%">
                                状态
                            </th>
                            <th style="width:10%">
                                得分
                            </th>
                            <th style="width:10%">
                                用时
                            </th>
                            <th style="width:15%">
                                答题详情
                            </th>
                            <th style="width:20%">
                                重新考试
                            </th>
                        </tr>
                    </thead>
                    {{each cjrydetail}}
                    <tr>
                        <td>{{$index+1}}</td>
                        <td>{{$value.user__name}}</td>
                        <td>{{$value.user__ubelongpart__partname}}</td>
                        {{if $value.ison==0}}
                        <td><font color="red">未参加</font></td>
                        {{else}}
                        <td><font color="green">已参加</font></td>
                        {{/if}}
                        <td>{{$value.score}}</td>
                        <td>{{$value.took}}</td>
                        <td id="examdlid" style="display:none">{{$value.id}}</td>
                        <td><a target="_blank" href="/html/examhistory/{{$value.id}}">点击查看</a></td>
                        {{if $value.passcode==0&&$value.ison==1&&state==1}}
                        <td><button style="background-color: #00ff5a;color: #004eff;" onclick="updateIson()">重新发布试卷</button></td>
                        {{else}}
                        <td><font color="green"></font></td>
                        {{/if}}
                    </tr>
                    {{/each}}
                </table>
                
    </div>
    
    </div>
    </div>
    {% endverbatim %}
</script>
<script type="text/javascript" src="/static/safesite/mystatic/js/template-web.js"></script>
<script>
    var html;
    var state;
    var ksid = {{ id }};
    var ksdata
    template.defaults.imports.dateFormat = function (date, format) {
        date = new Date(date);
        var map = {
            "M": date.getMonth() + 1, //月份
            "d": date.getDate(), //日
            "h": date.getHours(), //小时
            "m": date.getMinutes(), //分
            "s": date.getSeconds(), //秒
            "q": Math.floor((date.getMonth() + 3) / 3), //季度
            "S": date.getMilliseconds() //毫秒
        };
        format = format.replace(/([yMdhmsqS])+/g, function (all, t) {
            var v = map[t];
            if (v !== undefined) {
                if (all.length > 1) {
                    v = '0' + v;
                    v = v.substr(v.length - 2);
                }
                return v;
            }
            else if (t === 'y') {
                return (date.getFullYear() + '').substr(4 - all.length);
            }
            return all;
        });
        return format;
    };
    template.defaults.imports.gfilename = function (value) {
        x = value.split('/').pop();
        return x;
    }
    $.ajax({
        type: "get",
        url: "api/examtest?a=detail",
        data: { id: ksid },
        async: false,    // ajax同步使用false
        success: function (data) {
            var cjrydetail = data.cjrydetail
            console.log(cjrydetail)
            data['yingkrs'] = cjrydetail.length //应考人数
            var x = 0
            var y = 0
            for(var i=0;i<cjrydetail.length;i++){
                if(cjrydetail[i].ison!=0){
                    x = x +1
                    if(cjrydetail[i].passcode==1){
                        y = y +1
                    }
                }
            }
            data['yikrs'] = x //已考人数
            data['tgrs'] = y //通过人数
            if(x==0){
                data['tgl'] = 0
            }else{
                data['tgl'] = ((y/x)*100).toFixed(2)
            }
            
            html = template('text', data);
            state = data.state;
            ksdata = data
        }
    });
    $('#result').html(html);
    function exportksword(){
        $.ajax({
        type: "post",
        url: "api/examtest?a=exportword",
        contentType:'application/json; charset=utf-8',
        data: JSON.stringify(ksdata),
        success: function (data) {
            window.open(data.downloadurl);
        }
    });
    }
    function updateIson() {
        var examdlid = document.getElementById("examdlid").innerHTML;
        $.ajax({
            type: "get",
            url: "api/examtestdetail?a=updateison",
            contentType: 'application/json; charset=utf-8',
            data: { id: ksid, examdlid: examdlid},
            success: function (data) {
               
                    alert(data.message);
               
            }
        });
    }
   
</script>