Browse Source

考试记录

jiaweiqi 3 years ago
parent
commit
13835a686f
4 changed files with 381 additions and 97 deletions
  1. 12 0
      apps/examination/exam/serializers.py
  2. 203 0
      uis/admin/examlog/details.html
  3. 165 96
      uis/admin/examlog/index.html
  4. 1 1
      uis/admin/index.html

+ 12 - 0
apps/examination/exam/serializers.py

@@ -40,6 +40,18 @@ class ExamSerializer(serializers.ModelSerializer):
 class FormalExamLogSerializer(serializers.ModelSerializer):
     exam_name = serializers.CharField(source='exam.name', read_only=True)
     exam_subject_name = serializers.CharField(source='exam.subject.name', read_only=True)
+    user_name = serializers.CharField(source='user.username', read_only=True)
+    user_department = serializers.CharField(source='user.department.name', read_only=True)
+    question_total_scores = serializers.IntegerField(source='exampaper.question_total_scores', read_only=True)
+    passline = serializers.IntegerField(source='exampaper.passline', read_only=True)
+    single_count = serializers.IntegerField(source='exampaper.single_total_count', read_only=True)
+    single_scores = serializers.IntegerField(source='exampaper.single_total_scores', read_only=True)
+    multiple_count = serializers.IntegerField(source='exampaper.multiple_total_count', read_only=True)
+    multiple_scores = serializers.IntegerField(source='exampaper.multiple_total_scores', read_only=True)
+    fill_count = serializers.IntegerField(source='exampaper.fill_total_count', read_only=True)
+    fill_scores = serializers.IntegerField(source='exampaper.fill_total_scores', read_only=True)
+    judgment_count = serializers.IntegerField(source='exampaper.judgment_total_count', read_only=True)
+    judgment_scores = serializers.IntegerField(source='exampaper.judgment_total_scores', read_only=True)
 
     class Meta:
         model = ExamLog

+ 203 - 0
uis/admin/examlog/details.html

