book_admin/public/assets/js/frontend/campaign/clockIn.js

function ClockIn(){
    Common.call(this)
}

ClockIn.prototype = new Common()
ClockIn.prototype.constructor = ClockIn
// 渲染页面
ClockIn.prototype.renderPage = function(obj){
    console.log(obj)

    if(obj.type == 2){
        // 报名成功，明日开始打开
        $('.tomo_clock_card').show()
        $('.sign-b').text('截至目前报名人数');
        $('.now_btn').removeClass('active_now_btn').addClass('no-btn').html('成功报名！明日开始打卡');
        $('.sign-d').hide();
        $('.award_item').addClass('award_item50');
        if ( obj.pop == 1 ){
            this.renderPagePop({
                type:4,
            });
        }
        
    }else if(obj.type == 3){
        // 今天打卡成功
        $('.today_success').show()
        $('.content').css({
            'marginTop': '1.8rem'
        })
        $('.now_btn').removeClass('active_now_btn').addClass('no-btn').html('打卡成功')

    }else if(obj.type == 4){
        // 本次挑战成功
        $('.charge_sucess').show()
        $('.huodong_over').show().css({
            'marginTop': '4.2rem'
        })
        $('.content').hide()
        $('.huodong_btn_tomo').show()
    }else if(obj.type == 5){
        // 可以打卡了，点击立即打卡
        $('.today_now_clock').show()
        $('.content').css({
            'marginTop': '1.8rem'
        })
        if($('.now_btn').hasClass('active_now_btn')){
            $('.now_btn').html('立即打卡')
        }else{
            $('.now_btn').addClass('active_now_btn').html('立即打卡')
        }
    }else if(obj.type == 6){
        // 领取奖励
        $('.get_awrard').show()
        $('.huodong_over').show().css({
            'marginTop': '4.2rem'
        })
        $('.content').hide()
        $('.huodong_btn_get_award').show()
    }else if(obj.type == 7){
        this.renderPagePop({
            type:5,
        })
        $('.today_now_clock').show()
        $('.content').css({
            'marginTop': '1.8rem'
        })
        if($('.now_btn').hasClass('active_now_btn')){
            $('.now_btn').html('去补签')
        }else {
            $('.now_btn').addClass('active_now_btn').html('去补签')
        }
    }else if(obj.type == 8){
        // 挑战成功参加下一期
        $('.get_awrard').show()
        $('.huodong_over').show().css({
            'marginTop': '4.2rem'
        })
        $('.content').hide()
        $('.huodong_btn_recharge_next').show()
    }else if(obj.type == 9){
        this.renderPagePop({
            type:7,
        })
        // 挑战失败，更多福利
        $('.charge_failed').show()
        $('.huodong_over').show().css({
            'marginTop': '4.2rem'
        })
        $('.content').hide()
        $('.huodong_btn_more_award').show()
    }else if(obj.type == 10){
        var remainDay = parseInt($('#match_id').attr('read_num'))+1;
        if ( remainDay == 7 ){
            this.renderPagePop({
                type:9,
            })
        }else{
            this.renderPagePop({
                type:6,
            })
        }

    }else if(obj.type == 11){
        this.renderPagePop({
            type:1,
        })
    }else if(obj.type == 12){
        this.renderPagePop({
            type:7,
        })
        $('.charge_failed').show()
        $('.huodong_over').show().css({
            'marginTop': '4.2rem'
        })
        $('.content').hide()
        $('.huodong_btn_recharge_next').show()
    }else if(obj.type == 13){

        $('.today_now_clock').show()
        $('.content').css({
            'marginTop': '1.8rem'
        })
        if($('.now_btn').hasClass('active_now_btn')){
            $('.now_btn').html('去补签')
        }else {
            $('.now_btn').addClass('active_now_btn').html('去补签')
        }

    }else if(obj.type == 14){
        window.location.reload()
    }
}


// 渲染弹层
ClockIn.prototype.renderPagePop = function(obj){
    if(obj.type == 1){
        // 打卡成功
        cpslog([702, {map:{campaign_status:'campaign_sign_success'}}, 'campaign_sign_success'])
        console.log(obj);
        var remainDay = parseInt($('#match_id').attr('read_num'))+1;
        $('.clock_sign_success').show()
            console.log(remainDay);
         if(remainDay == 7) {
             $('.clock_sign_success_text_top').empty();
             $('.clock_sign_success_text_6').hide()
             $('.clock_sign_success_text_7').show()
         }else{
             $('.clock_sign_success_span').html(7-remainDay)
         }
    }else if(obj.type == 2){
        // 打卡失败
        $('.clock_sign_fail').show()
    }else if(obj.type == 3){
        // 获得奖励
        $('.clock_sign_get_award').show()
    }else if(obj.type == 4){
        // 报名成功（应该在首页点击调用接口后直接弹出）
         $('.clock_enter_success').show()
    }else if(obj.type == 5){
        // 昨天忘记打卡
        cpslog([702, {map:{campaign_status:'campaign_forget_sign'}}, 'campaign_forget_sign'])
        $('.clock_forget_sign').show()
    }else if(obj.type == 6){
        // 补签成功
        cpslog([702, {map:{campaign_status:'campaign_csign_success'}}, 'campaign_csign_success'])
        $('.clock_supple_success').show()
    }else if(obj.type == 7){
        // 挑战失败
        $('.clock_charge_fail').show()
    }else if(obj.type == 8){
        // 挑战失败 下一期
        $('.charge_failed').show()
        $('.huodong_over').show().css({
            'marginTop': '4.2rem'
        })
        $('.content').hide()
        // $('.huodong_btn_more_award').show()
        $('.clock_charge_fail').show()
    }else if(obj.type == 9){
        // 第8天补签成功
        $('.clock_forget_tip').hide();
        $('.clock_supple_success_tip').text('完成挑战，请及时领奖').show();
        $('.clock_supple_success').show()
    }
}

