var root = new Vue({
    el: "#root-html",
    data: {
        list:[],
        pageList:[],
        pageIndex:1,
        pageSize:10,
        maxPageIndex: 1,
        totalItems:0,
        key:'',
        categoryId:'',
        workplace:'',
        salary:'',
        loading:false
    },
    methods: {
        getList:function(){
            var self = this; 
            self.loading = true
            setTimeout(() => {
                $.post(_syspath+'label/ajax/postData.aspx',{
                    action:'GetJobs',                    
                    pageIndex:self.pageIndex,
                    pageSize:self.pageSize,
                    key:self.key,
                    categoryId:self.categoryId,
                    workplace:self.workplace,
                    salary:self.salary
                },function(res){      
                    //console.log(res) 
                    self.loading=false
                    self.list=res.data.Items
                    self.maxPageIndex = res.data.TotalPages;       
                    self.totalItems=res.data.TotalItems   
                    self.initPager()  

                    //self.$nextTick(function () {
                    //    $(".Job_list .item").each(function () {
                    //        var Btn = $(this).find(".jobTit");
                    //        Btn.click(function () {
                    //            var statis = $(this).siblings(".jobCon").css("display");
                    //            if (statis == "none") {
                    //                $(this).addClass("on");
                    //                $(this).siblings(".jobCon").slideDown(500);
                    //                $(this).parent().siblings().find(".jobCon").slideUp(500);
                    //                $(this).parent().siblings().find(".jobTit").removeClass("on");
                    //            } else {
                    //                $(this).siblings(".jobCon").slideUp(500);
                    //                $(this).removeClass("on");
                    //            }
                    //        });
                    //    });
                    //})
                    
                },'json')
            }, 500);
        },
        viewJob: function (element) {
            var obj = $(element.target);
            var statis = obj.siblings(".jobCon").css("display");
                                if (statis == "none") {
                                    obj.addClass("on");
                                    obj.siblings(".jobCon").slideDown(500);
                                    obj.parent().siblings().find(".jobCon").slideUp(500);
                                    obj.parent().siblings().find(".jobTit").removeClass("on");
                                } else {
                                    obj.siblings(".jobCon").slideUp(500);
                                    obj.removeClass("on");
                                }

        },
        initPager: function () {
            var self = this;
            var footerCount = 5;
            self.pageList = [];
            //self.maxPageIndex = parseInt(self.total / self.pageSize) + (self.total % self.pageSize == 0 ? 0 : 1);
            var startPageIndex = self.pageIndex - parseInt(footerCount / 2);
            startPageIndex = startPageIndex < 1 ? 1 : startPageIndex;
            for (var i = startPageIndex; i <= self.maxPageIndex; i++) {
            self.pageList.push(i);
            if (self.pageList.length >= footerCount)
                break;
            }
        },
        changePosition:function(){            
            this.search()
        },
        changeWorkplace:function(){            
            this.search()
        },
        changeSalary:function(){            
            this.search()
        },
        search:function(){
            this.pageIndex=1
            this.list=[]
            this.getList()
        },
        prePage:function(){
            if(this.pageIndex<=1){
                return
            }
            this.pageIndex--; 
            this.getList();
        },
        nextPage:function(){
            if(this.pageIndex>=this.maxPageIndex){
                return
            }
            this.pageIndex++; 
            this.getList();
        }
    },
    mounted: function () {
        var self = this;
        self.getList();
        
    }
});