index.html 7.92 KB
<style type="text/css">
  .row{
      height: 100%;
  }
  .st{
      width: 50%;
      height:100%;
  }
  .at {
      height: 100%;
      text-align: center;
  }
  .tes{
      padding-top: 40%;
  }
  .nt{
      padding-top: 40px;
  }
  .scm{
      padding-top:0px;
      padding-left: 30%
  }
  .sct{
      padding-left: 75%
  }
  .sizell {
      font-size: 15px;
  }
  .textk{
      border:none;
      background-color : #18a8ee;
  }
  .img1{
      background-image: url(/real_control_v2/assets/imgs/bt1.png);
   
  }
  .img2{
      background-image: url(/real_control_v2/assets/imgs/bt2.png);

  }
  button{
      border:none
  }
  .row{
      overflow:scroll;
      overflow-x:hidden;
      overflow-y:hidden;
  }
</style>
<script src="/assets/js/ajaxfileupload/ajaxfileupload.js"></script>
<link rel="stylesheet" href="/assets/js/ajaxfileupload/ajaxfileupload.css" />
<div class="row">
    <div class="col-md-12 st ">
        <div class="portlet light porttlet-fit bordered at img1">
            <div class="tes">
                <label class="col-md-12 sizell">请输入学号:</label>
                <div class="col-md-9 scm">
                    <input id="userName" type="text" class="form-control" name="userName" autocomplete="off"  oninput="value=value.replace(/[^\d]/g,'')"/>

                </div>

                <label class="col-md-12 sizell">请输入姓名:</label>
                <div class="col-md-9 scm">

                    <input id="name" type="text" class="form-control" name="name" autocomplete="off" />

                </div>
                <label class="col-md-12 sizell">请输入班级:</label>
                <div class="col-md-9 scm" >
                    <div id="className1">
                        <select class="form-control" name="className" id="className" ></select>
                    </div>
                    <input  type="text" class="form-control" name="className2" id="className2" autocomplete="off" style="display: none"/>
                    <h6>人数过大时,耗时较久,请耐心等待</h6>
                </div>
                <div class="col-md-3" style="padding-right: 60px; padding-top: 5px">
                    <input type="radio" name="isNew" value="1" onclick="isNew()" checked="checked"/><label >已有</label>
                    <input type="radio" name="isNew" value="2" onclick="isNew()"/><label >新增</label>
                </div>

                <div class="col-md-12 nt" >
                    <button type="button" class="btn btn-primary textk" id="onckil">创建账号</button>
                    <button type="button" class="btn btn-primary textk" id="upload"><i class="fa fa-file-excel-o"></i>
                        批量创建
                    </button>
                    <button type="button" class="btn btn-primary textk" id="onckil2">初始化当天排班</button>
                    <button type="button" class="btn btn-primary textk" onclick="download()">模板下载</button>
                </div>
                <div class="col-md-12 nt" >
                    <div class="col-md-12 sct">
                    <button type="button" class="btn btn-primary textk" id="onckilUserAll">查询考生账号</button>
                   </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-12 st">
        <div class="portlet light porttlet-fit bordered at img2">
            <div class="tes">
                <label class="col-md-12 sizell">请设置考试时间:</label>
                
                <div class="col-md-9 scm">
                    <input type="text" class="form-control"  id="date" autocomplete="off" name="starttime"/>
                </div>
                <div class="col-md-12 nt" >
                    <button type="button" class="btn btn-primary textk" id="soukit">确认</button>
                </div>
                <div class="col-md-12 nt" >

                    <div class="col-md-12 sct">
                        <button type="button" class="btn btn-primary textk" id="hftime">恢复时间</button>
                    </div>
                </div>
            </div>
        </div>
    
    </div>
</div>
<script src="js/bootstrap-datetimepicker.js"></script>
<script>

    $(function(){
        $("#date").datetimepicker({
            format : 'HH:mm:ss',
            locale : 'zh-cn',
        });
        getClass();
    })

    // 下一步点击事件
    $('#onckil').on('click', function() {
        onckil();// 表单提交
    });

    // 下一步点击事件
    $('#onckil2').on('click', function() {
        onckil2();// 表单提交
    });
    // 下一步点击事件
    $('#soukit').on('click', function() {
        soukit();// 表单提交
    });

    // 下一步点击事件
    $('#hftime').on('click', function() {
        hftime();// 表单提交
    });
    
    $('#onckilUserAll').on('click', function() {
        onckilUserAll();// 表单提交
    });
    
    
    
    function onckil(){
        var className;
        if($('input[name="isNew"]:checked').val()==2) {
            className=$("#className2").val();
        }else {
            className=$("#className").val()=='全部'?'':$("#className").val();
        }
        var params ={
            userName :  $("#userName").val(),
            name : $("#name").val(),
            className :className
        }
        var i = layer.load(2);
        $.post('/ddexam/initialization',params,function(data) {
            
                // 弹出添加成功提示消息
            layer.msg( data.code+'...');
            layer.close(i);
        });
    }
    function onckil2(){
 
        var params ={
            userName :  $("#userName").val(),
        }
        var i = layer.load(2);
        $.post('/ddexam/initialization2',params,function(data) {

            // 弹出添加成功提示消息
            layer.msg( data.code+'...');
            layer.close(i);
        });
    }

    function soukit(){

        if($("#date").val() == undefined || $("#date").val() == null || $("#date").val() == ""){
            layer.msg('请正确输入...');
            return
        }
        var params ={
            date : $("#date").val()
        }
        var i = layer.load(2);
        $.post('/ddexam/initDate',params,function(data) {
            
            if(data == 1){
                // 弹出添加成功提示消息
                layer.msg( '修改成功...');
                layer.close(i);
            }
        });
    }
    function onckilUserAll(){
        
        $.get('/pages/ddexam/list.html', function (content) {
            layer.open({
                type: 1,
                area: ['800px', '600px'],
                content: content,
                title: '考生明细',
                shift: 5,
                scrollbar: false,
                success: function () {
                    
                }
            });
        });
    }
    
    function hftime(){

        $.get('/ddexam/hftime', function (date) {
            if(date == 0){
                layer.msg("恢复成功");
            }
        })
    }

    //导入
    $("#upload").on("click", function(){
        $.get('upload.html', function(m){$(pjaxContainer).append(m);});
    });

    function isNew(){
        if($('input[name="isNew"]:checked').val()==2){
            $('#className1').hide();
            $('#className2').show();
        }else {
            getClass();
            $('#className1').show();
            $('#className2').hide();
        }
    }
    var firstLoad=true;
    function getClass(){
        $.get('/user/classList',function(result){
            var data=[];
            if(firstLoad){
                data.push({id: "全部", text:"全部"});
            }
            for(var code in result){
                data.push({id: result[code], text: result[code]});
            }
            initPinYinSelect2('#className',data,'');
            firstLoad=false;
        })
    }
    function download(){
        window.open("/downloadFile/download?fileName=import_student.xlsx");
    }
</script>