xiaoben-as2-php/protected/views/zhiliao/exam_list.php

<script type="text/javascript">

    jQuery(document).ready(function(){
        // 根据年级筛选班级
        jQuery("#grade").change(function(){
            var grade = $(this).val();
            if (!grade) return false;

            jQuery.post(
                '<?php echo $this->createUrl("print/getGradeClass");?>',{"grade": grade},function(data){
                    data = JSON.parse(data);
                    if(data.success == 1){
                        var classObj = $("#class");
                        var html = "<option value=''>全部班级</option>";
                        classObj.empty();
                        $.each(data.message,function(i,n){
                            html +=  "<option value='"+n.class_id+"'>" + n.class_name + "</option>";
                        });
                        classObj.append(html);
                    }
                }
            );
        });
    });
</script>
<style>

    /*切换选择*/
    .tab-con{
        position: relative;
        height: 30px;
        width: 200px;
        background: #F2F2F2;
        border: 1px solid #01B677;
        border-radius: 15px;
    }
    .has-sel{
        background: #01B677;
        color: #fff;
        width: 50%;
        height: 30px;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        text-align: center;
        line-height: 30px;
    }
    .sel-opt{
        width: 50%;
        position: relative;
        color: #01B677;
        line-height: 30px;
        text-indent: 6px;
        cursor: pointer;
    }
    .sel-opt:after{
        content: '';
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 8px solid #01B677;
        position: absolute;
        right: 12px;
        top: 12px;
    }
    // .sel-opt select{
       // 	width: 100%;
       // 	height: 30px;
       // 	background: #F2F2F2;
       // 	color: #01B677;
       // 	text-indent: 6px;
       // 	font-size: inherit;
       // 	border-top-right-radius: 15px;
       // 	border-bottom-right-radius: 15px;
       // 	cursor: pointer;
       // }
    // .sel-opt select option{
       // 	position: relative;
       // }
    .points{
        position: absolute;
        top: -2px;
        right: 0;
        width: 10px;
        height: 10px;
        background: #F01516;
        border-radius: 50%;
    }
    .sel-cons{
        border: 1px solid #01B677;
        width: 50%;
        position: absolute;
        right: 0;
        top: 30px;
        text-indent: 10px;
        display: none;
    }
    .sc-lis{
        line-height: 30px;
        cursor: pointer;
    }
    .sc-lis span{
        position: relative;
    }
    .sc-lis .points{
        top: 2px;
        right: -16px;
    }
    .click-sc:focus {

        color: #fff;
    }
    .click-sc:hover {

        color: #fff;
    }
</style>
<link rel="stylesheet" href="/fonts/fpdf/iconfont.css" />
<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">
                        <div class="col-xs-4">
                            <form method="get" id="form1" action="<?php echo $this->createUrl("zhiliao/exam_list");?>">
                                <div class="col-xs-12">
                                    <div class="dataTables_length margin-zy">

                                        <select class="form-control" id="class" name="classId">
                                            <option value="">全部班级</option>
                                            <?php foreach($classes as $key=>$class){?>
                                                <option <?php if(isset($class[$classId])){echo "selected";}?> value="<?php echo $class[$key]["class_id"];?>"><?php echo $class[$key]["class_name"];?></option>
                                            <?php }?>
                                        </select>
                                        <input type="hidden" value="<?php echo $exam_group_id?>" name="exam_group_id">
                                        <button class="label-primary-s bth-s" id="search" style="padding:4px 12px;">搜索</button>



                                    </div>
                                </div>
                            </form>
                        </div>
 
                    </div>

                    <table id="dynamic-table" class="table table-striped table-bordered table-hover dataTable no-footer DTTT_selectable" style="font-size:12px">
                        <thead>
                        <tr>
                            <th>名称</th>
                            <th >班级</th>
                            <th>申请日期</th>
                            <th >已上传/总数</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <?php if(!empty($printList)):foreach($printList as $cl):?>
                            <tr>
                                <td style="max-width:260px">
                                    <?php echo $cl['exam_name'];?>
                                </td>
                                <td><?php echo $cl['class_name']?></td>
                                <td><?php if(!empty($cl['zl_create_time'])){ echo date('Y-m-d H:i',$cl['zl_create_time']);}?></td>
                                <td><?php  echo '<span style="color:#15ae68;font-weight: bold">'.$cl["is_uploaded_count"].'</span>/'.$cl["students_count"];?></td>
                                <td style="width:265px;">
                                    <span class="iconfont click-sc addbx" aria-hidden="true" title="选择学生" onclick="javascript:location.href='<?php echo $this->createUrl('zhiliao/change',array('eid'=>$cl['zl_exam_id'],'cid'=>$cl['zl_class_id']));?>'">&#xe668;</span>
                                </td>
                            </tr>
                        <?php endforeach;else:?>
                            <tr><td colspan="8">暂无数据！</td></tr>
                        <?php endif;?>
                        </tbody>
                    </table>

                    <?php if(!empty($page_total)):?>
                        <div class="row">
                            <div class="col-xs-6">
                                &nbsp;
                            </div>
                            <div class="col-xs-6">
                                <div class="dataTables_paginate paging_simple_numbers">
                                    <?php
                                    $this->widget('CLinkPager', array(
                                        'header'	=>	'',
                                        'firstPageLabel'=>	'首页',
                                        'lastPageLabel'	=> '末页',
                                        'prevPageLabel'	=> '上一页',
                                        'nextPageLabel'	=> '下一页',
                                        'pages'			=> $pages,
                                        'maxButtonCount'=> 5,
                                    ));
                                    echo '共：'.$page_total.'条';
                                    ?>
                                </div>
                            </div>
                        </div>
                    <?php endif;?>
                </div>

                <!--上传模板弹窗-->

                <!-- PAGE CONTENT ENDS -->
            </div>
        </div>
    </div>
