scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259
							{extend name="public/layout" /}
{block name="title"}批卷管理{/block}
{block name="body"}
<style>
    .cardheader{
        padding-left:10px;
    }

    
	
    .layui-input-inline{
        float:right;
    }
    .layui-input-inline-right{
        float:right;
        margin-right: 10px;
        display: flex;
    }
    .layui-form-label{
        width:50px;
    }
    .layui-card-body {
      padding-top: 20px;
    }
    .layui-btn-primary:hover {
      background-color: #E3F7FF;
      color: #249EFB;
    }
    .header-style {
      border-bottom: 1px solid #f5f5f5;
      margin: 0px 0px 10px;
      padding: 10px 0px 20px;
    }
    .goback {
        float: left;
        margin-right: 20px;
    }
    .goback a {
        color: #269efb;
    }
    .goback i {
        position: relative !important;
    }
</style>

<body>

<div class="layui-fluid">
    <div class="layui-card">
<!--         <div class="layui-form layui-card-header layuiadmin-card-header-auto">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <p class="cardheader"><span>批卷管理</span><span></span></p>
                </div>
            </div>
        </div> -->
        <div class="layui-card-body">
            <div class="layui-form">
                <div class="layui-form-item header-style">
        <div class="goback">
            <a href="{:url('exam/checkpaperlist')}"><i class="layui-icon layui-icon-return"></i>
                <span>返回</span>
            </a>
        </div>
                        <div class="layui-input-inline-right">
                            <!-- <button type="button" class="layui-btn layui-btn-primary" lay-filter="search" lay-submit>
                                查找
                            </button> -->
                            <button class="layui-btn layuiadmin-btn-course searchBtn" lay-submit lay-filter="search">
                                <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                            </button>
                        </div>
                    <div class="layui-input-inline-right">
                        <label class="layui-form-label">状态</label>
                        <select name="approve_status" id="checked">
                            <option value=""></option>
                            <option value="2">已批改</option>
                            <option value="0">未批改</option>
                        </select>
                    </div>

                    <div>
                        <div class="layui-input-inline-right">
                            <label class="layui-form-label">答题人</label>
                            <select name="eid" id="paper" lay-search>
                                <option value=""></option>
                                {volist name="data.employee" id="vo"}
                                <option value="{$vo.id}">{$vo.name}</option>
                                {/volist}
                            </select>
                        </div>
                    </div>
                    <input type="hidden" name="paper_id" value="{$paperid}">
<!--                    <div class="layui-inline thefilter">-->

<!--                        <button class="layui-btn layuiadmin-btn-useradmin searchBtn" lay-submit-->
<!--                                lay-filter="customer-search">查找-->
<!--                        </button>-->
<!--                    </div>-->
            </div>
            <table id="LAY-exam-check-list" lay-filter="LAY-exam-check-list"></table>
        </div>
    </div>
</div>
{/block}
{block name="js"}

<script type="text/html" id="timeTpl">
    <span>{{d.starttime}} 至 {{d.endtime}}</span>
</script>
<script type="text/html" id="checkedTpl">
    {{# if(d.checked){ }}
    <span>已审核</span>
    {{# }else{ }}
    <span>未审核</span>
    {{# } }}
</script>
<script type="text/html" id="approve_status">
    {{# if(d.approve_status==2){ }}
    <span>已批改</span>
    {{# }else{ }}
    <span>未批改</span>
    {{# } }}
</script>

<script type="text/html" id="operateTpl">
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="details"><i class="layui-icon layui-icon-file"></i>批改详情</a>
    {{# if(d.approve_status == 0 && d.checkway == 'employee'){ }}
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="correct"><i class="layui-icon layui-icon-file"></i>批改试卷</a>
    {{# }else{ }}
    <a class="layui-btn layui-btn-normal layui-btn-xs layui-btn-disabled" style="color: #cccccc; border-color: #cccccc;"><i class="layui-icon layui-icon-file"></i>批改试卷</a>
    {{# } }}
  </script>
<script>
  layui.config({
    base: '__LAYUI__/' //静态资源所在路径
    ,

  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index', 'table','tree'], function () {
    var table = layui.table,
        $ = layui.jquery,
        form = layui.form;

    form.on('submit(search)', function (data) {
      //执行重载
      table.reload('LAY-exam-check-list', {
        where: data.field
        ,page: {curr:1}
      });
    });
    var listUrl = '{:url("exam/checklist")}?paper_id='+{:$paperid};
    table.render({
      elem  : '#LAY-exam-check-list',
      url   : listUrl,
      height : 'full-160',
      cols  : [
        [{
          type : 'numbers',
          width: 80,
          title: '序号',
          sort : true
        }, {
          field  : 'name',
          title  : '试卷名称',
          width: 200
        }, {
          title  : '考试时间',
          templet: '#timeTpl'
        }, {
          field  : 'duringtime',
          title  : '考试时长',
          width: 100
        }, {
          field  : 'time_spend',
          title  : '考试耗时',
          width: 100
        }, {
          field  : 'emp_name',
          title: '考试人',
          width: 100
        }, {
          field  : 'addtime',
          title  : '交卷时间'
        }, {
          title  : '批改状态',
          templet: '#approve_status'
        }, {
          field: 'total_score',
          title: '总分',
          width: 80
        }, {
          field: 'final_score',
          title: '得分',
          width: 80
        }
        // , {
        //   field: 'checked',
        //   title: '审核',
        //   templet: '#checkedTpl',
        //   width: 80
        // }
        ,{
          title  : '操作',
          templet: '#operateTpl',
          width:260,
          fixed: 'right'
        }]
      ],
      page  : true,
      limit : 10,
      limits: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100],
      text  : '对不起，加载出现异常！'
    });

    //事件
    var active = {
      adding: function() {
        layer.open({
          type: 2,
          title: '试题添加',
          content: '{:url("exam/paperadd")}',
          area: ['1000px', '600px']
        });
      }
    }
    $('.layui-btn.layuiadmin-btn-admin').on('click', function() {
      var type = $(this).data('type');
      active[type] ? active[type].call(this) : '';
    });

    //////
    table.on('tool(LAY-exam-check-list)', function(obj) {
      var data = obj.data;
      console.log(data.id);
      if(obj.event === 'details') {
        layer.open({
          type: 2,
          title: '试卷详情',
          content: '{:url("exam/checkdetail")}?resultid='+data.id,
          area: ['1000px', '600px']
        });
      }
      if(obj.event === 'correct') {
        layer.open({
          type: 2,
          title: '批改试卷',
          content: '{:url("exam/correct_papers_question_list")}?paper_id='+data.paper_id+'&employee_id='+data.employee_id+'&resultid='+data.id,
          area: ['1000px', '600px']
        });
      }
    });
    
  });

</script>
</body>
{/block}