Vue.config.devtools = true;
var v = new Vue({
    el:".container",
    data:{
        list:[],
        cata:[],
        oneCata:[],
        twoCata:[],
        threeCata:[],
        start:1,
        size:10,
        finished:false,
        loading:false,//出现了 上拉到底出发了两次请求接口的情况  加一个变量控制一下
        active:-1,
        ad:[],//广告信息
        isLogin: 0,
        memToken: '',
        memHeadImg: '',
        userJf:-1,
        chooseItem:false,
        sortBy:'',
        isShowNewest:true,
        integralType:"",
        integralCount:""
    },
    created:function (){
        if($.cookie("memToken")){
            this.memToken = $.cookie("memToken");
            this.isLogin=1;
        }
        if($.cookie("memHeadImg")){
            this.memHeadImg = $.cookie("memHeadImg");
        }
        if(!againLogin()){
            // goLogin();
            return false;
        }
        this.getIndexData();
        this.getCataList(1,1);
        this.getAdInfo();
        this.findUserIntegral();
        window.addEventListener("scroll", this.scrollBottom, true);
    },
    mounted (){
        setTimeout(() => {
            var mySwiper = new Swiper('.swiper-container', {
                direction: 'horizontal', // 水平切换选项
                loop: this.ad.length > 1, // 循环模式选项
                observerParents: true,
                observer: true,
                autoplay: {
                    disableOnInteraction: false,  //触碰后自动轮播也不会停止
                    delay: 2000,
                },
                // 如果需要分页器
                pagination: {
                    el: '.swiper-pagination',
                },

                // 如果需要前进后退按钮
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },

                // 如果需要滚动条
                scrollbar: {
                    el: '.swiper-scrollbar',
                },

            })
        }, 1000);
        setTimeout(() => {
            $(".loading-item").fadeOut(200);
        },500)
    },
    methods:{
        findUserIntegral (){
            var that = this;
            $.ajax({
                type : 'POST',
                url : serverHttp+"/user/findUserIntegral",
                data : {
                    memToken:that.memToken
                },
                success : function(data) {
                    if (data.code == 200) {
                        that.userJf = data.data;
                    }
                },
                error : function(data) {
                }
            });
        },
        getIndexData (id) {
            //id：分类id id = -1 是全部分类
            var that = this;
            if (that.loading) {
                return ;
            }
            that.loading = true;
            if(that.start == 1){
                that.list = []
            }
            $.ajax({
                type : 'POST',
                url : serverHttp+"/course/getIndexData",
                data : {
                    from: 'H5',
                    cataId:that.active,
                    start: that.start,
                    size: that.size,
                    fId:-1,
                    memToken:that.memToken
                },
                success : function(data) {
                    if (data.code == 200) {
                        that.list = that.list.concat(data.data);
                        // 请求的数据未加载完成时
                        that.start = that.start + 1;
                        that.loading = false;
                    } else if (data.code == 10005) {
                        that.finished = true;
                    }

                },
                error : function(data) {

                }
            });
        },
        coursePrefectureList (i) {
            window.location.href = serverHttp + "/course/courseDetails?from=H5&id="+this.list[i].id;
        },
        webcoursePrefectureList (i) {
            const type = this.list[i].zq;
            console.log(type);
            if (type == 1) {
                //普通课程
                window.location.href = serverHttp + "/course/courseDetails?from&id="+this.list[i].id;
            } else {
                //专区
                window.location.href = serverHttp + "/course/coursePrefectureList?from&id="+this.list[i].id;
            }
        },
        scrollBottom() {
            const that = this;
            // 滚动到页面底部时
            const el = document.getElementById("list");
            const elHeight = $("#list").offset()['top'];//元素距离顶部距离 该计算可能会有一些偏差
            const windowHeight = window.screen.height*750/window.screen.width;
            const scrollTop =
                document.documentElement.scrollTop || document.body.scrollTop;
            const contentHeight = el.clientHeight;
            //316为
            const toBottom = contentHeight - windowHeight - scrollTop-elHeight;
            if (toBottom < 10 && !that.finished) {
                that.getIndexData();
            }
        },

        hideCata () {
            this.chooseItem = false;
        },
        confirm (){
            var that = this;
            that.loading = false;
            that.start = 1;
            that.getIndexData();
        },
        chooseCata(i,type){
            var that = this;
            if (type == 1) {
                //取二级菜单
                for (var item of that.oneCata) {
                    if (item.active == 1) {
                        item.active = 0
                    }
                }
                that.twoCata = [];
                that.threeCata = [];
                that.oneCata[i].active = 1;
                that.getCataList(that.oneCata[i].id,2);
                var cataId = that.oneCata[i].id;
                that.active = cataId;
            } else  if (type == 2) {
                //取三级级菜单
                for (var item of that.twoCata) {
                    if (item.active == 1) {
                        item.active = 0
                    }
                }
                that.threeCata = [];
                that.twoCata[i].active = 1;
                that.getCataList(that.twoCata[i].id,3);
                var cataId = that.twoCata[i].id;
                that.active = cataId;
            } else {
                //三级直接查
                for (var item of that.threeCata) {
                    if (item.active == 1) {
                        item.active = 0
                    }
                }
                that.threeCata[i].active = 1;
                var cataId = that.threeCata[i].id;
                that.active = cataId;
            }
        },
        getCataList (fId,type) {
            var that = this;
            $.ajax({
                type : 'POST',
                url : serverHttp+"/course/getCataListForThreeLevel",
                data:{
                    fId:fId,
                    type:type,
                },
                success : function(res) {
                    if (res.code == 200) {
                        var item = res.data;
                        for (var i = 0 ; i < item.length; i++) {
                            // if (i == 0) {
                            //     item[i].active = 1
                            // } else {
                                item[i].active = 0;
                            // }
                        }
                        if (type == 1) {
                            that.cata = item;
                            that.oneCata = item;
                        } else if (type == 2) {
                            that.twoCata = item;
                        } else {
                            that.threeCata = item;
                        }
                        that.cata[0].active = 1;

                    }

                },
                error : function(data) {

                }
            });
        },
        getAdInfo () {
            var that = this;
            $.ajax({
                type : 'POST',
                url : serverHttp+"/course/getAdInfo",
                success : function(res) {
                    if (res.code == 200) {
                        that.ad = res.data;
                    }
                },
                error : function(data) {
                }
            });
        },
        chooseTab (i){
            console.log(i);
            var that = this;
            for (var item of that.cata) {
                if (item.active == 1) {
                    item.active = 0
                }
            }
            that.cata[i].active = 1;
            var cataId = that.cata[i].id;
            that.active = cataId;
            that.loading = false;
            that.start = 1;
            that.twoCata = [];
            that.threeCata = [];
            that.getIndexData();
        },
        gotoAdHtml (url){
            window.location.href = url;
        },
        showChooseItem (){
            if (this.chooseItem) {
                this.chooseItem = false;
            } else {
                this.chooseItem = true;
            }
        }
    }
})
