budingGame/BudingOpenData/assets/scripts/Main.js

// Learn cc.Class:
//  - [Chinese] http://docs.cocos.com/creator/manual/zh/scripting/class.html
//  - [English] http://www.cocos2d-x.org/docs/creator/en/scripting/class.html
// Learn Attribute:
//  - [Chinese] http://docs.cocos.com/creator/manual/zh/scripting/reference/attributes.html
//  - [English] http://www.cocos2d-x.org/docs/creator/en/scripting/reference/attributes.html
// Learn life-cycle callbacks:
//  - [Chinese] http://docs.cocos.com/creator/manual/zh/scripting/life-cycle-callbacks.html
//  - [English] http://www.cocos2d-x.org/docs/creator/en/scripting/life-cycle-callbacks.html

cc.Class({
    extends: cc.Component,

    properties: {
        rankScrollView: cc.Node,
        _viewitemTemp: null,
        _content: null,

        SignAtlas:{
            default:null,
            type:cc.SpriteAtlas,
        },

        passNode: { //分数超越节点
            default: null,
            type: cc.Node
        }
    },

    // LIFE-CYCLE CALLBACKS:
    ctor() {
        this.rankArr = new Array();;
        this.passIndex = 0;
    },

    onLoad() {
        this._viewlist = this.node.getChildByName("PHB").getChildByName("rankScrollView");
        this._content = this.rankScrollView.getChildByName("view").getChildByName("content");

        if (this._viewitemTemp == null || this._viewitemTemp == 'undefined') {
            this._viewitemTemp = this._content.children[0];
            this._content.removeChild(this._viewitemTemp);
        }

        this.showFriendRank();
    },

    start() {
        this.userhead = "";
        var self = this;
        this.GetUserHead();
        wx.onMessage(function (data) {
            switch (data.method) {
                case 'updateRank': {
                    break;
                }
                case 'showMyRank': {                    
                    self.node.getChildByName("PHB").active = false;
                    self.node.getChildByName("MYPHB").active = true;
                    self.node.getChildByName("PassNode").active = false;
                    self.showFriendRank();
                    
                    break;
                }
                case 'showGroupRank': {
                    break;
                }
                case 'hideRank': {
                    self.node.getChildByName("PHB").active = false;
                    self.node.getChildByName("MYPHB").active = false;
                    self.node.getChildByName("PassNode").active = false;
                    break;
                }
                case 'showFriendRank': {
                    var show = data.data == "true";
                                          
                    self.node.getChildByName("PHB").active = show;
                    self.node.getChildByName("MYPHB").active = !show;
                    self.node.getChildByName("PassNode").active = false;
                    self.showFriendRank();
                    
                    break;
                }  
                case 'fillRankList': { //填充rank数组，用做检测超越好友需求
                    self.fillRankList();
                    break;
                }
                case 'checkPass': { //检测超越了谁
                    //console.log(data.data);
                    self.node.getChildByName("PHB").active = false;
                    self.node.getChildByName("MYPHB").active = false;
                    self.checkPass(data.data);
                    break;
                }        
            }
        })
    },

    packHeadImg(data) {
        var headlist = data.split('/');
        var len = headlist.length;
        if (len === 0 || len === 1) {
            return data;
        }
        var headimg = "";
        for (var i = 0; i < len - 1; ++i) {
            headimg += headlist[i] + '/';
        }
        headimg += '132';
        return headimg;
    },

    createImage(sprite, url) {
        let image = wx.createImage();
        image.onload = function () {
            let texture = new cc.Texture2D();
            texture.initWithElement(image);
            texture.handleLoadedTexture();
            sprite.spriteFrame = new cc.SpriteFrame(texture);
        };
        image.src = url;
    },

    // bubbleSort(arr) {
    //     for (var i = 1; i < arr.length; i++) {
    //         for (var r = 0; r < arr.length - i; r++) {
    //             if (parseInt(arr[r].score) < parseInt(arr[r + 1].score)) {
    //                 arr[r] = [arr[r + 1], arr[r + 1] = arr[r]][0];
    //             }
    //         }
    //     }
    // },

    bubbleSort(arr) {
        var len = arr.length;
        for (var i = 0; i < len; i++) {
            for (var j = 0; j < len - 1 - i; j++) {
                if (parseInt(arr[j].score) < parseInt(arr[j + 1].score)) { //相邻元素两两对比
                    var temp = arr[j + 1]; //元素交换
                    arr[j + 1] = arr[j];
                    arr[j] = temp;
                }
            }
        }
        return arr;
    },

    onClickRankItem: function (event) {
        //var strIndex = event.target.getChildByName("ranknum").getComponent(cc.Label).string;
        //this.node.getChildByName("PHB").getChildByName("IndexPos").getComponent(cc.Label).string = "名次：" + strIndex;
        //this.node.getChildByName("PHB").getChildByName("PlayScore").getComponent(cc.Label).string = event.target.getChildByName("score").getComponent(cc.Label).string;
        //this.node.getChildByName("PHB").getChildByName("headimg").getComponent(cc.Sprite).spriteFrame = event.target.getChildByName("headimg").getComponent(cc.Sprite).spriteFrame;
    },

    addRank(/*data*/) {
        /*
        var rankArr = new Array();
        for (var index = 0; index < data.length; ++index) {
            var openid = data[index].openid;
            var nickname = data[index].nickname;
            var headimg = this.packHeadImg(data[index].avatarUrl);
            var score = '0';
            var driLevel = '0';
            if (!this.IsEmpty(data[index].KVDataList)) {
                for (var num = 0; num < data[index].KVDataList.length; ++num) {
                    if (data[index].KVDataList[num].key == 'driLevel') {
                        driLevel = data[index].KVDataList[num].value;
                    } else {
                        score = data[index].KVDataList[num].value;
                    }
                }
                if (data[index].KVDataList.length == 2) {
                    rankArr.push({ openid: openid, nickname: nickname, headimg: headimg, score: score, driLevel: driLevel });
                }
            }
            // if (!this.IsEmpty(data[index].KVDataList)) {
            //     score = data[index].KVDataList[0].value;
            //     rankArr.push({ openid: openid, nickname: nickname, headimg: headimg, score: score });
            // }
        }
        this.bubbleSort(rankArr);*/

        //this.node.getChildByName("PHB").active = true;
        this._content.removeAllChildren();
        //for (var n = 0; n < 5; ++n) {         

        for (var index = 0; index < this.rankArr.length; ++index) {
            var node = cc.instantiate(this._viewitemTemp);
            node.getChildByName('ranknum').getComponent(cc.Label).string = index + 1;

            if (index < 3) {
                node.getChildByName('ranknunbg' + index).active = true;
                node.getChildByName('ranknum').active = false;
            }

            node.getChildByName('username').getComponent(cc.Label).string = this.rankArr[index].nickname;
            this.createImage(node.getChildByName('headimg').getComponent(cc.Sprite), this.rankArr[index].headimg);
            node.getChildByName('score').getComponent(cc.Label).string = this.rankArr[index].score;

            node.getChildByName('CheckMark').active = ((index % 2) != 0);
            this._content.addChild(node);

            node.getChildByName("levelSgin").active = false;
            var level = parseInt(this.rankArr[index].driLevel);
            if (level != 'NAN' && level > 0) {
                node.getChildByName("levelSgin").active = true;
                node.getChildByName("levelSgin").getComponent(cc.Sprite).spriteFrame = this.SignAtlas.getSpriteFrame('c'+level);
            }else{
                node.getChildByName("levelSgin").active = false;
            }

            // if (index == 0) {
            //     node.getComponent(cc.Toggle).check();

            //     var strIndex = node.getChildByName("ranknum").getComponent(cc.Label).string;
            //     this.node.getChildByName("PHB").getChildByName("IndexPos").getComponent(cc.Label).string = "名次：" + strIndex;
            //     this.node.getChildByName("PHB").getChildByName("PlayScore").getComponent(cc.Label).string = node.getChildByName("score").getComponent(cc.Label).string;
            //     this.createImage(this.node.getChildByName("PHB").getChildByName("headimg").getComponent(cc.Sprite), rankArr[index].headimg);
            // }

            if (this.isMySelf(this.rankArr[index].headimg)) {
                this.node.getChildByName("PHB").getChildByName("itemMy").getChildByName('ranknum').active = true;
                this.node.getChildByName("PHB").getChildByName("itemMy").getChildByName('headimg').active = true;
                this.node.getChildByName("PHB").getChildByName("itemMy").getChildByName('score').active = true;
                this.node.getChildByName("PHB").getChildByName("itemMy").getChildByName('username').active = true;
                this.node.getChildByName("PHB").getChildByName("itemMy").getChildByName('headSprite').active = true;
                this.node.getChildByName("PHB").getChildByName("itemMy").getChildByName('ranknum').getComponent(cc.Label).string = index + 1;
                this.node.getChildByName("PHB").getChildByName("itemMy").getChildByName('username').getComponent(cc.Label).string = this.rankArr[index].nickname;
                this.createImage(this.node.getChildByName("PHB").getChildByName("itemMy").getChildByName('headimg').getComponent(cc.Sprite), this.rankArr[index].headimg);
                this.node.getChildByName("PHB").getChildByName("itemMy").getChildByName('score').getComponent(cc.Label).string = this.rankArr[index].score;

                var level = parseInt(this.rankArr[index].driLevel);
                if (level != 'NAN' && level > 0) {
                    this.node.getChildByName("PHB").getChildByName("itemMy").getChildByName("levelSgin").active = true;
                    this.node.getChildByName("PHB").getChildByName("itemMy").getChildByName("levelSgin").getComponent(cc.Sprite).spriteFrame = this.SignAtlas.getSpriteFrame('c'+level);
                }else{
                    this.node.getChildByName("PHB").getChildByName("itemMy").getChildByName("levelSgin").active = false;
                }

                
                //node.getComponent(cc.Toggle).interactable = true;
                //node.getComponent(cc.Toggle).check();
                //node.getComponent(cc.Toggle).interactable = false;
                var strIndex = node.getChildByName("ranknum").getComponent(cc.Label).string;
                this.node.getChildByName("MYPHB").getChildByName("rootNode").getChildByName("myNode").getChildByName("ranknum").getComponent(cc.Label).string = index + 1;
                this.node.getChildByName("MYPHB").getChildByName("rootNode").getChildByName("myNode").getChildByName("username").getComponent(cc.Label).string = this.rankArr[index].nickname;
                this.node.getChildByName("MYPHB").getChildByName("rootNode").getChildByName("myNode").getChildByName("score").getComponent(cc.Label).string = this.rankArr[index].score;
                this.createImage(this.node.getChildByName("MYPHB").getChildByName("rootNode").getChildByName("myNode").getChildByName("headimg").getComponent(cc.Sprite), this.rankArr[index].headimg);
                this.node.getChildByName("MYPHB").getChildByName("rootNode").getChildByName("myNode").active = true;

                level = parseInt(this.rankArr[index].driLevel);
                if (level != 'NAN' && level > 0) {
                    this.node.getChildByName("MYPHB").getChildByName("rootNode").getChildByName("myNode").getChildByName("levelSgin").active = true;
                    this.node.getChildByName("MYPHB").getChildByName("rootNode").getChildByName("myNode").getChildByName("levelSgin").getComponent(cc.Sprite).spriteFrame = this.SignAtlas.getSpriteFrame('c'+level);
                }else{
                    this.node.getChildByName("MYPHB").getChildByName("rootNode").getChildByName("myNode").getChildByName("levelSgin").active = false;
                }

                this.node.getChildByName("MYPHB").getChildByName("rootNode").getChildByName("leftNode").active = false;
                if (index > 0) {
                    var strIndex = node.getChildByName("ranknum").getComponent(cc.Label).string;
                    this.node.getChildByName("MYPHB").getChildByName("rootNode").getChildByName("leftNode").getChildByName("ranknum").getComponent(cc.Label).string = index;
                    this.node.getChildByName("MYPHB").getChildByName("rootNode").getChildByName("leftNode").getChildByName("username").getComponent(cc.Label).string = this.rankArr[index - 1].nickname;
                    this.node.getChildByName("MYPHB").getChildByName("rootNode").getChildByName("leftNode").getChildByName("score").getComponent(cc.Label).string = this.rankArr[index - 1].score;
                    this.createImage(this.node.getChildByName("MYPHB").getChildByName("rootNode").getChildByName("leftNode").getChildByName("headimg").getComponent(cc.Sprite), this.rankArr[index - 1].headimg);
                    this.node.getChildByName("MYPHB").getChildByName("rootNode").getChildByName("leftNode").active = true;

                    var level = parseInt(this.rankArr[index - 1].driLevel);
                    if (level != 'NAN' && level > 0) {
                        this.node.getChildByName("MYPHB").getChildByName("rootNode").getChildByName("leftNode").getChildByName("levelSgin").active = true;
                        this.node.getChildByName("MYPHB").getChildByName("rootNode").getChildByName("leftNode").getChildByName("levelSgin").getComponent(cc.Sprite).spriteFrame = this.SignAtlas.getSpriteFrame('c'+level);
                    }
                    else{
                        this.node.getChildByName("MYPHB").getChildByName("rootNode").getChildByName("leftNode").getChildByName("levelSgin").active = false;
                    }
                }

                this.node.getChildByName("MYPHB").getChildByName("rootNode").getChildByName("rightNode").active = false;
                if (index < this.rankArr.length - 1) {
                    var strIndex = node.getChildByName("ranknum").getComponent(cc.Label).string;
                    this.node.getChildByName("MYPHB").getChildByName("rootNode").getChildByName("rightNode").getChildByName("ranknum").getComponent(cc.Label).string = index + 2;
                    this.node.getChildByName("MYPHB").getChildByName("rootNode").getChildByName("rightNode").getChildByName("username").getComponent(cc.Label).string = this.rankArr[index + 1].nickname;
                    this.node.getChildByName("MYPHB").getChildByName("rootNode").getChildByName("rightNode").getChildByName("score").getComponent(cc.Label).string = this.rankArr[index + 1].score;
                    this.createImage(this.node.getChildByName("MYPHB").getChildByName("rootNode").getChildByName("rightNode").getChildByName("headimg").getComponent(cc.Sprite), this.rankArr[index + 1].headimg);
                    this.node.getChildByName("MYPHB").getChildByName("rootNode").getChildByName("rightNode").active = true;

                    var level = parseInt(this.rankArr[index + 1].driLevel);
                    if (level != 'NAN' && level > 0) {
                        this.node.getChildByName("MYPHB").getChildByName("rootNode").getChildByName("rightNode").getChildByName("levelSgin").active = true;
                        this.node.getChildByName("MYPHB").getChildByName("rootNode").getChildByName("rightNode").getChildByName("levelSgin").getComponent(cc.Sprite).spriteFrame = this.SignAtlas.getSpriteFrame('c'+level);
                    }
                    else{
                        this.node.getChildByName("MYPHB").getChildByName("rootNode").getChildByName("rightNode").getChildByName("levelSgin").active = false;
                    }
                }
            }

        }
        //}

        //rankArr = null;

    },

    showFriendRank() {
        var self = this;
        var scorekey = self.getCurWeekScoreValue();
        wx.getFriendCloudStorage({
            keyList: [scorekey, 'driLevel'],
            success: function (res) {
                // 转发成功          
                //self.addRank(res.data);
                // console.error(res);
                this.rankArr.splice(0, this.rankArr.length);
                for (var index = 0; index < res.data.length; ++index) {
                    var openid = res.data[index].openid;
                    var nickname = res.data[index].nickname;
                    var headimg = this.packHeadImg(res.data[index].avatarUrl);
                    var score = '0';
                    var driLevel = '0';
                    if (!this.IsEmpty(res.data[index].KVDataList)) {
                        for (var num = 0; num < res.data[index].KVDataList.length; ++num) {
                            if (res.data[index].KVDataList[num].key == 'driLevel') {
                                driLevel = res.data[index].KVDataList[num].value;
                            } else {
                                score = res.data[index].KVDataList[num].value;
                            }
                        }
                        if (res.data[index].KVDataList.length == 2) {
                            this.rankArr.push({ openid: openid, nickname: nickname, headimg: headimg, score: score, driLevel: driLevel });
                        }
                    }
                }
                this.bubbleSort(this.rankArr);
                
                self.addRank(/*res.data*/);
            }.bind(this),
            fail: function (res) {
                // 转发失败
                // console.error(res);
            },
            complete: function (res) {
                // console.error(res);
            }
        })
    },

    isMySelf: function (strAvt) {
        return this.userhead == strAvt;
    },

    GetUserHead() {
        var self = this;
        wx.getUserInfo({
            openIdList: ['selfOpenId'],
            success: function (res) {
                self.userhead = self.packHeadImg(res.data[0].avatarUrl);
            }
        })
    },

    //填充rankList
    fillRankList: function() {
        var self = this;
        var scorekey = self.getCurWeekScoreValue();
        wx.getFriendCloudStorage({
            keyList: [scorekey, 'driLevel'],
            success: function (res) {
                // 转发成功          
                this.rankArr.splice(0, this.rankArr.length);
                for (var index = 0; index < res.data.length; ++index) {
                    var openid = res.data[index].openid;
                    var nickname = res.data[index].nickname;
                    var headimg = this.packHeadImg(res.data[index].avatarUrl);
                    var score = '0';
                    var driLevel = '0';
                    if (!this.IsEmpty(res.data[index].KVDataList)) {
                        for (var num = 0; num < res.data[index].KVDataList.length; ++num) {
                            if (res.data[index].KVDataList[num].key == 'driLevel') {
                                driLevel = res.data[index].KVDataList[num].value;
                            } else {
                                score = res.data[index].KVDataList[num].value;
                            }
                        }
                        if (res.data[index].KVDataList.length == 2) {
                            this.rankArr.push({ openid: openid, nickname: nickname, headimg: headimg, score: score, driLevel: driLevel });
                        }
                    }
                }
                this.bubbleSort(this.rankArr);

                //重置超越index
                this.passIndex = this.rankArr.length - 1;

                //console.log(this.rankArr);
            }.bind(this),
            fail: function (res) {
                // 转发失败
            },
            complete: function (res) {
            }
        })
    },      

    //超越提示
    checkPass: function(score) {
        if (this.passIndex >= 0 && score > parseInt(this.rankArr[this.passIndex].score)) {
            this.passNode.getComponent(cc.Animation).play();
            this.node.getChildByName("PassNode").active = true;
            console.log("超越了"+this.rankArr[this.passIndex].nickname);

            this.createImage(this.passNode.getChildByName("PassSprite").getComponent(cc.Sprite), this.rankArr[this.passIndex].headimg);
            this.passIndex--;
        }
    },

    _hide() {
        // let moveTo = cc.moveTo(0.5, 0, 1000);
        // this.display.runAction(moveTo);
    },

    getCurWeekScoreValue() {
		return this.getNowFormatDate();
    },
    
    getNowFormatDate() {
		var date = new Date();
		var seperator1 = "-";
		var year = date.getFullYear();
		// var month = date.getMonth() + 1;
		// if (month >= 1 && month <= 9) {
		// 	month = "0" + month;
		// }
		var week = this.Getweek();
		var currentdate = year + seperator1 + week;
		return currentdate;
	},

	// getNowFormatDate() {
    //     var date = new Date();
    //     var seperator1 = "-";
    //     var year = date.getFullYear();
    //     var month = date.getMonth() + 1;
    //     if (month >= 1 && month <= 9) {
    //         month = "0" + month;
    //     }
    //     var week = this.getMonthWeek();
    //     var currentdate = year + seperator1 + month + seperator1 + week;
    //     return currentdate;
	// },

	getMonthWeek() {
		var date = new Date(),
			w = date.getDay(),
			d = date.getDate();
		return Math.ceil(
			(d + 7 - w) / 7
		);
	},

	Getweek(dateString) {
		var da = '';
		if (dateString == undefined) {
			var now = new Date();
			var now_m = now.getMonth() + 1;
			now_m = (now_m < 10) ? '0' + now_m : now_m;
			var now_d = now.getDate();
			now_d = (now_d < 10) ? '0' + now_d : now_d;
			da = now.getFullYear() + '-' + now_m + '-' + now_d;
		} else {
			da = dateString; //日期格式2015-12-30
		}
		var date1 = new Date(da.substring(0, 4), parseInt(da.substring(5, 7)) - 1, da.substring(8, 10)); //当前日期
		var date2 = new Date(da.substring(0, 4), 0, 1); //1月1号
		//获取1月1号星期（以周一为第一天，0周一~6周日）
		var dateWeekNum = date2.getDay() - 1;
		if (dateWeekNum < 0) {
			dateWeekNum = 6;
		}
		if (dateWeekNum < 4) {
			//前移日期
			date2.setDate(date2.getDate() - dateWeekNum);
		} else {
			//后移日期
			date2.setDate(date2.getDate() + 7 - dateWeekNum);
		}
		var d = Math.round((date1.valueOf() - date2.valueOf()) / 86400000);
		var year = date1.getFullYear();
		var week = Math.ceil((d + 1) / 7);
		return week;
	},

    IsEmpty(obj) {//判断是否为空
        if (typeof obj == "undefined" || obj == null || obj == "") {
            return true;
        } else {
            return false;
        }
    },
    // update (dt) {},
});