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: false, //是否自动授权；
    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
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    wxh.selfLocation(1);
    this.getCategoryData();
    // this.getCoupon();
    this.get_host_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 () {
    //this.getCoupon();
  },

  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)
    })
    this.updateUnread()
  },

  /**
   * update unread message tip
   * @param {int} newval 
   */
  updateUnread: function()
  {
    if (app.globalData.unread != undefined && app.globalData.unread > 0) {
      wx.setTabBarBadge({
        index: 2,
        text: app.globalData.unread.toString(),
      });
    } else {
      wx.removeTabBarBadge({
        index: 2,
      });
    }
  },

  // 加载通知，目前只有跑马灯
  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,
      });
      // 检测是否授权；scope.userInfo存在为授权；
      wx.getSetting({
        success(res) {
          if (!res.authSetting['scope.userInfo']) {
            that.setData({ window: that.data.couponList.length ? true : false });
          } else {
            that.setData({ window: false, iShidden: true});
          }
        }
      });
    })
  },

  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_host_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 that = this, activeTabIndex = event.detail.index;
    if (activeTabIndex <= 0 || activeTabIndex > this.data.categoryOne.children.length) {
      return
    }

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

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

  productTap: function (e) {
    let that = this,index = e.currentTarget.dataset.indexn;
    that.setData({
      categoryActive: index,
      'where.page':1,
      loadend:false,
      loading:false,
      'where.sid': that.data.categoryOne[that.data.activeTabIndex - 1].children[index].id
    })
    that.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) {
    var that = this, index = e.currentTarget.dataset.index;
    that.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(()=>{});
  },

  // 秒杀详情
  // goDetail: function (e) {
  //   let index = this.data.timeList[this.data.killIndex];
  //   wx.navigateTo({
  //     url: '/pages/activity/goods_seckill_details/index?id=' + e.currentTarget.dataset.id + '&time=' + index.stop + '&status=' + index.status
  //   })
  // },

  /** 获取分类列表 */
  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_host_product();
    this.get_product_list();
  },

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

  }
})