var app = new Vue({
    el: '#app',
    data: {
        globaltopnav:[],
        globaltypenav:[],
        pagelist:[],
        topnav:[],
        typenav:[],
        local:1,
        page:1,
        totalpage:0,
        templateid:1,
        childnav:[],
        selectedtext:"",
        list:[],
        index:0,
        selectlistid:-1,
        selectlabe:[],
        topage:"",
        nodata:"",
        ishk:0,
        labellist:{"史低":"fhyxIndexLowest","新史低":"fhyxIndexNewlowest","超史低":"fhyxIndexOverLowest","最新":"fhyxIndexNew","预售":"fhyxIndexYs"}
    },
    created() {
        this.render();//初始化渲染
    },
    methods: {
        render() {
            
            var urltopnav=getQueryVariable("topnav");
            if(urltopnav){
                var topArr=urltopnav.split("-");
                this.topnav[0]=topArr[0];
                this.topnav[1]=urltopnav;
            }

            var urltypenav=getQueryVariable("typenav");
            if(urltypenav){
                var typeArr=urltypenav.split(",");
                this.typenav=typeArr;
            }
            
            var page=getQueryVariable("page");
            if(page){
                this.page=parseInt(page);
            }

            this.getdata();//初始数据

            
        },
        getdata(){
            var data={};
            
            if(this.topnav.length>0){
                data={topnav:this.topnav[1],typenav:this.typenav.join(","),local:this.local,page:this.page};
            }
            _this=this;
            $.post("/list/getcategory.html",data,function(result){
                var resultdata=$.parseJSON(result);
                //console.log(resultdata);
                if(resultdata['status']==1){
                    _this.globaltopnav=resultdata['nav']['navConfige']['topnav'];
                    _this.globaltypenav=resultdata['nav']['navConfige']['typenav'];
                    _this.list=resultdata['list'];
                    _this.page=resultdata['page'];
                    _this.totalpage=resultdata['totalpage'];
                    _this.templateid=resultdata['templateid'];
                    _this.topnav=resultdata['nav']['selectedNav']['topnav'];
                    _this.typenav=resultdata['nav']['selectedNav']['typenav'];

                    _this.selectedtext="";

                    _this.index=0;

                    _this.ishk=resultdata['ishk'];

                    _this.slidestatus=[];

                    if(_this.list.length==0){
                        _this.nodata="暂无相关产品~";
                    }
                    
                    for(var i=0;i< _this.globaltopnav.length;i++){
                        if( _this.globaltopnav[i].id==_this.topnav[0]){
                            _this.childnav=_this.globaltopnav[i].child;
                            for(var j=0;j<_this.childnav.length;j++){
                                for(var m=0;m<_this.childnav[j].length;m++){
                                    if(_this.childnav[j][m].id==_this.topnav[1]){
                                        _this.selectedtext=_this.childnav[j][m].name;
                                        _this.index=j;
                                        break;
                                    }
                                }
                            }
                            break;
                        }
                    }

                    if(_this.typenav.length>0){
                        var tmpArr={};

                        _this.selectlabe=[];
                        
                        for(var i=0;i<_this.globaltypenav.length;i++){
                            for(var j=0;j<_this.globaltypenav[i]['child'].length;j++){
                                tmpArr[_this.globaltypenav[i]['child'][j]['id']]=_this.globaltypenav[i]['child'][j]['name'];
                            }
                        }
                        for(var m=0;m<_this.typenav.length;m++){
                            _this.selectlabe.push({id:_this.typenav[m],name:tmpArr[_this.typenav[m]]});
                        }
                    }else{
                        _this.selectlabe=[];
                    }

                    _this.setpagelist();
                    
                    if(_this.ishk==1){
                        _this.$nextTick(function(){
                            StranBody(document.body,1);
                        });
                    }
                    
                }else if(resultdata['status']==2){

                    var sc_login_ret = if_login_container(1, 1);

                    _this.typenav = _this.typenav.filter(item => item !== "filter-1");

                    if (sc_login_ret == 1) {
                        return;
                    }

                }else if(resultdata['status']==3){

                    alert("您还未绑定steam账号");
                    
                    _this.typenav = _this.typenav.filter(item => item !== "filter-1");

                    //window.open("/ucenter/bind.html","_blank");

                    location="/ucenter/bind.html";

                    /* var redirecturl=encodeURIComponent("/list/test.html?topnav=pc-3-2");

                    var steamurl="https://steamcommunity.com/openid/login?openid.ns=http://specs.openid.net/auth/2.0&openid.mode=checkid_setup&openid.return_to=https://"+window.location.hostname+"/auction/steamlogin.html?redirect="+redirecturl+"&openid.realm=https://"+window.location.hostname+"/auction/steamlogin.html&openid.identity=http://specs.openid.net/auth/2.0/identifier_select&openid.claimed_id=http://specs.openid.net/auth/2.0/identifier_select";

                    location=steamurl; */

                }
            });
        },
        setdata(data){
            
            if(typeof data.typenav !="undefined"){
                if(data.typenav=="filter-1"){
                    var token=getCookie("uid");
                    if(token.length==0){
                        
                        var sc_login_ret = if_login_container(1, 1);
    
                        if (sc_login_ret == 1) {
                            return;
                        }
                    }
                }
                if(data.type==1){
                    var tmpArr=[];
                    var curtypeArr=data.typenav.split("-");
                    for(var i=0;i<this.typenav.length;i++){
                        var otypeArr=this.typenav[i].split("-");
                        if(otypeArr[0]!=curtypeArr[0]){
                            tmpArr.push(this.typenav[i]);
                        }else{
                            if(otypeArr[0]=="action"){
                                tmpArr.push(this.typenav[i]);
                            }
                        }
                    }
                    if(tmpArr.indexOf(data.typenav)==-1) tmpArr.push(data.typenav);
                    this.typenav=tmpArr;
                }else if(data.type==2){
                    this.typenav=this.typenav.filter(function(item){
                        return item!=data.typenav;
                    });
                }else if(data.type==3){
                    this.typenav=[];
                }
                
            }else{
                this.typenav=[];
            }
            if(typeof data.page !="undefined"){
                this.page=data.page;
            }
            if(typeof data.topnav !="undefined"){
                if(data.topnav=="pc-3-2"){
                    var token=getCookie("uid");
                    if(token.length==0){

                        var sc_login_ret = if_login_container(1, 1);
    
                        if (sc_login_ret == 1) {
                            return;
                        }
                    }
                }
                if(data.topnav!=this.topnav[1]) this.page=1;
                this.topnav[1]=data.topnav;
            }

            var paramsstr="";

            if(this.topnav[1]){
                paramsstr+="?topnav="+this.topnav[1];
            }

            if(this.typenav.length>0){
                paramsstr+="&typenav="+this.typenav.join(",");
            }

            if(this.page>1){
                paramsstr+="&page="+this.page;
            }

            var uf=getCookie("uf");

            if(uf.length>0){
                paramsstr+="&uf="+uf;
            }
            
            location="/list/category.html"+paramsstr;

            //this.getdata();
        },
        selectnav(k){
            for(var i=0;i<this.childnav.length;i++){
                if(i==k){
                    this.childnav[i][0].status=1-this.childnav[i][0].status;
                }else{
                    this.childnav[i][0].status=0;
                }
            }
            if(this.ishk==1){
                this.$nextTick(function(){
                    StranBody(document.body,1);
                });
            }
        },
        showhover(k){
            this.selectlistid=k;
        },
        closehover(){
            this.selectlistid=-1;
        },
        showdata(v){
            if(v.length==1){
                this.setdata({topnav:v[0].id});
            }
        },
        checkplat(name){
            if(name=="平台"){
                if(this.templateid==2 || this.ishk==1){
                    return false;
                }
            }
            return true;
        },
        checkslide(topnav){
            if(this.ishk==1){
                if(topnav=="pc-2-4"){
                    return false;
                }
            }
            return true;
        },
        checklabel(id){
            if(this.typenav.indexOf(id)!=-1){
                return true;
            }
            return false;
        },
        jumpurl(){
            if(this.topage.length>0){
                 this.setdata({topnav:this.topnav[1],typenav:'',page:this.topage,type:4});
            }
        },
        slidetypenav(k){
            this.globaltypenav[k]['status']=1-this.globaltypenav[k]['status'];
        },
        setpagelist(){

            this.pagelist=[];
            
            if(this.totalpage<=7){
                for(var i=1;i<=this.totalpage;i++){
                    this.pagelist.push(i);
                }
            }else{

                if(this.page==1) this.pagelist.push(1);
                
                if(this.page>=4 && this.page<=this.totalpage-3){
                       for(var i=this.page-2;i<=this.page+2;i++){
                            this.pagelist.push(i);
                       }
                }else if(this.page<4){
                       for(var i=2;i<=6;i++){
                            this.pagelist.push(i);
                       }
                }else{
                       for(var i=this.totalpage-5;i<=this.totalpage-1;i++){
                            this.pagelist.push(i);
                       }
                }

                if(this.page==this.totalpage) this.pagelist.push(this.totalpage);
                
            }

        }
    },
    watch: {
        
    },
    computed: {

    },
    mounted() {
        
        

    },
});