seahorsesShop_miniapp/pages/prod-classify/prod-classify.js

// pages/prod-classify/prod-classify.js
var http = require('../../utils/http.js');
Page({

  /**
   * 页面的初始数据
   */
  data: {
    sts: 0,
    prodList: [],
    title: "",
    current: 1,
    size: 6,
    pages: 0,
    tagid: 0,
    couponInfo: {} // 单张优惠券信息
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.setData({
      current: 1,
      pages: 0,
      sts: options.sts,
      title: options.title ? options.title : ""
    });
    if (options.tagid) {
      this.setData({
        tagid: options.tagid,
        couponId: options.tagid
      });
    }

    if (this.data.sts == 0) {
      if (options.tagid == 1) {
        wx.setNavigationBarTitle({
          title: '每日上新'
        })
      } else if (options.tagid == 2) {
        wx.setNavigationBarTitle({
          title: '商城热卖'
        })
      } else if (options.tagid == 3) {
        wx.setNavigationBarTitle({
          title: '更多宝贝'
        })
      }
    } else if (this.data.sts == 1) {
      wx.setNavigationBarTitle({
        title: '新品推荐',
      })
    } else if (this.data.sts == 2) {
      wx.setNavigationBarTitle({
        title: '限时特惠',
      })
    } else if (this.data.sts == 3) {
      wx.setNavigationBarTitle({
        title: '每日疯抢',
      })
    } else if (this.data.sts == 4) {
      wx.setNavigationBarTitle({
        title: '优惠券活动商品',
      })
    } else if (this.data.sts == 5) {
      wx.setNavigationBarTitle({
        title: '我的收藏商品',
      })
      this.setData({
        showCancelCollect: true
      })
    } else {
      wx.setNavigationBarTitle({
        title: this.data.title
      })
    }
    this.loadProdData(options);

  },

  /**
   * 加载商品数据
   */
  loadProdData: function (options) {
    let sts = this.data.sts
    if (sts == 0) {
      // 分组标签商品列表
      this.getTagProd();
    } else if (sts == 1) {
      // 新品推荐
      let url = "/prod/lastedProdPage"
      let obj = {
        lat: wx.getStorageSync('LATITUDE'),
        lon: wx.getStorageSync('LONGITUDE'),
        distance:wx.getStorageSync('DISTANCE')||0
      }
      this.getActProd(url,obj)
    } else if (sts == 2) {
      // 限时特惠
      let url = "/marking/discount/prodList"
      this.getActProd(url)
    } else if (sts == 3) {
      // 每日疯抢
      let url = "/prod/moreBuyProdList"
      this.getActProd(url)
    } else if (sts == 4) {
      // 优惠券商品列表
      this.getProdByCouponId(this.data.couponId)
      this.getCouponInfo()
    } else if (sts == 5) {
      // 收藏商品列表
      this.getCollectionProd()
    }
  },

  getActProd: function (url,obj) {
    var ths = this;
    wx.showLoading();
    var params = {
      url: url,
      method: "GET",
      data: {
        current: ths.data.current,
        size: ths.data.size,
        ...obj
      },
      callBack: function (res) {
        let list = []
        let img=''
        res.records.forEach(e=>{
          img=e.pic.split(',')
          e.pic=img[0]
        })
        if (res.current == 1) {
          list = res.records
        } else {
          list = ths.data.prodList
          list = list.concat(res.records)
        }
        ths.setData({
          prodList: list,
          pages: res.pages
        });
        wx.hideLoading();
      }
    };
    http.request(params);
  },

  /**
   * 获取我的收藏商品
   */
  getCollectionProd: function () {
    var ths = this;
    wx.showLoading();
    var params = {
      url: "/p/user/collection/prods",
      method: "GET",
      data: {
        current: ths.data.current,
        size: ths.data.size,
      },
      callBack: function (res) {

        let list = []
        if (res.current == 1) {
          list = res.records
        } else {
          list = ths.data.prodList
          list = list.concat(res.records)
        }
        ths.setData({
          prodList: list,
          pages: res.pages
        });
        wx.hideLoading();
      }
    };
    http.request(params);
  },

  /**
   * 获取标签列表
   */
  getTagProd: function (id) {
    var ths = this;
    wx.showLoading();
    var param = {
      url: "/prod/prodListByTagId",
      method: "GET",
      data: {
        tagId: ths.data.tagid,
        current: ths.data.current,
        size: ths.data.size
      },
      callBack: (res) => {
        let list = []
        if (res.current == 1) {
          list = res.records
        } else {
          list = ths.data.prodList.concat(res.records)
        }
        ths.setData({
          prodList: list,
          pages: res.pages
        });
        wx.hideLoading();
      }
    };
    http.request(param);
  },

  /**
   * 获取优惠券商品列表
   */
  getProdByCouponId(id) {
    var ths = this;
    wx.showLoading();
    var param = {
      url: "/coupon/prodListByCouponId",
      method: "GET",
      data: {
        couponId: id,
        current: this.data.current,
        size: this.data.size
      },
      callBack: (res) => {
        let list = []
        if (res.current == 1) {
          list = res.records
        } else {
          list = ths.data.prodList.concat(res.records)
        }
        ths.setData({
          prodList: list,
          pages: res.pages
        });
        wx.hideLoading();
      }
    };
    http.request(param);
  },

  // 获取一张优惠券信息
  getCouponInfo() {
    var params = {
      url: "/coupon/couponById?couponId=" + this.data.tagid,
      method: "GET",
      callBack: (res) => {
        this.setData({
          couponInfo: res
        });
      }
    };
    http.request(params);
  },

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

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    if (this.data.sts == 5) {
      // 收藏商品列表
      this.getCollectionProd()
    }
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    if (this.data.current < this.data.pages) {
      this.setData({
        current: this.data.current + 1
      })
      this.loadProdData()
    }
  },

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

  }
})