xiaoben-as2-php/protected/views/htb/htb_reset.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}

</style>


<div class="reset-title clearfix">
    <span class="fl paper-title"><?php echo isset($data[0]['name'])?$data[0]['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>
<!--好题本组id-->
<input type="hidden" value="<?php echo $htb_group_id; ?>" class="data-htb-group-id"/>

<div class="class-box">
    <ul class="clearfix" id="select-class">
        <?php foreach($data as $key => $value):?>
        <li class="fl" htbId="<?php echo $value['htb_id'];?>">
            <div class="fl">
                <h3 class="ellipsis"><?php echo $value['class_name'];?></h3>
                <p>已生成/总数：<?php echo $value['create_count'];?>/<?php echo $value['total_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>个班级的 好题本
    </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 () {
        resetCount=parseInt(<?php echo $resetCount;?>);
        $(".reset-btn a").click(function () {
            //判断重置次数
            if(resetCount==0){
                $('.model-rule').html('本周“好题本”只提供一次重置机会。 <br>确定需要重置吗？');
                $('.sumbit3').show();
                $('.chameleon').html('取消');
                $('.model-score-m').show();
                $('.modal1_multi').show();
            }else{
                $('.model-score-m').hide();
                $('.sumbit3').hide();
                $('.chameleon').html('知道了');
                $('.model-rule').html('本周“好题本”已重置，不能继续重置！<br>请联系技术支持，谢谢！');
                $('.modal1_multi').show();
            }
        });

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

            var htbGroupId=$('.data-htb-group-id').val();
            if(htbGroupId==0 || htbGroupId==''){
                layer.msg('好题本组id为空，请稍后重试!',{
                    icon: 5
                }, function(){
                    layer.closeAll();
                });
                return false;
            }

            if(selectHtbIds.length > 0){
                    var url = "<?php echo $this->createUrl('htb/ajaxResetHtb');?>";
                    resetAction(selectHtbIds,url,htbGroupId);
            }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 {
                $(this).addClass("active");
                $(".class-box li").addClass("active");
                $(".reset-num").html($(".class-box li").length);
                $(".reset-btn").addClass('reset-btn2');
            }
        });
        $("body").delegate(".class-box li", "click", function () {
            var count = 0;
            if ($(this).hasClass("active")) {
                $(this).removeClass("active");
            } else {
                $(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');
                }
            }
            if (count == $(".class-box li").length) {
                $(".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(htbIds,url,htbGroupId){
            $.ajax({
                url: url,
                type: "POST",
                dataType: "json",
                data: {htbIds:htbIds,htbGroupId:htbGroupId},
                success: function (data){
                    if(data.status > 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>