xiaoben-as2-php/protected/views/print/change_scan.php

<link rel="stylesheet" href="/fonts/fpdf/iconfont.css"/>
<link rel="stylesheet" href="/css/alert.css"/>
<link rel="stylesheet" href="/css/modelCreatePaper.css" />
<style>
    .examInfo{border:1px solid #ccc;margin-left:22px;width:60%;padding:10px;}
    .examTd{text-align: right;width:10%;line-height:200%;}
    .scan_1{display: inline-block;width: 140px;height:40px;border:1px solid #ccc;text-align:center;
        line-height: 40px;}
    .scan_2{display: inline-block;width: 140px;height:40px;border:1px solid #ccc;text-align:center;
        line-height: 40px;background:#2977ff;color:#fff;}
    .classes span{display: inline-block;margin-right:15px;}
    .clearfix{clear: both}
    .mcp-fl-btns{text-align: left;padding-left:22px;padding-top:20px;}
    .application-box{margin-top:50px;}
</style>
<div class="main-content-inner">
    <!--    导航栏开始-->
    <?php include(Yii::app()->basePath.'/views/layouts/view_navigation.php');?>
    <!--    导航栏结束-->

    <div class="page-content">
        <div class="row" style="margin:0px;">
            <div class="col-xs-12">
                <!-- PAGE CONTENT BEGINS -->

                <div id="dynamic-table_wrapper" class="dataTables_wrapper form-inline no-footer">

                    <div class="row">

                        <form method="get" id="form1" action="">
                            <div class="col-xs-12">
                                <p class="red">适用于校本课程平台线上阅卷的考试扫描异常，改用第三方扫描</p>
                                <h4>选择考试</h4>
                                <div class="dataTables_length margin-zy">
                                    <select  class="grade" name="grade" style="width:100px;">
                                        <option value="0">请选择年级</option>
                                        <option value="1" >高一</option>
                                        <option value="2" >高二</option>
                                        <option value="3" >高三</option>
                                    </select>
                                    <select name="class" class="class" style="width:150px;">
                                        <option value="0">班级</option>
                                    </select>
                                    <select class="exam" id="exam" name="exam" style="width:300px;">
                                        <option value="0">请选择考试</option>
                                    </select>
                                </div>
                            </div>

                        </form>

                    </div>

                    <div class="examInfo col-xs-12">
                        <!--考试信息-->
                        <table>
                            <tr>
                                <td class="examTd">扫描方式：</td>
                                <td><span class="scan_1">常规扫描</span> 切换到 <span class="scan_2">第三方扫描</span></td>
                            </tr>
                            <tr>
                                <td class="examTd">题源：</td>
                                <td class="subjectId"></td>
                            </tr>
                            <tr>
                                <td class="examTd">教材：</td>
                                <td class="textBook"></td>
                            </tr>
                            <tr>
                                <td class="examTd">考试类型：</td>
                                <td class="type"></td>
                            </tr>
                            <tr>
                                <td class="examTd">主阅卷老师：</td>
                                <td class="author"></td>
                            </tr>
                            <tr>
                                <td class="examTd">考试班级：</td>
                                <td class="classes"></td>
                            </tr>
                            <tr>
                                <td class="examTd">阅卷方式：</td>
                                <td class="mark_type"></td>
                            </tr>
                            <tr>
                                <td class="examTd">考试时间：</td>
                                <td class="examDate"></td>
                            </tr>
                            <tr>
                                <td class="examTd">选择题量：</td>
                                <td class="select_num"></td>
                            </tr>
                            <tr>
                                <td class="examTd">多项选择题量：</td>
                                <td class=" mult_select_num"></td>
                            </tr>
                            <tr>
                                <td class="examTd">填空题量：</td>
                                <td class="tiankong_num"></td>
                            </tr>
                            <tr>
                                <td class="examTd">解答题量：</td>
                                <td class="jieda_num"></td>
                            </tr>
                            <tr>
                                <td class="examTd">选做题量：</td>
                                <td class="xuanzuo_num"></td>
                            </tr>
                        </table>

                    </div>

                </div>
                <div class="mcp-form-list mcp-fl-btns clearfix">
                    <input type="button" value="确定" class="mcp-sure-btn"  active="true">
                    <input type="button" value="返回" class="mcp-back-btn">
                    <input type="hidden" value="0" name="qxk" class="qxk">
                </div>
                <!-- PAGE CONTENT ENDS -->
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(function(){
        $('.grade').change(function(){

            $.post("<?php echo $this->createUrl('classes/getclass');?>",{grade_id:$('.grade').val(),all_class:1},function(data){
                var m = JSON.parse(data);
                if(m.status==0)
                {
                    var html = '<option value="0">请选择班级</option>';
                    $(".class").html(html);
                }else{
                    var html = '<option value="0">请选择班级</option>';
                    $.each(m.result,function(i,n){
                        html+='<option value="'+ n.class_id+'">'+ n.class_name+'</option>';
                    });
                    $(".class").html(html);
                }
            });
        })
        $('.class').change(function(){
            var grade=$('.grade').val();
            var class_id=$('.class').val();
            var subject='<?php echo $this->subjectId?>';
            index=layer.msg('正在加载考试。。。。。。',{time:0});
            $.ajax({
                url:'<?php echo $this->createUrl('print/ajaxsearchexam')?>',
                type:'POST',
                dataType:'json',
                data:{'grade':grade,'class':class_id},
                success:function(res){
                    layer.close(index);
                    if(res.status==1){
                        var html = '<option value="0">请选择考试</option>';
                        $.each(res.list,function(i,n){
                            html+='<option value="'+ n.exam_group_id+'">'+ n.name+'</option>';
                        });
                        $(".exam").html(html);
                    }
                }
            });
        });
        $('.exam').change(function(){
            var exam_group_id=$('.exam').val();
            $('.subjectId').html('');
            $('.classes').html('');
            $('.examDate').html('');
            $('.jieda_num').html('');
            $('.mark_type').html('');
            $('.select_num').html('');
            $('.textBook').html('');
            $('.tiankong_num').html('');
            $('.type').html('');
            $('.author').html('');
            $('.mult_select_num').html('');
            $('.xuanzuo_num').html('');
            $('.qxk').val(0);
            if(exam_group_id!=undefined && exam_group_id!=0){
                index=layer.msg('正在加载考试信息。。。。。。',{time:0});
                $.ajax({
                    url:'<?php echo $this->createUrl('print/loadExamInfo')?>',
                    type:'POST',
                    dataType:'json',
                    data:{'exam_group_id':exam_group_id},
                    success:function(res){
                        layer.close(index);
                        if(res.status==1){
                            $('.subjectId').html(res.data['subjectId']);
                            $('.classes').html(res.data['class']);
                            $('.examDate').html(res.data['examDate']);
                            $('.jieda_num').html(res.data['jieda_num']);
                            $('.mark_type').html(res.data['mark_type']);
                            $('.select_num').html(res.data['select_num']);
                            $('.mult_select_num').html(res.data['mult_select_num']);
                            $('.textBook').html(res.data['textBook']);
                            $('.tiankong_num').html(res.data['tiankong_num']);
                            $('.type').html(res.data['type']);
                            $('.author').html(res.data['author']);
                            $('.xuanzuo_num').html(res.data['xuanzuo_num']);
                            $('.qxk').val(res.data['qxk']);
                        }
                    }
                });
            }

        });

        $('.mcp-back-btn').click(function(){
            window.location.href='<?php echo $this->createUrl('print/index')?>';
        });
        $('.mcp-sure-btn').click(function(){
            var exam_group_id=$('.exam').val();
            var qxk= $('.qxk').val();
            var xNumber=parseInt($('.xuanzuo_num').html());
            var version_number='<?php echo $version_number?>';
            console.log(exam_group_id);
            if(exam_group_id==0 || exam_group_id=='' || exam_group_id==undefined){
                layer.msg('请选择一场考试');
                return false;
            }

            layer.open({
                type: 1,
                title: '确认',
                btn: ['确定', '取消'],
                area: ['420px', '240px'], //宽高
                btnAlign: 'c',
                content: '<div class="application-box" style="text-align: center;color: red;"><p>注意，切换之后不能回退，答题卡选做题只支持多选一设置，<br>确认要切换试卷扫描方式吗？</p></div>',
                yes: function (index, layero) {
                    //提交
                    $.ajax({
                        type: 'post',
                        url: "<?php echo Yii::app()->createUrl('print/ChangeExamScan');?>",
                        data: {'exam_group_id': exam_group_id},
                        dataType: 'json',
                        success: function (data) {
                            if (data.status) {
                                layer.alert("切换成功", {icon:1,closeBtn:0},function () {
                                    window.location.href='<?php echo $this->createUrl('print/index')?>';
                                })
                            } else {
                                layer.msg(data.msg);
                            }
                        }
                    })
                },
                btn2: function (index, layero) {
                    //取消按钮
                    // console.log(111)
                    //return false 开启该代码可禁止点击该按钮关闭
                }
            });
        });
    })
</script>