team1_nc/assets/script/game/module/blessingBag/BlessingBagItem.ts

/**
 * @description 福袋item
 * @author kaka
 */

const { ccclass, property } = cc._decorator;

@ccclass
export default class BlessingBagItem extends cc.Component {

    @property(cc.Label)
    txtNum: cc.Label = null;
    @property(cc.RichText)
    txtTip: cc.RichText = null;
    @property(cc.Label)
    txtSlider: cc.Label = null;

    @property(cc.Sprite)
    slider: cc.Sprite = null;

    @property(cc.Node)
    btnCashed: cc.Node = null;
    @property(cc.Node)
    btnCanCash: cc.Node = null;
    @property(cc.Node)
    btnNoFinish: cc.Node = null;
    @property(cc.Node)
    ani_fadeUp: cc.Node = null;

    data: any = null;
    lastNum: number = 0;
    totalTime: number = 0;
    deltaTime: number = 0;
    delta: number = 0;
    curValue: number = 0;
    curTime: number = 0;

    isPlayAni: boolean = false;

    isInit: boolean = true;

    /**
     * list_data
     * @param data item数据
     */
    public async setItemData(bData) {
        this.ani_fadeUp.opacity = 0;
        this.Init(bData.data, bData.isPlayAniUpdate, bData.isPlayInitAni);
    }

    Init(data: any, isPlayAni: boolean = false, isPlayInitAni: boolean = false) {
        this.data = data;
        this.txtNum.string = data.redMoney / 100 + "元";
        this.txtTip.string = "<b><color=#F89800>" + data.redMoney / 100 + "元</c><color = #BB6738>提现进度</c></b>";
        this.btnCashed.active = data.status == 2;
        this.btnCanCash.active = data.status == 1;
        this.btnNoFinish.active = data.status == 0;
        if (isPlayAni) {
            this.scheduleOnce(() => {
                this.PlayNumAni(0.3);
                cc.tween(this.txtSlider.node).to(0.15, { scale: 1.4 })
                    .to(0.15, { scale: 1 })
                    .start();
            }, 0.3);
        }
        else if (isPlayInitAni) {
            this.scheduleOnce(() => {
                this.PlayInitNumAni(0.2);
                cc.tween(this.txtSlider.node).to(0.1, { scale: 1.4 })
                    .to(0.1, { scale: 1 })
                    .start();
            }, 0.3);
        } else {
            this.txtSlider.string = (data.progressRate * 100).toFixed(2) + "%";
            this.slider.fillRange = data.progressRate;
            this.lastNum = data.progressRate * 100;
        }
    }

    update(dt) {
        this.UpdateAniFrame(dt);
    }

    PlayNumAni(time: number) {
        this.totalTime = time;
        this.delta = (this.data.progressRate * 100 - this.lastNum) / time;
        this.deltaTime = time / (this.data.progressRate * 100 - this.lastNum);
        this.curValue = this.lastNum;
        this.curTime = 0;
        this.isPlayAni = true;
    }

    PlayInitNumAni(time: number) {
        this.totalTime = time;
        this.delta = (this.data.progressRate * 100 - 0) / time;
        this.deltaTime = time / (this.data.progressRate * 100 - 0);
        this.curValue = 0;
        this.curTime = 0;

        this.isPlayAni = true;
    }

    UpdateAni() {
        if (this.curTime < this.totalTime) {
            this.curTime += this.deltaTime;
            this.curValue += this.delta * this.deltaTime;
            if (this.curValue >= this.data.progressRate * 100) {
                this.curValue = this.data.progressRate * 100;
            }
        } else {
            this.curTime = this.totalTime;
            this.unschedule(this.UpdateAni);
            this.curValue = this.data.progressRate * 100;
            this.lastNum = this.data.progressRate * 100;
        }
        this.txtSlider.string = this.curValue.toFixed(2) + "%";
        this.slider.fillRange = this.curValue * 0.01;
    }

    UpdateAniFrame(dt) {
        if (this.isPlayAni) {
            if (this.curTime < this.totalTime) {
                this.curTime += dt;
                this.curValue += this.delta * dt;
                if (this.curValue >= this.data.progressRate * 100) {
                    this.isPlayAni = false;
                    //this.doAni();
                    this.curValue = this.data.progressRate * 100;
                    this.lastNum = this.data.progressRate * 100;
                }
                //if (this.data.redMoneyId == 1) {
                //console.log("-->CurValue:" + this.curValue);
                //}
            } else {
                this.isPlayAni = false;
                //this.doAni();
                this.curTime = this.totalTime;
                //this.unschedule(this.UpdateAni);
                this.curValue = this.data.progressRate * 100;
                this.lastNum = this.data.progressRate * 100;           
            }
            this.txtSlider.string = this.curValue.toFixed(2) + "%";
            this.slider.fillRange = this.curValue * 0.01;
        }
    }

    doAni() {
        if(this.isInit)
        {
            this.isInit = false;
            return;
        }
        let add = this.data.progressRate*100 - this.lastNum;
        if(add > 0)
        {
            this.ani_fadeUp.scale = 0;
            this.ani_fadeUp.opacity = 255;
            cc.tween(this.ani_fadeUp).to(0.2, {scale: 1}).delay(0.6).to(0.2, {opacity: 0}).start();
            this.ani_fadeUp.getComponent(cc.Label).string = '+' + add.toFixed(1);      
        }
        
    }

    OnExit() {
        this.txtSlider.string = "0.00%";
        this.slider.fillRange = 0;
    }


    Click_CashedBtn() {
        mk.audio.playEffect("button");
        console.log("clicked cashed");
        mk.tip.pop('该红包已提现');
    }

    Click_CanCashBtn() {
        mk.audio.playEffect("button");
        console.log("clicked canCash");
        gData.blessingBag.OpenTaskRbPanel(this.data.Id, this.data.redMoney);
    }

    Click_NoFinishBtn() {
        mk.audio.playEffect("button");
        console.log("clicked noFinish");
        mk.tip.pop('提现进度不足');
    }
}