// 所有的点击事件
ClockIn.prototype.clockHandleClick = function(){
    var that = this
    that.handleClick()
    var matchKey = $('#match_id');
    var data = {};
    data.matchId = matchKey.attr('data-match');
    data.kandian = matchKey.attr('data-kandian');
    data.activeId = matchKey.attr('data-active');
    data.matchDate = matchKey.attr('data-date');
    data.num = parseInt(matchKey.attr('read_num'))+1;
    // 点击立即打卡
    $('body').on('click','.active_now_btn', function(){

        if ( $('#web_status').val() == 7 || $('#web_status').val() == 13 ){ //补卡
            //补卡打点
            cpslog([702, {map:{campaign_status:'campaign_csign'}}, 'campaign_sign_click_btn'])
            var userId = matchKey.attr('user-id');
            var activeId = matchKey.attr('data-active');
            window.location.href="/index/recharge/pay?from=wechat&type=1&user_id="+userId+"&active_id="+activeId;
        }else{//打卡
            $.ajax({
                type: 'get',
                url: '/api/campaign/sign',
                data: data,
                success: function(res){
                    if(res.data.code == 200){
                        that.renderPagePop({
                            type: 1,
                        })
                    }else{
                        that.renderPagePop({
                            type: 2,
                        })
                    }
                },
                error: function(err){
                    that.renderPagePop({
                        type: 2,
                    })
                }
            })
        }
        
    })
    // 挑战失败点击按钮参加下次比较
    $('body').on('click', '.huodong_btn_recharge_next', function(){
        window.location.reload()
    })

    // 领取奖励
    $('body').on('click','.huodong_btn_get_award', function(){
        $.ajax({
            type: 'get',
            url: '/api/campaign/getReward',
            data: data,
            success: function(res){
                if(res.data.code == 200){
                    that.renderPagePop({
                        type: 3,
                        award:res.data.data,
                    })
                }else{
                    alert(res.data.msg)
                }
            },
            error: function(err){
                alert('请稍后重试')
            }
        })
    })

    // 挑战失败精彩书籍
    $('body').on('click', '.huodong_btn_more_award', function(){
        var url =  String($("#web_status").attr('channel-url'));
        window.location.href=url+"/index/user/recent?from=wechat";
    })
    // 去补签，弹层
    $('body').on('click', '.today_middle_supple_btn', function(){
        that.renderPagePop({
            type: 5
        })
    })
    // 充值获得补签
    $('body').on('click','.clock_forget_btn', function(){
        //打点
        cpslog([702, {map:{campaign_status:'campaign_csign'}}, 'campaign_sign_click_web'])
        $('.clock_forget_sign').hide()
        var userId = matchKey.attr('user-id');
        var activeId = matchKey.attr('data-active');
        window.location.href="/index/recharge/pay?from=wechat&type=1&user_id="+userId+"&active_id="+activeId;
    })

    // 书籍跳转
    $('body').on('click', '.book_item', function(e){
        var bookId = String($(this).attr('data-bookid'));
        var url =  String($("#web_status").attr('channel-url'));
        window.location.href=url+"index/book/info?book_id="+bookId;
    })
    // 去看好书,跳转到书架
    $('body').on('click', '.top_prev span,.clock_sign_fail_btn,.see_more_btn', function(){
        var url =  String($("#web_status").attr('channel-url'));
        window.location.href=url+"/index/user/recent?from=wechat";
    })

    //领奖完成
    $('.clock_sign_get_award .pop_close').click(function(){
        var actNext = $('#match_id').attr('act-next');
        $('.huodong_btn_get_award').hide();
        if ( actNext == 1 ){
            $('.huodong_btn_recharge_next').text('报名新一期挑战赛').show();
        }else{
            $('.huodong_btn_more_award').show();
        }

    })
    // 打卡成功的弹层关闭
    $('body').on('click', '.clock_sign_success .pop_close,.clock_supple_success .pop_close', function(){
        window.location.reload()
    })
    // 报名成功挑战阅读
    $('body').on('click', '.clocl_enter_success_see_book', function(){
        var url =  String($("#web_status").attr('channel-url'));
        window.location.href=url+"/index/user/recent?from=wechat";
    })
    //挑战成功查看规则
    $('.clock_enter_success_rule_btn').click(function(){
        if($(this).parents('.clock_enter_success').length > 0){
            $(this).parents('.clock_enter_success').hide()
        }
        $('.charge_rule_pop').show();
        $('.pop_close').unbind();
        $('.pop_close').click(function(){
            $(this).parents('.common_pop').hide();
            window.location.reload()
        })
    })
}


// 渲染已经读了多少分钟
ClockIn.prototype.init = function(){

    var phpStatus = $('#web_status').val();
    var popType = $('#web_status').attr('pop-type');
    this.clockHandleClick()
    // this.transitionFun()
    console.log(phpStatus);
    this.renderPage({
        type: phpStatus,
        pop:popType
    })
    
}

var clockInObj = new ClockIn()

clockInObj.init()

function taskCallback(type){
    if(type == 1){
        clockInObj.logClick({
            module: 'read_change_status',
            zone: 'buqiansuccess',
            json: {
                date: date
            }
        })
        clockInObj.renderPagePop({
            type: 6
        }) 
    }
}


function notfind(){
    var img = event.srcElement
    if(img.src.indexOf('classify_default') > -1){
        img.onerror = null
        return
    }
    img.src = '../../assets/img/frontend/campaign/classify_default.png'
}