@@ -0,0 +1,203 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>试题管理详情</title>
+    <meta name="renderer" content="webkit">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport"
+          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
+    <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
+    <style type="text/css">
+        .title {
+            width: 140px;
+            background: #efefef;
+        }
+        .right_anwer{
+            background-color: green;
+            height: 30px;
+            width: 30px;
+            margin: 5px 5px;
+            border: 1px green;
+            border-radius: 100%;
+            text-align: center;
+            line-height: 30px;
+            float: left;
+            color: white;
+        }
+        .wrong_anwer{
+            background-color: red;
+            height: 30px;
+            width: 30px;
+            margin: 5px 5px;
+            border: 1px red;
+            border-radius: 100%;
+            text-align: center;
+            line-height: 30px;
+            float: left;
+            color: white;
+        }
+        .not_done{
+            background-color: lightgrey;
+            height: 30px;
+            width: 30px;
+            margin: 5px 5px;
+            border: 1px lightgrey;
+            border-radius: 100%;
+            text-align: center;
+            line-height: 30px;
+            float: left;
+            color: white;
+        }
+    </style>
+</head>
+<body>
+
+<div class="layui-fluid">
+    <div class="layui-card">
+        <div class="layui-card-body" pad15>
+            <div class="layui-row layui-col-space15">
+                <div class="layui-col-md12">
+
+                    <div id="print_div">
+                        <table class="layui-table">
+
+                            <tr>
+                                <td class="title">名称:</td>
+                                <td id="exam_name" class="cell"></td>
+                                <td class="title">科目:</td>
+                                <td id="exam_subject_name" class="cell"></td>
+                            </tr>
+
+                            <tr>
+                                <td class="title">考试时间:</td>
+                                <td id="exam_time" class="cell"></td>
+                                <td class="title"></td>
+                                <td class="cell"></td>
+                            </tr>
+                            <tr>
+                                <td class="title">人员姓名:</td>
+                                <td id="user_name" class="cell"></td>
+                                <td class="title">人员部门:</td>
+                                <td id="user_department" class="cell"></td>
+                            </tr>
+                            <tr>
+                                <td class="title">分数:</td>
+                                <td id="scores" class="cell"></td>
+                                <td class="title">排名:</td>
+                                <td id="rank" class="cell"></td>
+                            </tr>
+                             <tr>
+                                <td class="title">交卷时间:</td>
+                                <td id="submit_time" class="cell"></td>
+                                <td class="title">用时:</td>
+                                <td id="use_time" class="cell"></td>
+                            </tr>
+                        </table>
+                    </div>
+                    <div id="print_div">
+                        作答概况
+                        <table class="layui-table">
+                            <tr>
+                                <td class="title">题型</td>
+                                <td class="title">题目数</td>
+                                <td class="title">答对数</td>
+                                <td class="title">总分</td>
+                                <td class="title">得分</td>
+                            </tr>
+                            <tr>
+                                <td>单选题</td>
+                                <td class="cell" id="single_count"></td>
+                                <td class="cell" id="single_answer_count"></td>
+                                <td class="cell" id="single_scores"></td>
+                                <td class="cell" id="single_answer_scores"></td>
+                            </tr>
+                            <tr>
+                                <td>多选题</td>
+                                <td class="cell" id="multiple_count"></td>
+                                <td class="cell" id="multiple_answer_count"></td>
+                                <td class="cell" id="multiple_scores"></td>
+                                <td class="cell" id="multiple_answer_scores"></td>
+                            </tr>
+                            <tr>
+                                <td>填空题</td>
+                                <td class="cell" id="fill_count"></td>
+                                <td class="cell" id="fill_answer_count"></td>
+                                <td class="cell" id="fill_scores"></td>
+                                <td class="cell" id="fill_answer_scores"></td>
+                            </tr>
+                            <tr>
+                                <td>判断题</td>
+                                <td class="cell" id="judgment_count"></td>
+                                <td class="cell" id="judgment_answer_count"></td>
+                                <td class="cell" id="judgment_scores"></td>
+                                <td class="cell" id="judgment_answer_scores"></td>
+                            </tr>
+
+
+                        </table>
+                    </div>
+                    <div id="print_div">
+                        作答详情
+                        <span class="layui-badge-dot layui-bg-green"></span>正确
+                        <span class="layui-badge-dot layui-bg-red"></span>错误
+                          <span class="layui-badge-dot layui-bg-gray"></span>未做
+
+                        <div style="margin-top: 10px" id="answer_detail">
+
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<script src="../../layuiadmin/layui/layui.js?t=1"></script>
+<script>
+    layui.config({
+        base: '../../../layuiadmin/' //静态资源所在路径
+    }).extend({
+        index: 'lib/index' //主入口模块
+    }).use(['index', 'table'], function () {
+        var $ = layui.$;
+        var table = layui.table
+        , admin = layui.admin;
+
+        var id = layui.view.getParameterByName('id');
+
+        var editdata = JSON.parse(JSON.stringify(parent.layui.table.editdata)); // 框架有Bug所以这么转换
+        $('.cell').each(function (index, element) {
+            element.innerHTML += (editdata[element.id] || '')
+        });
+
+        admin.req({
+            url: '/admin/exam/examlog/' + id + '/answer_log/',
+            done: function (res) {
+                if (res.code !== 0) {
+                    layer.msg(res.msg);
+                } else {
+                    for (var i=0; i<res.data.length; i++){
+                        var txt = '';
+                        var num = i+1;
+                        if (res.data[i].status === 1){
+                            txt = '<span class="right_anwser">'+ num +'</span>'
+                        }else if(res.data[i].status === 2){
+                            txt = '<span class="wrong_anwer">' + num + '</span>'
+                        }else if(res.data[i].status === 3){
+                            txt = '<span class="not_done">' + num + '</span>'
+                        }
+
+                        $('#answer_detail').append(txt)
+                    }
+                }
+
+
+            }
+        });
+    });
+</script>
+</body>
+</html>

+ 165 - 96
uis/admin/examlog/index.html

