zhaobao
/
scyf


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>试题预览</title>
    <link rel="stylesheet" href="../../assets/libs/layui/css/layui.css"/>
    <link rel="stylesheet" href="../../assets/module/admin.css?v=315"/>
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
        .layui-card-status li {
            position: relative;
            padding: 10px 0;
            border-bottom: 1px solid #EEE;
        }

        .layui-card-status li p {
            text-indent: 2em;
        }

    </style>
</head>
<body>
<!-- 加载动画 -->
<div class="page-loading">
    <div class="ball-loader">
        <span></span><span></span><span></span><span></span>
    </div>
</div>

<!-- 正文开始 -->
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-header">
            试卷预览:<span id="paperName"></span>
            <div class="layui-inline pull-right">
                <button onclick="history.back()" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal"><i class="layui-icon">&#xe65c;</i>返回</button>
            </div>
        </div>
        <div class="layui-card-body">
        </div>
    </div>
</div>

<!-- js部分 -->
<script type="text/javascript" src="../../assets/libs/layui/layui.js"></script>
<script type="text/javascript" src="../../assets/js/common.js?v=315"></script>
</body>
<script>
    layui.use(['layer', 'form', 'table', 'util', 'admin', 'zTree', '_zTree', 'uParas', '_groupTree', 'formSelects'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var element = layui.element;
        var upload = layui.upload;
        var admin = layui.admin;
        var util = layui.util;
        var uParas = layui.uParas;
        var id = uParas.getUrlParam("id");
        var url = uParas.baseUrl + '/ol/paper/queryId';
        admin.req(url, {id: id}, function (resp) {
            if (resp.code == 1) {
                $("#paperName").html(resp.data.paperName);
                var paperMark = '';
                if (resp.data.paperMark != null) {
                    var mark = resp.data.paperMark.split("#");
                    for (var i = 0; i < mark.length; i++) {
                        if (mark[i].split(",")[0] === "1") {
                            paperMark = "单选题/每题(" + mark[i].split(",")[1] + ")分\n";
                            addHtml(resp.data.list, paperMark, 1);
                        }
                        if (mark[i].split(",")[0] === "2") {
                            paperMark = "多选题/每题(" + mark[i].split(",")[1] + ")分\n";
                            addHtml(resp.data.list, paperMark, 2);
                        }
                        if (mark[i].split(",")[0] === "3") {
                            paperMark = "判断题/每题(" + mark[i].split(",")[1] + ")分\n";
                            addHtml(resp.data.list, paperMark, 3);
                        }
                        if (mark[i].split(",")[0] === "4") {
                            paperMark = "问答题/每题(" + mark[i].split(",")[1] + ")分\n";
                            addHtml(resp.data.list, paperMark, 4);
                        }
                    }
                }
                var userName = `<blockquote class="layui-elem-quote">考生</blockquote><ul class="layui-card-status">`;
                if (resp.data.accountName == null) {
                    userName += "<li></li>";
                } else {
                    userName += "<li><p>" + resp.data.accountName + "</p></li>";
                }
                userName += `</ul>`;
                $(".layui-card-body").append(userName);

                function addHtml(data, paperMark, type) {
                    var html = `<blockquote class="layui-elem-quote">${paperMark}</blockquote><ul class="layui-card-status">`;
                    var count = 1;
                    $.each(data, function (index, item) {
                        if (item.questionsType === type && item.LAY_CHECKED) {
                            var answerContent = '';
                            if (item.questionsType == 4) {
                                answerContent = item.answerContent;
                            } else {
                                var map = $.parseJSON(item.answerContent);
                                for (var key in map) {
                                    answerContent += "<p>" + key + ":" + map[key] + "</p>";
                                }
                            }
                            html += `<li>
                                        <h3>${count}丶${item.questionsName}</h3>
                                        ${answerContent}
<!--                                        <span>xxx</span>-->
                                    </li>`;
                            count++;
                        }
                    });
                    html += `</ul>`;
                    $(".layui-card-body").append(html);
                }
            }
        }, 'get');
    });
</script>
</html>