</div>
<script src="/js/jquery.ajaxfileupload.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        /*var str = '<div class="points"></div>';
         $(".sc-lis").each(function(){
         if($(this).find(".points").length>0){
         $(".sel-opt").append(str);
         }
         });*/

        $(".sel-opt,.sel-cons").mouseover(function(){
            $(".sel-cons").show();
        }).mouseout(function(){
            $(".sel-cons").hide();
        });

        $(".sc-lis").click(function(){
            var data = {
                subjectId	: $(this).attr('val')
            };

            $.post("<?php echo Yii::app()->createUrl('print/setSubjectId')?>",data,function(flags){
                if(flags)
                {
                    location.reload();
                }else
                {
                    alert('网络异常');
                }
            });

            $('.has-sel').text($(this).text());
            $(".sel-cons").hide();
        });


        $("#delPaperStudentAll").click(function(){
            // 判断是否有选中
            var studentsIds;

            layer.msg('确定删除全部未考试的学生吗？', {
                time: 0,
                btn: ['确定', '取消'],
                yes: function(index){
                    layer.close(index);
                    var data={
                        "exam_group_id":"<?php echo $exam_group_id ?>",
                    };

                    jQuery.post(
                        "<?php echo $this->createUrl("zhiliao/delExamStudentAll?");?>",data,function(data){
                            var m =JSON.parse(data);
                            if(m.status==1)
                            {
                                var icon	=	6;
                                layer.alert("删除成功", {icon: icon}, function(){
                                    location.replace(location.href);
                                });

                            }else if(m.status==2){

                                var icon	=	5;
                                layer.alert("无未上传成绩的学生", {icon: icon}, function(){
                                    location.replace(location.href);
                                });
                            }else{
                                var icon	=	5;
                                layer.alert("删除失败", {icon: icon}, function(){
                                    location.replace(location.href);
                                });
                            }
                        });
                }
            });

        });
    });

    function objToJson(obj){
        var json = "{ ";
        for(var item in obj){
            json += "'"+item+"':'"+obj[item]+"',";
        }
        json += " }";

        return json;
    }

    function ccc(){
        layer.msg('敬请期待！', {
            time: 0,
            btn: ['确定', '取消'],
            yes: function(index){
                layer.close(index);
                return false;
            }
        });
    }
    function delExam(odj){
        if (!odj) return false;
        var classId = odj.getAttribute("w_class_id");
        var examId  = odj.getAttribute("w_exam_id");
        if (!classId || !examId) return false;
        var msg = '您确定要删除此班的考试吗？';
        layer.msg(msg, {
            time: 0,
            btn: ['确定', '取消'],
            yes: function(index){
                layer.close(index);
                $.ajax({
                    url: "<?php echo $this->createUrl('print/delexam');?>",
                    type: "POST",
                    dataType: "json",
                    data: {

                        examId: examId,
                        classId:classId
                    },
                    success: function (data){

                        if(data.status == 1){
                            layer.msg('删除成功',{
                                icon: 1
                            }, function(){

                                layer.closeAll();
                                location.reload();
                            });
                        }else{
                            layer.msg('删除失败',{
                                icon: 5
                            }, function(){
                                layer.closeAll();
                                location.reload();
                            });
                        }
                    },
                    error: function (data, status, e){ //服务器响应失败处理函数
                        layer.msg('返回失败!',{
                            icon: 1
                        }, function(){
                            layer.closeAll();
                        });
                    }

                });
            }
        });
    }

    // 搜索事件
    $("#search").click(function(){
        $("#form1").submit();
    });


    // 隐藏试卷
    function oprateExam(examId,flag){
        if (examId) {
            layer.msg('未找到周周练id');
        }
        var msg = '您确定要隐藏该试卷吗？';
        if (flag == 0) {
            msg = '您确定要恢复该试卷吗？';
        }

        layer.msg(msg, {
            time: 0,
            btn: ['确定', '取消'],
            yes: function(index){
                layer.close(index);
                $.post('<?php echo $this->createUrl("print/oprateexam");?>',{examId:examId,flag:flag},function(data){
                    var obj = JSON.parse(data);
                    if (obj.success == 1) {
                        location.reload();
                    } else {
                        layer.msg(obj.message);
                    }
                });
            }
        });
    }
</script>