@@ -1,118 +1,187 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <meta charset="utf-8">
-  <title>考试记录</title>
-  <meta name="renderer" content="webkit">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
-  <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
-  <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
-   <style type="text/css">
-        .input {
-            width: 70%;
-            border-radius: 2px;
-            height: 30px;
-            border-width: 1px;
-            border-color: lightgray;
-            border-style: solid;
-            background-color: white;
-            padding-left: 3px;
-            margin-top: 20px;
+    <meta charset="utf-8">
+    <title>试卷管理</title>
+    <meta name="renderer" content="webkit">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport"
+          content="width=agent-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
+    <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
+    <style type="text/css">
+        .seach_items {
+            float: right;
+            margin-left: 10px;
+        }
+    </style>
+    <style type="text/css">
+        .LAY-btns .layui-nav {
+            padding-left: 0;
+            padding-right: 10px;
+            top: -4px;
+            margin: 0 10px;
+            border: 0;
+            background-color: #009688;
+        }
+
+        .LAY-btns .layui-nav .layui-nav-item {
+            line-height: 40px;
+        }
+
+        .LAY-btns .layui-nav .layui-nav-child {
+            top: 34px;
+        }
+
+        .LAY-btns .layui-nav .layui-nav-bar {
+            display: none;
+        }
+
+        .LAY-btns .layui-nav .layui-nav-child dd.layui-this a {
+            color: #333;
+            background-color: #fff;
+        }
+
+        .LAY-btns .layui-nav .layui-nav-child dd.layui-this a:hover {
+            background-color: #f2f2f2;
+            color: #000;
+        }
+
+        .tableContent {
+            width: 100%;
+            display: flex;
+            justify-content: space-between;
+            flex-direction: row;
         }
     </style>
 </head>
 <body>
 
-  <div class="layui-fluid">
+<div class="layui-fluid">
     <div class="layui-card">
         <div class="layui-card-body" pad15>
-            <form class="layui-form" action="" lay-filter="component-form-element">
-              <div class="layui-row layui-col-space10 layui-form-item">
-                <div>
-                  <label><font color='red' size="4">*</font>商品提成比例:</label>
-                  <input type="text" name="package_percentage" lay-verify="required|numberGtZ" autocomplete="off" class="input">
-                  <label><font color='red' size="4" style="font-size: small;">佣金=商品优惠价*提成比例</font></label>
-                </div>
-                <div>
-                    <label ><font color='red' size="4">*</font>整车提成比例:</label>
-                    <input type="text" name="vehicle_percentage" lay-verify="required|numberGtZ" autocomplete="off" class="input">
-                    <label><font color='red' style="font-size: small;">佣金=车型定金*提成比例</font></label>
-                </div>
-              <div class="layui-form-item">
-                <div class="layui-input-block">
-                  <button class="layui-btn" lay-submit lay-filter="component-form-element">保存</button>
+            <div class="layui-row layui-col-space15">
+                <div class="layui-col-md12">
+                    <div class="LAY-btns" style="margin-bottom: 10px;">
+                        <form class="layui-form" lay-filter="query-form-element">
+                            <div class="seach_items">
+                                <button class="layui-btn" lay-submit lay-filter="query-form-element"><i
+                                        class="layui-icon layui-icon-search"></i>查询
+                                </button>
+                            </div>
+                            <div class="seach_items">
+                                <input type="text" name="exam_name" autocomplete="off" class="layui-input" placeholder="考试名称关键字"/>
+                            </div>
+                            <div class="seach_items">
+                                <input type="text" name="user_username" autocomplete="off" class="layui-input" placeholder="人员姓名关键字"/>
+                            </div>
+                            <div class="seach_items">
+                                <select name="exam_type">
+                                    <option value="" selected>试卷类型</option>
+                                    <option value="1">固定试卷</option>
+                                    <option value="2">随机试卷</option>
+                                </select>
+                            </div>
+                            <div class="seach_items">
+                                <select id="id_subject" name="exam_subject">
+                                    <option value="" selected>请选择科目</option>
+                                </select>
+                            </div>
+
+                        </form>
+                        <div style="clear: both;"></div>
+                    </div>
+                    <table class="layui-hide" id="exampaper_datagrid" lay-filter="exam_question-operate"></table>
+
+                    <script type="text/html" id="exam_question-operate-bar">
+                        <div class="layui-btn-group">
+                            <a class="layui-btn layui-btn-xs" lay-event="examlog_detail"
+                            >查看</a>
+                        </div>
+                    </script>
                 </div>
-              </div>
-              </div>
-            </form>
-          </div>
+            </div>
         </div>
-      </div>
+    </div>
+</div>
 
+<script src="../../layuiadmin/layui/layui.js"></script>
+<script>
+    layui.config({
+        base: '../../../layuiadmin/' //静态资源所在路径
+    }).extend({
+        index: 'lib/index' //主入口模块
+    }).use(['index', 'table', 'form', 'admin',], function () {
+        var $ = layui.$;
+        var table = layui.table
+            , admin = layui.admin
+            , form = layui.form;
 
-  <script src="../../layuiadmin/layui/layui.js"></script>
-  <script>
-  layui.config({
-    base: '../../../layuiadmin/' //静态资源所在路径
-  }).extend({
-    index: 'lib/index' //主入口模块
-  }).use(['index', 'form', 'utils'], function(){
-    var $ = layui.$
-    ,admin = layui.admin
-    ,element = layui.element
-    ,form = layui.form;
-    form.render(null, 'component-form-element');
-    element.render('breadcrumb', 'breadcrumb');
-
-    admin.req({
-        url: '/tenant/config/',
-        done: function (res) {
-            var data = res.data;
-            var edit_data = {};
-            for(var i in data) {
-                if (data[i].property === 'package_percentage'){
-                    edit_data['package_percentage'] = data[i].value;
-                }else if (data[i].property === 'vehicle_percentage') {
-                    edit_data['vehicle_percentage'] = data[i].value;
+        admin.req({
+            url: '/admin/subject/dict/',
+            done: function (res) {
+                var subject = res.data.subject;
+                var subject_node = $('#id_subject');
+                for (var i in subject) {
+                    var pid = subject[i].id;
+                    var subject_value = subject[i].name;
+                    subject_node.append("<option value='" + pid + "'>" + subject_value + "</option>");
                 }
+                 form.render();
             }
-            form.val("component-form-element", edit_data);
-            form.render();
-        }
-    });
+        });
 
-    form.on('submit(component-form-element)', function(data){
-      var save_data = [];
-      if (data.field['package_percentage']){
-          save_data.push({key: 'package_percentage', value: data.field['package_percentage']})
-      }
-      if (data.field['vehicle_percentage']){
-          save_data.push({key: 'vehicle_percentage', value: data.field['vehicle_percentage']})
-      }
-      admin.req({
-        url: '/tenant/config/'
-        ,data: {data: JSON.stringify(save_data)}
-        ,type: 'post'
-        ,done: function(res){
-            layer.open({
-                 type: 1
-                ,content: '<div style="padding: 20px 100px;">保存成功</div>'
-                ,btn: '关闭'
-                ,btnAlign: 'c' //按钮居中
-                ,shade: 0 //不显示遮罩
-                ,yes: function(){
-                  layer.closeAll();
-                  //admin.exit();
-                }
-            });
-        }
-      });
+        table.render({
+            elem: '#exampaper_datagrid'
+            , url: '/admin/exam/examlog/'
+            , cols: [[
+                {title: '编号', type: 'numbers'}
+                , {field: 'exam_name', title: '考试名称', width: 200}
+                , {field: 'exam_subject_name', title: '科目', width: 150}
+                , {field: 'exam_time', title: '考试时间', width: 165}
+                , {field: 'user_name', title: '人员姓名', width: 120}
+                , {field: 'user_department', title: '人员部门', width: 120}
+                , {field: 'question_total_scores', title: '总分', width: 80}
+                , {field: 'passline', title: '及格线', width: 80}
+                , {field: 'scores', title: '分数', width: 80}
+                , {field: 'rank', title: '排名', width: 80}
+                , {field: 'submit_time', title: '交卷时间', width: 165}
+                , {field: 'use_time', title: '用时', width: 120}
+                , {title: '操作', width: 80, align: 'center', fixed: 'right', toolbar: '#exam_question-operate-bar'}
+            ]]
+            , page: true
+            , height: 'full-108'
+        });
 
-      return false;
+        //监听工具条
+        table.on('tool(exam_question-operate)', function (obj) {
+            var data = obj.data;
+            table.editdata = data;
+            if (obj.event === 'examlog_detail') {
+                layer.open({
+                    type: 2,
+                    title: '查看详情',
+                    shadeClose: false,
+                    area: ['70%', '80%'],
+                    btn: ['关闭'],
+                    yes: function (index, dom) {
+                        layer.close(index);//关闭当前按钮
+                    },
+                    content: 'details.html?id=' + data.id
+                });
+            }
+        });
+
+        form.on('submit(query-form-element)', function (data) {
+            table.reload('exampaper_datagrid', {
+                where: data.field
+                , page: {curr: 1}
+            });
+            layer.closeAll();
+            return false
+        });
     });
 
-  });
-  </script>
+</script>
 </body>
 </html>

+ 1 - 1
uis/admin/index.html

@@ -102,7 +102,7 @@
                   <a lay-href="exam/index.html">考试管理</a>
                 </dd>
                 <dd data-name="nav">
-                  <a lay-href="applet/index.html">考试记录</a>
+                  <a lay-href="examlog/index.html">考试记录</a>
                 </dd>
               </dl>
             </li>