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

<style>
    .reset-title{padding-left: 20px; line-height: 40px;font-size: 14px;border-bottom: 1px solid #eee;}
    .paper-title{margin-right: 20px;font-weight: bold;}
    .chk-all{margin-left: 20px; padding-left:20px; cursor: pointer;background: url(/images/select_no.png) no-repeat left center;-webkit-background-size: 16px;background-size: 16px;}
    .chk-all.active{background: url(/images/select_ipt.png) no-repeat left center;-webkit-background-size: 16px;background-size: 16px;}
    .chk-num{margin-top: 10px;margin-left: 5px; width: 20px;height: 20px;line-height: 20px; text-align: center;font-style:normal; border-radius: 50%;background-color: #f40;color: #fff;}
    .class-box{padding-bottom:50px;}
    .class-box ul{padding:20px 0 0 24px;}
    .class-box li{position: relative;margin-right: 28px;margin-bottom: 20px; padding:10px 16px;width: 210px;height: 105px; border:1px solid #ccc;box-sizing: border-box;cursor: pointer;}
    .class-box li h3{margin:0; width: 180px; font-size: 16px;line-height: 24px; color: #697aff;}
    .class-box li p{margin-top: 6px;}
    .selected-img{position: absolute;top:50%;right: 10px;transform:translateY(-50%);display: none;}
    .class-box li.active,.class-box li:hover{border-color: #2977ff}
    .class-box li.active .selected-img{display: block;}
    .reset-btn{position: fixed;left: 24px;bottom:0;padding-top:10px;padding-bottom: 16px;width: 100%;background-color: #fff;}
    .reset-btn span{color: #f00;}
    .reset-btn a{margin-right: 10px; display: inline-block;color: #fff;background-color: grey;width: 100px;line-height: 30px;text-align: center; }
    .reset-btn2 a{text-decoration: none;background:#2977ff;}
    .reset-btn2 a:hover{text-decoration: none;background-color: #2977ff;}
    .reset-num{font-style:normal;}

    /*.topic-content*/
    .choose-topic h3,.filling-topic h3,.answer-topic h3{font-weight: 700;font-size: 14px;line-height: 34px;}
    .topic a{margin:0 5px; color: #4395ff}
    .topic p{display: inline;}

    .batch_topic a{margin:0 5px; color: #4395ff}
    .batch_topic p{display: inline;}

    /*.topic .score{color: #f00;}*/
    .score input,.right-answer{width: 30px;text-align: center; background: #fff;border:0;color: #50d2c2}
    .score input:focus,.right-answer:focus{border:1px solid #50d2c2;outline: none;}
    /*.right-answer{color: #f40;}*/
    .topic-answer input{width: 60px;}



    .model-score input{padding-left: 5px; height: 30px;width: 230px;border:1px solid #ccc;outline: none;}
    .model-score input:focus{border-color: #50d2c2;box-shadow: 0 0 5px #50d2c2;}
    .modal-btn{text-align: center;margin:10px 0;}
    .modal-btn a{display: inline-block;margin:0 5px; width: 100px; line-height: 40px;background: #50d2c2;color: #fff;}


    .modal-content{position: absolute;left: 50%;top: 50%;padding-top: 40px; width: 500px;background: #fff; transform: translate(-50%,-50%);}
    .modal-title{position: absolute;top: 0;left: 0;padding-left: 20px; width: 100%;height: 40px;line-height: 40px;background: #009965;color:#fff;}
    .modal-title em{width: 40px;height: 40px;text-align: center;font-size: 20px;cursor: pointer;}

    .model-score1 input{padding-left: 5px; height: 30px;width: 230px;border:1px solid #ccc;outline: none;}
    .model-score1 input:focus{border-color: #50d2c2;box-shadow: 0 0 5px #50d2c2;}
    .modal-btn{text-align: center;margin:10px 0;}
    .modal-btn a{display: inline-block;margin:0 5px; width: 100px; line-height: 40px;background: #50d2c2;color: #fff;}

    .model-score2 input{padding-left: 5px; height: 30px;width: 230px;border:1px solid #ccc;outline: none;}
    .model-score2 input:focus{border-color: #50d2c2;box-shadow: 0 0 5px #50d2c2;}
    .modal-btn{text-align: center;margin:10px 0;}
    .modal-btn a{display: inline-block;margin:0 5px; width: 100px; line-height: 40px;background: #009965;color: #fff;}
    .modal-btn .close3{display: inline-block;margin:0 5px; width: 100px; line-height: 40px;background: #fff;color: #000;border:1px solid #555;border-radius: 3px;}

    .modal1_multi{position: fixed;top: 0;left: 0;width: 100%;height: 100%;font-size:14px;display:none ;background: rgba(0,0,0,.4)}
    .model-rule{width:80%;margin:15px auto;text-align: center;font-size:18px;}

    .modal1_multi .model-score1{width:80%;margin:10px auto;text-align: left}
    .modal1_multi .model-score-m{width:80%;margin:5px auto;}
    #update_msg{color:red}

    .modal1_multi .model-score-m label{margin:5px 0;font-size: 12px;color:red;font-weight: initial}
    .btn-garder {
        cursor: pointer;
        margin-top: 5px;
        margin-left: 10px;
        margin-right: 50px;
        display: inline-block;
        width: 100px;
        border: none;
        text-align: center;
        line-height: 30px;
        color: #fff;
        background-color: #2977ff;
    }

    .clearfix .fl .is-cool-down{text-align:right;margin: -10px 0 0 0;float:right;}
    .clearfix .fl .is-cool-down .cool-down-prompt{color:red;font-size:5px;}

</style>


<div class="reset-title clearfix">
    <span class="fl paper-title"><?php echo isset($resultList[0]['exam_name'])?$resultList[0]['exam_name']:'';?></span>
    <div class="fl">
        <span class="fl">参考班级</span>
        <span class="chk-all fl">全选</span>
        <em class="fl chk-num reset-num">0</em>
    </div>
</div>

<div class="class-box">
    <ul class="clearfix" id="select-class">
        <?php foreach($resultList as $key => $value):?>
        <li class="fl" classId="<?php echo $value['class_id'];?>" examId="<?php echo $value['exam_id'];?>">
            <?php 
                $downloadCount = '0/0';
                if($printType == 'wp'){ 
                    $downloadCount = "{$value["is_uploaded_count"]}/{$value["students_count"]}";
                }elseif($printType == 'wtb'){
                    $downloadCount = "{$value["wrongbook_pdf_count"]}/{$value["is_uploaded_count"]}";
                }elseif($printType == 'third_wb'){
                    $downloadCount = "{$value["wrongbook_pdf_count"]}/{$value["is_uploaded_count"]}";
                }elseif($printType == 'isp'){
                    $downloadCount = "{$value["isp_pdf_count"]}/{$value["is_uploaded_count"]}";
                }elseif($printType == 'studytrend'){
                    $downloadCount = "{$value["wbisp_pdf_count"]}/{$value["is_uploaded_count"]}";
                }elseif($printType == 'third_isp') {
                    $downloadCount = "{$value["wbisp_pdf_count"]}/{$value["is_uploaded_count"]}";
                }elseif ($printType == 'exam_product'){
                    $downloadCount = "{$value["pdfCount"]}/{$value["totalCount"]}";
                }
            ?>
            <div class="fl">
                <p class="is-cool-down" data-is-cool-down="<?php echo $value['is_cool_down'] ?>" style="display:<?php echo $value['is_cool_down_prompt']?'':'none';?>; ">
                    <span class="cool-down-prompt">冷却中</span>
                </p>
                <h3 class="ellipsis"><?php echo $value['class_name'];?></h3>
                <p>已生成/总数：<?php echo $downloadCount;?></p>

                <p class="residue-count" data-residue-count="<?php echo $value['learn_tube_reset_residue_count']; ?>">已重置<?php echo $value['learn_tube_reset_count']; ?>次，还剩<?php echo $value['learn_tube_reset_residue_count']; ?>次</p>

            </div>
            <img src="/images/select_li.png" class="selected-img">
        </li>
        <?php endforeach;?>
    </ul>
</div>
<div class="reset-btn">
    <a href="javascript:;">重置</a>
    <span>您将重置<em class="reset-num">0</em>个班级的
        <?php 
            if($printType == 'wtb'){
                echo '错题本';
            }elseif($printType == 'isp'){
                echo '个性化学习方案';
            }elseif($printType == 'third_wb'){
                echo '错题本';
            }elseif($printType == 'third_isp'){
                echo '个性化学习宝';
            }elseif($printType == 'studytrend'){
                echo '个性化学习宝';
            }elseif($printType == 'exam_product'){
                echo $productType == 1 ? '错题本' : '方法宝';
            }else{
                echo '错题前十和教师讲案';
            }
        ?>
    </span>
</div>


<!-- 重置提示框 -->
<div class="modal1_multi">
    <div class="modal-shadow"></div>
    <div class="modal-content">
        <div class="modal-title clearfix">
            提示<em class="fr close3">×</em>
        </div>
        <div class="model-rule">
            同一场考试，只提供一次重置机会。 <br>确定需要重置吗？

        </div>
        <div class="model-score-m">
            <label>产品生成会占用服务器资源，请谨慎操作，重置后需排队等待哦！</label>
        </div>
        <div class="modal-btn">
            <a href="javascript:;" class="sumbit3">确定重置</a>
            <a href="javascript:;" class="close3 chameleon">取消</a>

        </div>
    </div>
</div>
<script>
    $(function () {
        var printType = "<?php echo $printType;?>";
        var isTechnicalSupport=<?php echo $is_technical_support; ?>;
        $(".reset-btn a").click(function () {
            //判断重置次数
            $('.model-rule').html("确定需要重置吗？");
            $('.sumbit3').show();
            $('.chameleon').html('取消');
            $('.model-score-m').show();
            $('.modal1_multi').show();


//            $(".layout-reset").fadeIn(400);
        });

        $('.close3').click(function(){
            $('.modal1_multi').hide();
        });
        $('.sumbit3').click(function(){
            doSubmit();
        });
        //提交重置
        function doSubmit(){
            var obj = $("#select-class>li.active");
            var classExam = [];
            $.each(obj, function(key, value) {
                var temp = [];
                temp.push($(value).attr('classId'));
                temp.push($(value).attr('examId'));
                classExam.push(temp);
            });

            if(classExam.length > 0){
                if(printType == 'wtb'){
                    var url = "<?php echo $this->createUrl('client/mulWbhtml'); ?>";
                    resetAction(classExam,url);
                }else if(printType == 'isp'){
                    var url = "<?php echo $this->createUrl('client/mulIsp2html'); ?>";
                    resetAction(classExam,url);
                }else if(printType == 'third_isp'){
                    var url = "<?php echo $this->createUrl('client/mulIsp3html'); ?>";
                    resetAction(classExam,url);
                }else if(printType == 'studytrend'){
                    var url = "<?php echo $this->createUrl('client/mulIsp3html'); ?>";
                    resetAction(classExam,url);
                }else if(printType == 'exam_product'){
                    var url = "<?php echo $this->createUrl('client/mulExamProducthtml',array('productType'=>$productType)); ?>";
                    resetAction(classExam,url);
                }else{
                    var url = "<?php echo $this->createUrl('client/mulWbhtml'); ?>";
                    resetAction(classExam,url);
                }
            }else{
                layer.msg('请选择班级!',{
                    icon: 5
                }, function(){
                    layer.closeAll();
                });
            }
        }

        $(".chk-all").click(function () {
            if ($(this).hasClass("active")) {
                $(this).removeClass("active");
                $(".class-box li").removeClass("active");
                $(".reset-num").html(0);
                $(".reset-btn").removeClass('reset-btn2');
            } else {
                var resetNum=0;
                for(var $i=0;$i<$(".class-box li").length;$i++){
                    $(this).addClass("active")
                    var isCoolDown=$(".class-box li").eq($i).find('.is-cool-down').attr('data-is-cool-down');
                    var residueCount=$(".class-box li").eq($i).find('.residue-count').attr('data-residue-count');
                    if(!isTechnicalSupport && (isCoolDown==0 || residueCount==0)){
                        continue;
                    }
                    resetNum++;
                    $(".class-box li").eq($i).addClass("active");
                    $(".reset-num").html(resetNum);
                    $(".reset-btn").addClass('reset-btn2');
                }
            }
        });
        $("body").delegate(".class-box li", "click", function () {
            var count = 0;
            if ($(this).hasClass("active")) {
                $(this).removeClass("active");
            } else {
                if(!isTechnicalSupport && ($(this).find('.is-cool-down').attr('data-is-cool-down')==0 || $(this).find('.residue-count').attr('data-residue-count')==0)){
                    layer.msg('冷却中或者重置次数已用完',{
                        icon: 5
                    }, function(){
                        layer.closeAll();
                    });
                    return false;
                }
                $(this).addClass("active");
            }
            for (var i = 0; i < $(".class-box li").length; i++) {
                if ($(".class-box li").eq(i).hasClass("active")) {
                    count++;
                }
                if(count > 0){
                    $(".reset-btn").addClass('reset-btn2');
                }else{
                    $(".reset-btn").removeClass('reset-btn2');
                }
            }
            var resetNum=0;
            for(var $i=0;$i<$(".class-box li").length;$i++){
                var isCoolDown=$(".class-box li").eq($i).find('.is-cool-down').attr('data-is-cool-down');
                var residueCount=$(".class-box li").eq($i).find('.residue-count').attr('data-residue-count');
                if(!isTechnicalSupport && (isCoolDown==0 || residueCount==0)){
                    continue;
                }
                resetNum++;
            }
            if (count == resetNum) {
                $(".chk-all").addClass("active");
            } else {
                $(".chk-all").removeClass("active");
            }
            $(".reset-num").html(count);
        });
        // toast("重置失败！请再次尝试")
        // toast("重置失败！请再次尝试",true)

        function toast(msg, flag) {
            /*flag参数为true，不能自动关闭，不传则3秒以后关闭*/
            $("body").append("<div class='toast'></div>");
            $(".toast").css({
                "position": "fixed",
                "left": "50%",
                "top": "50%",
                "transform": "translate(-50%,-50%)",
                "padding": "15px 25px",
                "max-width": "250px",
                "background": "rgba(0,0,0,.8)",
                "color": "#fff",
                "font-size": "14px",
                "border-radius": "5px",
                "display": "none",
                "z-index": "9999999"
            }).html(msg).fadeIn(400);

            if (flag)
                return;
            var tempTimer = setTimeout(function () {
                $(".toast").fadeOut(400).remove();
                clearTimeout(tempTimer)
            }, 3000)
        }
        
        
        function resetAction(classExam,url){
            $.ajax({
                url: url,
                type: "POST",
                dataType: "json",
                data: {classExam:classExam},
                success: function (data){
                    if(data >= 0){
                        layer.msg('操作成功！自动返回上一层',{
                            icon: 1
                        }, function(){
                            layer.closeAll();
                            window.history.go(-1);
                        });
                    }else{
                        layer.msg('操作失败！请再次尝试',{
                            icon: 5
                        }, function(){
                            layer.closeAll();
                        });
                    }
                },
                error: function (data, status, e){ //服务器响应失败处理函数
                    layer.msg('返回失败!',{
                        icon: 5
                    }, function(){
                        layer.closeAll();
                    });
                }
            });
        }
    })
</script>