scott
/
crm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308
							{extend name="public/layout" /}
{block name="title"}试卷管理{/block}
{block name="body"}
<style>
  .layui-fluid {
    display: block;
    box-shadow: 0 0 4px 0 #B6CADE;
    border-radius: 5px;
    margin: 15px;
    background-color: #ffffff;
  }
  .cardheader {
    padding-left: 10px;
  }

  .layui-table thead tr,
	.layui-table-header {
		background-color: #D8E6F1 !important;
	}

  .layui-btn-primary {
    color: #249EFB;
    border: 1px solid #249EFB;
  }

  .layui-btn-primary:hover {
    background-color: #E3F7FF;
    color: #249EFB;
  }
  .header-style {
    padding: 20px 0px 5px;
    border-bottom: 1px solid #f5f5f5;
    margin: 0px 0px 10px;
  }

  .layui-btn-normal,
  .layui-btn-normal:hover {
    border: 1px solid #249EFB;
    background-color: #fff;
    color: #249EFB;
    padding: 0px 10px;
  }

  .layui-btn-danger,
  .layui-btn-danger:hover {
    border: 1px solid #FF5722;
    background-color: #fff;
    color: #FF5722;
    padding: 0px 10px;
  }
  .layui-form-item .layui-inline {
    margin-right: 0px;
  }
  .layui-card-body{padding:10px 30px !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></p>
                </div>
            </div>
        </div> -->

      <div class="layui-card-body">
        <!--             <div style="padding-bottom: 10px;">
                <button class="layui-btn layuiadmin-btn-admin layui-btn-primary" data-type="adding">创建试卷</button>
                <button class="layui-btn layuiadmin-btn-admin" data-type="edittwo">edit试卷2</button>
                <button class="layui-btn layuiadmin-btn-admin" data-type="editthree">edit试卷3</button>
            </div> -->
        <div class="layui-form-item header-style">
          <div style="padding-bottom: 10px;" class="layui-inline">
            {auth:check name="exam/paperadd"}
                <button class="layui-btn layuiadmin-btn-admin layui-btn-primary" data-type="adding">创建试卷</button>
            {/auth:check}
          </div>
          <div style="float:right;">

            <div class="layui-inline">
              <label class="layui-form-label">试卷名称:</label>
              <div class="layui-input-inline">
                <input type="text" name="keyword" placeholder="请输入试卷名称" autocomplete="off" class="layui-input">
              </div>
            </div>

            <div class="layui-inline">
              <button class="layui-btn layuiadmin-btn-course searchBtn" lay-submit lay-filter="LAY-user-front-search">
                <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
              </button>
            </div>
          </div>
        </div>
        <table id="LAY-exam-paper-list" lay-filter="LAY-exam-paper-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="grantTpl">
    {{# if(d.grant){ }}
    <span>{{d.grant.name}}</span>
    {{# }else{ }}
    <span>未绑定</span>
    {{# } }}
</script>
  <script type="text/html" id="operateTpl">
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="preview">预览</a>
    {{# if(d.done==0){ }}
      {auth:check name="exam/paperadd"}
        <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">编辑</a>
      {/auth:check}
      <!-- <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a> -->
    {{# } }}
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="statistics">数据统计</a>
</script>
  <script type="text/html" id="show">


          {{# if(d.done==1){ }}
            <!-- <input type="checkbox" disabled="disabled" name="show" value="{{d.id}}" lay-skin="switch" lay-text="已发布|下架" lay-filter="show" {{ d.state == 1 ? 'checked' : '' }}> -->
            <span>考试中无法下架</span>
          {{# }else{ }}
            <input type="checkbox" name="show" value="{{d.id}}" lay-skin="switch" lay-text="已发布|下架" lay-filter="show" {{ d.state == 1 ? 'checked' : '' }}>
          {{# } }}
  
</script>
  <script>
    layui.config({
      base: '__LAYUI__/' //静态资源所在路径
      ,

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

      var listUrl = '{:url("exam/paperlist")}';
      table.render({
        elem: '#LAY-exam-paper-list',
        url: listUrl,
        height: 'full-140',
        cols: [
          [{
            type: 'numbers',
            width: 80,
            title: '序号',
            sort: true
          }, {
            field: 'name',
            title: '试卷名称',
            // width: 300
          }, {
            title: '考试时间',
            templet: '#timeTpl',
            // width: 350
          }, {
            field: 'duringtime',
            title: '考试时长',
            // width: 182
          }
            // , {
            //   field: 'target_group',
            //   title: '考试对象',
            //   width: 100
            // }
            , {
            field: 'attendee_num',
            title: '应参与人数',
            // width: 120
          }, {
            field: 'total_score',
            title: '总分',
            // width: 100
          }, {
            field: 'base_score',
            title: '及格分',
            // width: 100
          }, {
            field: 'state',
            title: '发布',
            minWidth: 110,
			width:110,
            templet: '#show'
          }
            , {
            title: '操作',
            templet: '#operateTpl',
            width: 250,
            fixed: 'right'
          }]
        ],
        page: true,
        limit: 10,
        limits: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100],
        text: '对不起，加载出现异常！'
      });
      form.on('submit(LAY-user-front-search)', function (data) {

        var where = {};
        where.keyword = $("input[name='keyword']").val();
        //执行重载
        table.reload('LAY-exam-paper-list', {
          where: where
        });
      });
      //事件
      var active = {
        adding: function () {
          layer.open({
            type: 2,
            title: ['试题添加', 'color:#333333;background-color:#D8E6F1;'],
            content: '{:url("exam/paperadd")}',
            resize: false,
            area: ['80%', '80%']
          });
        },
        edittwo: function () {
          layer.open({
            type: 2,
            title: ['试题添加', 'color:#333333;background-color:#D8E6F1;'],
            content: '{:url("/exam/papereditquestion")}?paperid=8',
            resize: false,
            area: ['80%', '80%']
          });
        },
        editthree: function () {
          layer.open({
            type: 2,
            title: ['试题添加', 'color:#333333;background-color:#D8E6F1;'],
            content: '{:url("exam/papereditpublish")}?paperid=6',
            resize: false,
            area: ['80%', '80%']
          });
        }
      }
      $('.layui-btn.layuiadmin-btn-admin').on('click', function () {
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';
      });

      //////
      table.on('tool(LAY-exam-paper-list)', function (obj) {

        var data = obj.data;
        // console.log(data.id);
        if (obj.event === 'preview') {
          layer.open({
            type: 2,
            title: ['试卷详情', 'color:#333333;background-color:#D8E6F1;'],
            content: '{:url("exam/paperpreview")}?paperid=' + data.id,
            resize: false,
            area: ['80%', '80%']
          });

        }

        if (obj.event === 'edit') {
          layer.open({
            type: 2,
            title: ['试卷编辑', 'color:#333333;background-color:#D8E6F1;'],
            content: '{:url("exam/paperedit")}?paperid=' + data.id,
            resize: false,
            area: ['80%', '80%']
          });

        }

        if (obj.event == 'statistics') {
          layer.open({
            type: 2,
            title: ['数据统计', 'color:#333333;background-color:#D8E6F1;'],
            content: '{:url("exam/statistics")}?paperid=' + data.id,
            resize: false,
            area: ['80%', '80%']
          });
        }

      });
      //发布
      form.on('switch(show)', function (obj) {
        // return false;
        var id = obj.value;
        $.ajax({
          type: "post",
          url: '{:url("exam/show")}',
          data: {
            id: id,
            cate: 'case'
          },
          success: function (res) {
            layer.msg(res.msg, { time: 2000 });
          }
        });
      });
    });

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