twong329/view/xcx/pages/index/index.js

const app = getApp();
import wxh from '../../utils/wxh.js';
import {
    getIndexData,
    getCoupons,
    getTemlIds,
    getLiveList,
    getNotifications
} from '../../api/api.js';
import {
    CACHE_SUBSCRIBE_MESSAGE
} from '../../config.js';
import {
    getCategoryList,
    getProductHot,
    getProductslist
} from '../../api/store.js';
import {
    getCouponReceive
} from '../../api/user.js';
import {
    getSeckillIndexTime,
    getSeckillList
} from '../../api/activity.js';

import Util from '../../utils/util.js';

Page({
    /**
     * 页面的初始数据
     */
    data: {
        logoUrl: '',
        categoryOne: [],
        banner: [],
        itemNew: [], // 跑马灯列表
        menus: [],
        getCouponList: [], //@deprecated 
        activity: [],
        timeList: [], //@deprecated 
        killIndex: 0, //@deprecated 点击当前index值；
        seckillTimeIndex: 0, //@deprecated 当前秒杀index；
        killIndexTime: 0, //@deprecated 点击当前index值所对应的秒杀时间；
        killIndexLen: 0, //@deprecated 当前秒杀的产品列表长度
        seckillList: [], //@deprecated 
        scrollLeft: 0, //@deprecated 
        status: 1, //@deprecated 
        lovely: [], //@deprecated 
        info: {
            fastList: [],
            bastBanner: [],
            firstList: [],
            bastList: []
        },
        avtiveIndex: 0, // 轮播图索引
        likeInfo: [],
        benefit: [],
        hostProduct: [],
        indicatorDots: false, // 跑马灯轮播图不带点
        circular: true,
        autoplay: true, // 跑马灯轮播图自动播放
        intervalNew: 3500,
        durationNew: 700,
        parameter: {
            'navbar': '0',
            'return': '0',
            'class': '5'
        },
        window: false, // 是否显示优惠券窗口
        iShiddenTip: false, // 是否显示提示
        isAuto: true, // 是否自动授权；
        iShidden: true, // 是否隐藏；
        isGoIndex: false, // 是否返回首页；
        navH: "",
        recommend: {
            loadend: false,
            loading: false,
            loadTitle: '加载更多',
            page: 1,
            limit: 20,
        },
        where: {
            page: 1,
            limit: 20,
            cid: 0, //一级分类id
            sid: 0 //二级分类id
        },
        loadend: false, // 是否已全部加载
        loading: false, // 是否正在加载
        loadTitle: '加载更多',
        productList: [],
        categoryActive: 0,
        activeTabIndex: 0,
        countDownHour: "00",
        countDownMinute: "00",
        countDownSecond: "00",
        seckillCont: true, //@deprecated 
        interval: null,
        timerNotification: null,
        newGoodsBananr: '', //@deprecated
        cpnMine: null, // 挖礦組件
        liveList: [],
        liveInfo: {}
    },

    closeTip: function () {
        wx.setStorageSync('msg_key', true);
        this.setData({
            iShiddenTip: true
        })
    },

    // 挖矿组件绑定
    onNeedLogin: function () {
        this.setData({
            iShidden: false
        })
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        if (options.a && options.a == 'share' && options.id && options.spid) {
            wx.navigateTo({
                url: '/pages/goods_details/index?id=' + options.id + '&spid=' + options.spid,
            })
        }
        wxh.selfLocation(1);
        this.getCategoryData();
        // this.getCoupon();
        this.get_hot_product();
        this.get_product_list();
        this.setData({
            navH: app.globalData.navHeight
        });
        if (options.spid) {
            app.globalData.spid = options.spid;
        }
        if (options.scene) {
            app.globalData.code = decodeURIComponent(options.scene);
        }
        if (wx.getStorageSync('msg_key')) {
            this.setData({
                iShiddenTip: true
            });
        }
        this.getTemlIds();
        this.getLiveList();
    },

    getTemlIds() {
        let messageTmplIds = wx.getStorageSync(CACHE_SUBSCRIBE_MESSAGE);
        if (!messageTmplIds) {
            getTemlIds().then(res => {
                if (res.data) {
                    wx.setStorageSync(CACHE_SUBSCRIBE_MESSAGE, JSON.stringify(res.data));
                }
            }).catch(() => {})
        }
    },

    //授权
    onLoadFun: function () {
        // 挖矿组件认证回调
        if (this.data.cpnMine != null) {
            this.data.cpnMine.onLoadFun();
        }
    },

    catchTouchMove: function (res) {
        return false
    },

    /** 关闭优惠券窗口 */
    onClose: function () {
        this.setData({
            window: false
        });
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {},

    /** 
     * 轮播监听 
     */
    bindchange(e) {
        var index = e.detail.current;
        this.setData({
            avtiveIndex: index
        });
    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {
        // this.getCoupon();
        this.getIndexConfig();
        // this.getSeckillTime();

        var that = this
        this.setData({
            timerNotification: setInterval(function () {
                that.loadNotifications()
            }, 1000 * 60 * 3)
        })
        app.updateUnread()
    },

    // 加载通知，目前只有跑马灯
    loadNotifications: function () {
        var that = this
        getNotifications().then(res => {
            if (res.data.carousel.length > 0) {
                that.setData({
                    itemNew: res.data.carousel
                })
            }
        })
    },

    getIndexConfig: function () {
        var that = this;
        getIndexData().then(res => {
            that.setData({
                banner: res.data.banner,
                menus: res.data.menus,
                activity: res.data.activity,
                lovely: res.data.lovely,
                info: res.data.info,
                itemNew: res.data.roll,
                likeInfo: res.data.likeInfo,
                benefit: res.data.benefit,
                logoUrl: res.data.logoUrl,
                couponList: res.data.couponList,
            });

            app.setUnread(res.data.notice);
        })
    },

    getLiveList: function () {
        getLiveList(1, 20).then(res => {
            if (res.data.length == 1) {
                this.setData({
                    liveInfo: res.data[0]
                });
            } else {
                this.setData({
                    liveList: res.data
                });
            }
        }).catch(res => {

        })
    },

    /**
     * 商品详情跳转
     */
    goDetailType: function (e) {
        let item = e.currentTarget.dataset.items
        if (item.activity && item.activity.type === "1") {
            wx.navigateTo({
                url: `/pages/activity/goods_seckill_details/index?id=${item.activity.id}&time=${item.activity.time}&status=1`
            });
        } else if (item.activity && item.activity.type === "2") {
            wx.navigateTo({
                url: `/pages/activity/goods_bargain_details/index?id=${item.activity.id}`
            });
        } else if (item.activity && item.activity.type === "3") {
            wx.navigateTo({
                url: `/pages/activity/goods_combination_details/index?id=${item.activity.id}`
            });
        } else {
            wx.navigateTo({
                url: `/pages/goods_details/index?id=${item.id}`
            });
        }
    },

    /**
     * 获取我的推荐
     */
    get_hot_product: function (isPage) {
        var that = this;
        if (that.data.recommend.loadend) return;
        if (that.data.recommend.loading) return;
        if (isPage === true) that.setData({
            hostProduct: []
        });
        that.setData({
            'recommend.loading': true,
            'recommend.loadTitle': ''
        });
        getProductHot(that.data.recommend.page, that.data.recommend.limit).then(res => {
            let list = res.data;
            let hostProduct = app.SplitArray(list, that.data.hostProduct);
            let loadend = list.length < that.data.recommend.limit;
            that.setData({
                'recommend.loadend': loadend,
                'recommend.loading': false,
                'recommend.loadTitle': loadend ? '已全部加载' : '加载更多',
                hostProduct: hostProduct,
                ['recommend.page']: that.data.recommend.page + 1,
            });
        }).catch(err => {
            that.setData({
                loading: false,
                loadTitle: '加载更多'
            });
        });
    },

    /** 点击上方活动标签按钮 */
    onTapCategoryTabItem: function (event) {
        let activeTabIndex = event.detail.index;
        if (activeTabIndex <= 0 || activeTabIndex > this.data.categoryOne.children.length) {
            return
        }

        this.setData({
            activeTabIndex: activeTabIndex
        })

        if (this.data.categoryOne.children[activeTabIndex - 1].id === 199) {
            // 黑洞
            if (this.data.cpnMine == null) {
                this.setData({
                    cpnMine: this.selectComponent('#mine'),
                })
            }
            var _ = this.data.cpnMine && this.data.cpnMine.show()
            return
        } else {
            var _ = this.data.cpnMine && this.data.cpnMine.hide()
        }

        this.setData({
            'where.page': 1,
            loadend: false,
            loading: false,
            'where.cid': this.data.categoryOne.id,
            'where.sid': this.data.categoryOne.children[activeTabIndex - 1].id,
            categoryActive: 0
        })
        this.get_product_list(true);
    },

    productTap: function (e) {
        let index = e.currentTarget.dataset.indexn;
        this.setData({
            categoryActive: index,
            'where.page': 1,
            loadend: false,
            loading: false,
            'where.sid': this.data.categoryOne[this.data.activeTabIndex - 1].children[index].id
        })
        this.get_product_list(true);
    },

    get_product_list: function (isPage) {
        var that = this;
        if (that.data.loading) return;
        if (that.data.loadend) return;
        if (isPage === true) that.setData({
            productList: []
        });

        that.setData({
            loading: true,
            loadTitle: ''
        });

        getProductslist(that.data.where).then(res => {
            let list = res.data;
            let productList = app.SplitArray(list, that.data.productList);
            let loadend = list.length < that.data.where.limit;
            that.setData({
                loadend: loadend,
                loading: false,
                loadTitle: loadend ? '已全部加载' : '加载更多',
                productList: productList,
                ['where.page']: that.data.where.page + 1
            });
        }).catch(err => {
            that.setData({
                loading: false,
                loadTitle: '加载更多'
            });
        });
    },

    // getSeckillTime: function () {
    //   let that = this;
    //   getSeckillIndexTime().then(res => {
    //     let timeList = res.data.seckillTime, seckillTimeIndex = res.data.seckillTimeIndex;
    //     that.setData({
    //       timeList: timeList,
    //       seckillCont: res.data.seckillCont,
    //       killIndex: seckillTimeIndex,
    //       seckillTimeIndex: seckillTimeIndex,
    //       killIndexTime: timeList[that.data.killIndex].stop,
    //       status: timeList[seckillTimeIndex].status
    //     })
    //     wxh.time(timeList[that.data.killIndex].stop, that,false);
    //     that.getSeckillLists(); 
    //   }).catch(()=>{

    //   });
    // },

    // 页面事件， 不再使用
    setTime: function (e) {
        let index = e.currentTarget.dataset.index;
        this.setData({
            killIndex: index,
            status: that.data.timeList[index].status
        })
        // that.getSeckillLists();
    },

    // 不再触发
    // getSeckillLists: function () {
    //     let that = this;
    //     let timeId = that.data.timeList[that.data.killIndex].id;
    //     getSeckillList(timeId, {
    //         page: 1,
    //         limit: 20
    //     }).then(res => {
    //         that.setData({
    //             seckillList: res.data
    //         })

    //         if (this.data.timeList.length) {
    //             let query = wx.createSelectorQuery().in(this);
    //             query.select('.timeLen').boundingClientRect(function (res) {
    //                 if (res) {
    //                     that.setData({
    //                         scrollLeft: (that.data.killIndex - 1.8) * res.width
    //                     });
    //                 }
    //             }).exec();
    //             if (that.data.killIndex === that.data.seckillTimeIndex) {
    //                 that.setData({
    //                     killIndexLen: res.data.length
    //                 })
    //             }
    //         }
    //     }).catch(() => {});
    // },

    /** 获取分类列表 */
    getCategoryData: function () {
        let that = this;
        getCategoryList().then(res => {
            that.setData({
                categoryOne: res.data.length > 0 ? res.data[0] : []
            })
        });
    },

    /** 获取优惠券列表 不再触发*/
    // getCoupon: function () {
    //     var that = this;
    //     getCoupons({
    //         page: 1,
    //         limit: 6
    //     }).then(res => {
    //         that.setData({
    //             getCouponList: res.data
    //         })
    //     }).catch(err => {
    //         // app.Tips({
    //         //   title: err
    //         // });
    //     });
    // },

    // 页面回调，不再触发
    // receiveCoupon: function (e) {
    //     if (!app.globalData.isLog) {
    //         this.setData({
    //             iShidden: false
    //         });
    //     } else {
    //         var that = this;
    //         var list = that.data.getCouponList;
    //         var index = e.currentTarget.dataset.index;
    //         var id = that.data.getCouponList[index].id;
    //         getCouponReceive({
    //                 couponId: id
    //             })
    //             .then(function () {
    //                 list[index].is_use = true;
    //                 that.setData({
    //                     getCouponList: that.data.getCouponList
    //                 })
    //                 app.Tips({
    //                     title: "领取成功"
    //                 });
    //             })
    //             .catch(function (err) {
    //                 // app.Tips({
    //                 //   title: err
    //                 // });
    //             });
    //     }
    // },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {
        this.setData({
            window: false
        });
        this.data.interval !== null && clearInterval(this.data.interval);
        if (this.data.timerNotification != null) {
            clearInterval(this.data.timerNotification);
            this.setData({
                timerNotification: null,
            })
        }

        var _ = this.data.cpnMine && this.data.cpnMine.hide()
    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {
        this.data.interval !== null && clearInterval(this.data.interval);
    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {
        this.getIndexConfig();
        wx.stopPullDownRefresh();
    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {
        this.get_hot_product();
        this.get_product_list();
    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    }
})