delete

Posted 2020-08-16

/**
 * 首页
 * 曾瑞
 */
(function(){
    var home = {
        // 初始化页面
        init:function(){
            this.queryList({isMore:false});
            this.isFirstLoad=true;
            this.bindEvent();
        },
        // 绑定事件
        bindEvent:function(){
            var self = this;
            $("#btn_more").on("click",function(){
               self.isFirstLoad = false;
               self.queryList({isMore:true});
            });
            $("#product_list").delegate("li","click",function(ev){
                var id = $(this).data("id")
                localStorage.setItem("id",id);
                if(!$(ev.target).hasClass("product_car")){
                    location.href=‘detail.html‘;
                } else {
                    data = {
                        id:id,
                        prdNum:1
                    }
                    self.addToShopCar(data);
                }
            });
            // 第一个的跳转
            $("#recommend").on("click",function(){
                var id = $(this).data("id");
                localStorage.setItem("id",id);
                location.href = "detail.html"
            });
        },
        // 渲染页面
        render:function(data){
            // 首次加载
            var html;
            var htmlStr = $("#tpl").html();
            if(this.isFirstLoad){
                // 第一次渲染，其中的第一个的 渲染
                var firstPrd = data.list[0];
                $("#first-img").attr("src",firstPrd.imgUrl);
                $("#new_price").text(firstPrd.price);
                $("#old_price").text(firstPrd.oldPrice);
                $("#recommend").attr("data-id",firstPrd.id);
                // 第一次的渲染后面的列表
                html = _.template(htmlStr)(data.list.slice(1));
                $("#product_list").html(html);
                // 购物车的初始数字
                if (data.shopNum > 0) {
                    $(‘#pop_car .car_trolley‘).removeClass(‘dsn‘).text(data.shopNum);
                }
            } else {
                //第二次渲染
                html = _.template(htmlStr)(data.list);
                $("#product_list").append(html);
                $("#btn_more").hide();
            }
        },

        // 要被调用渲染的函数
        queryList:function(data){
            var self = this;
            var url = common.getWebUrl(‘shopListQuery‘);
            common.ajax(url,data, function(res) {
                self.render(res);
            });
        },

        // 给购物车传的数据
        addToShopCar:function(data){
            var self = this;
            var url = common.getWebUrl(‘addToShopCar‘);
            common.ajax(url,data, function(res) {
                $("#pop_car .car_trolley").removeClass("dsn");
                if (res.newly === ‘Y‘) {
                    var number = Number($("#pop_car .car_trolley").text());
                    $("#pop_car .car_trolley").text(++number);
                }
                $("#hasAdd").slideDown(400).delay(800).slideUp(300);
                    /*.removeClass("dsn").delay(2000).addClass("dsn");*/
                /*$("#hasAdd").removeClass("dsn");
                window.setTimeout(function(){
                    $("#hasAdd").addClass("dsn")
                },500);*/
            });
        }
    }
    home.init();
})()