| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170 |
- <!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"></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/userPaper/getDetails';
- 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.paperMark2.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] + ")分";
- paperMark += ",选对但不全的得(" + mark[i].split(",")[2] + ")分\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>`;
- userName += '<blockquote class="layui-elem-quote">总分:' + resp.data.mark + '</blockquote>';
- $(".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) {
- var answerContent = '';
- var answer = item.answer;
- if (item.questionsType == 4) {
- answerContent = item.answerContent;
- } else if (item.questionsType == 3) {
- if (answer == 'T') {
- answer = "正确";
- } else {
- answer = "错误";
- }
- if (item.userAnswer != null && item.userAnswer != '') {
- if (item.userAnswer == 'T') {
- answerContent += '<div class="layui-unselect layui-form-checkbox layui-form-checked layui-disabled " style="margin-top: 10px;margin-left: 20px;" lay-skin="primary"><span>正确</span><i class="layui-icon layui-icon-ok"></i></div>';
- answerContent += '<div class="layui-unselect layui-form-checkbox layui-disabled " style="margin-top: 10px;margin-left: 20px;" lay-skin="primary"><span>错误</span><i class="layui-icon layui-icon-ok"></i></div>';
- } else {
- answerContent += '<div class="layui-unselect layui-form-checkbox layui-disabled " style="margin-top: 10px;margin-left: 20px;" lay-skin="primary"><span>正确</span><i class="layui-icon layui-icon-ok"></i></div>';
- answerContent += '<div class="layui-unselect layui-form-checkbox layui-form-checked layui-disabled " style="margin-top: 10px;margin-left: 20px;" lay-skin="primary"><span>错误</span><i class="layui-icon layui-icon-ok"></i></div>';
- }
- } else {
- answerContent += '<div class="layui-unselect layui-form-checkbox layui-disabled " style="margin-top: 10px;margin-left: 20px;" lay-skin="primary"><span>正确</span><i class="layui-icon layui-icon-ok"></i></div>';
- answerContent += '<div class="layui-unselect layui-form-checkbox layui-disabled " style="margin-top: 10px;margin-left: 20px;" lay-skin="primary"><span>错误</span><i class="layui-icon layui-icon-ok"></i></div>';
- }
- } else if (item.questionsType == 2) {
- //多选
- var map = $.parseJSON(item.answerContent);
- var userAnswer = "";
- if (item.userAnswer != null && item.userAnswer != '') {
- userAnswer = item.userAnswer;
- }
- for (var key in map) {
- if (userAnswer.indexOf(key) != -1) {
- answerContent += '<div class="layui-unselect layui-form-checkbox layui-form-checked layui-disabled " style="display: block;margin-top: 10px;margin-left: 20px;" lay-skin="primary"><span>' + key + ":" + map[key] + '</span><i class="layui-icon layui-icon-ok"></i></div>'
- } else {
- answerContent += '<div class="layui-unselect layui-form-checkbox layui-disabled " style="display: block;margin-top: 10px;margin-left: 20px;" lay-skin="primary"><span>' + key + ":" + map[key] + '</span><i class="layui-icon layui-icon-ok"></i></div>'
- }
- }
- } else if (item.questionsType == 1) {
- //单选
- var map = $.parseJSON(item.answerContent);
- for (var key in map) {
- if (item.userAnswer == key) {
- answerContent += '<div class="layui-unselect layui-form-radio layui-form-radioed" style="display: block;margin-top: 10px;margin-left: 20px;"><i class="layui-anim layui-icon layui-icon-radio"></i><div>' + key + ":" + map[key] + '</div></div>'
- } else {
- answerContent += '<div class="layui-unselect layui-form-radio" style="display: block;margin-top: 10px;margin-left: 20px;"><i class="layui-anim layui-icon layui-icon-circle"></i><div>' + key + ":" + map[key] + '</div></div>'
- }
- }
- }
- answerContent += '<div style="margin-top: 10px;margin-left: 20px;color: green;">正确答案是:' + answer;
- answerContent += ' 本题得分:' + item.mark + '</div>';
- html += `<li>
- <h3>${count}、${item.questionsName}</h3>
- ${answerContent}
- </li>`;
- count++;
- }
- });
- html += `</ul>`;
- $(".layui-card-body").append(html);
- }
- }
- }, 'get');
- });
- </script>
- </html>
|
