caimei365-www/src/main/resources/static/js/product/instruement.js

 var instrueMent = new Vue({
    el:'#instrueMent',
    data:{
         listLoading:true,
         categorylist:[],
         hotlist:[],
         recommendPage: 1,
         floorList: [],
         userId:0,
         typeSort:'',
         moreflag:true,
         showflag:false,
         params:{
            pageId:'',
            userId:'',
            source:1
         },
    },
    computed:{

    },
    filters:{
         NumFormat:function(value) {//处理金额
            return Number(value).toFixed(2);
        },
    },
    methods:{
         PromotionsFormat:function(promo){//促销活动类型数据处理
            if(promo!=null){
                if(promo.type == 1 && promo.mode == 1){
                    return true
                }else{
                    return false
                }
            }
            return false
        },
        closeup:function(){
            this.showflag = false;
            document.body.style.overflow='';
        },
        showNav:function(){
        var _this = this;
        _this.showflag = !_this.showflag;
            if (_this.showflag){
                 document.body.style.overflow='hidden';
            }else {
                document.body.style.overflow='';
            }
        },
        toserch:function(item){
            window.location.href='/product/instruelist.html?bigTypeID='+item.bigTypeID+'&typeSort='+this.typeSort
        },
        seeMore:function(page){
            page.isPageMore = true;
        },
         GetHomeFloorData: function(){
            var _self = this;
           ProductApi.GethomeData(_self.params,function (res) {
                 if (res.code == 0 ) {
                     _self.hotlist = res.data.hotSearchList;
                     _self.floorList = res.data.floorList;
                     _self.typeSort = res.data.page.typeSort;
                     _self.listLoading =false;
                     _self.SwiperNanner();
                     _self.getClassify();
                 }else {
                     CAIMEI.Alert(res.msg, '确定');
                 }
           })
        },
         getClassify: function() {
            var _self = this;
            PublicApi.GetProductClassify({typeSort:_self.typeSort, source: 'www'}, function (res) {
                if (res.code == 0) {
                    _self.categorylist = res.data;
                } else {
                    CAIMEI.Alert(res.msg, '确定', false);
                }
            })
        },
          SwiperNanner: function(){
           setTimeout(function(){
                // 图片懒加载
                $("img[data-original]").lazyload();
            },500);
            setTimeout(function(){
                if (isPC) {
                    $('#recommendBox').slide({
                        mainCell:".swiper-wrapper"
                        ,titCell:".swiper-pagination span"
                        ,effect: "leftLoop"
                        ,interTime: 3000
                        ,autoPlay: true
                        ,scroll:5
                        ,vis:5
                    });
                } else {
                    var swiper = new Swiper('#recommendBox', {
                                slidesPerView: 2,
                                slidesPerColumn: 2,
                                spaceBetween: 0,
                                slidesPerGroup: 2,
                                autoplay: {
                                    delay: 3000,
                                    disableOnInteraction: false
                                },
                                pagination: {
                                    el: '.swiper-pagination'
                                }
                            });

                }
            },500);
        },

    },
    created: function() {
        var userInfo = localStorage.getItem('userInfo');
        if(userInfo){
            this.params.userId = JSON.parse(userInfo).userId;
        }
        this.params.pageId = getUrlParam('id');
        this.GetHomeFloorData();
    },
 })