kmall-pt/wx-mall/pages/categoryBrand/categoryBrand.js

// pages/categoryBrand/categoryBrand.js
var util = require('../../utils/util.js');
var goodsUtil = require('../../utils/goods.js');
var api = require('../../config/api.js');

Page({
  data: {
    // text:"这是一个页面"
    navList: [],
    goodsList: [],
    id: 0,
    goodsBizType: '00',
    currentTab: 0,
    navIndex: 0,
    currentBrand: {},
    scrollLeft: 0,
    scrollTop: 0,
    scrollHeight: 0,
    page: 1,
    size: 4,
    showNavList: false,
    footCart: {},
    openAttr: false,
    productList: {},
    specificationList: {},
    checkedSpecText: '请选择规格数量',
    number: 1,
    brandId: 0,
    isShow: 0,
    totalPages: 0,
    stockNum: 0,
    cartNumber: 0,
  },
  toggleNav() {
    this.setData({
      showNavList: !this.data.showNavList
    })
  },
  // 滚动切换标签样式
  switchTab: function (e) {
    let that = this;
    //当页面改变是会触发
    console.log("e.detail.current:" + e.detail.current);
    this.setData({
      currentTab: e.detail.current
    });
    // console.log("currentTab:" + that.data.currentTab);
    if (that.data.navIndex == e.detail.current) {
      this.setData({
        navIndex: -1
      });
      return;
    }
    let navListCount = that.data.navList.length;
    for (let i = 0; i < navListCount; i++) {
      if (i == e.detail.current) {
        that.setData({
          brandId: that.data.navList[i].id
        });
        break;
      }
    }
    that.setData({
      scrollLeft: (e.detail.current - 1) * 60
    });
    that.refreshCategoryInfo();
  },
  switchNav(event) {
    let name = event.currentTarget.dataset.name;
    wx.switchTab({
      url: `/pages/${name}/${name}`,
    });
  },
  onLoad: function (options) {
    // 页面初始化 options为页面跳转所带来的参数
    var that = this;
    if (options.brandId) {
      that.setData({
        brandId: parseInt(options.brandId)
      });
    } else {
      that.setData({
        brandId: 0,
        currentBrand: {}
      });
    }
    if (options.goodsBizType) {
      that.setData({
        goodsBizType: options.goodsBizType
      });
    }
    if (options.currentIndex) {
      that.setData({
        currentTab: options.currentIndex
      });
    }
    wx.getSystemInfo({
      success: function (res) {
        var clientHeight = res.windowHeight,
          clientWidth = res.windowWidth,
          rpxR = 750 / clientWidth;
        var calc = clientHeight * rpxR - 180;
        that.setData({
          scrollHeight: calc
        });
      }
    });
    this.getCategoryInfo();
  },
  getFootCart: function () {
    let that = this;
    util.request(api.GetFootCart).then(function (res) {
      if (res.errno === 0) {
        that.setData({
          footCart: res.data,
        });
      }
    });
  },
  getCategoryInfo: function () {
    let that = this;
    util.request(api.GoodsCategoryBrand, { id: that.data.brandId, goodsBizType: that.data.goodsBizType })
      .then(function (res) {
        if (res.errno == 0) {
          that.setData({
            navList: res.data.brandList,
            currentBrand: res.data.currentBrand,
            isShow: 0
          });
          //nav位置
          let currentIndex = that.data.currentTab;
          let navListCount = that.data.navList.length;
          for (let i = 0; i < navListCount; i++) {
            if (that.data.navList[i].id == that.data.brandId) {
              break;
            }
          }
          if (currentIndex > navListCount / 2 && navListCount > 5) {
            that.setData({
              scrollLeft: currentIndex * 60
            });
          }
          that.setData({
            currentTab: currentIndex,
            navIndex: currentIndex
          });
          that.getGoodsList();
        } else {
          //显示错误信息
        }
      });
  },
  refreshCategoryInfo: function () {
    let that = this;
    util.request(api.GoodsCategoryBrand, { id: that.data.brandId, goodsBizType: that.data.goodsBizType})
      .then(function (res) {
        if (res.errno == 0) {
          that.setData({
            currentBrand: res.data.currentBrand,
            goodsList: [],
            isShow: 1
          });
          that.getGoodsList();
        } else {
          //显示错误信息
        }
      });
  },
  onReady: function () {
    // 页面渲染完成
  },
  onShow: function () {
    // 页面显示
    this.getFootCart();
  },
  onHide: function () {
    // 页面隐藏
  },
  hideSwitchAttrPop: function () {
    this.setData({
      openAttr: false
    })
  },
  getGoodsList: function () {
    var that = this;
    wx.showLoading({
      title: '加载中...',
    });
    util.request(api.GoodsList, { brandId: that.data.brandId, goodsBizType: that.data.goodsBizType, page: that.data.page, size: that.data.size })
      .then(function (res) {
        let goodsList = that.data.goodsList.concat(res.data.data);
        that.setData({
          goodsList: goodsList,
          totalPages: res.data.totalPages
        });
        wx.hideLoading();
      });
  },
  onUnload: function () {
    // 页面关闭
  },
  switchAttrPop: function () {
    this.setData({
      openAttr: !this.data.openAttr
    })
  }
  ,
  //购物车增加
  addCart: function (e) {
    let that = this;
    that.setData({
      number: 1
    });
    var goodsId = e.currentTarget.dataset.goodsId;
    util.request(api.GoodsSku, { goodsId: goodsId }).then(function (res) {
      if (res.errno === 0 && null != res.data) {
        that.setData({
          goodsVo: res.data.goodsVo,
          specificationList: res.data.specificationList,
          productList: res.data.productList,
          stockNum: res.data.stockNum,
          openAttr: !that.data.openAttr,
          cartNumber: res.data.cartNumber,
          checkedSpecText: res.data.specificationList[0].valueList[0].value
        });
        //
        let _specificationList = res.data.specificationList;
        for (let i = 0; i < _specificationList.length; i++) {
          if (_specificationList[i].valueList.length == 1) {
            //如果已经选中，则反选
            _specificationList[i].valueList[0].checked = true;
          }
        }
        that.setData({
          'specificationList': _specificationList
        });

      }
    });
  }
  ,
  clickSkuValue: function (event) {
    let that = this;
    let specValueId = event.currentTarget.dataset.valueId;
    let index = event.currentTarget.dataset.index;
    let _specificationList = this.data.specificationList;
    for (let j = 0; j < _specificationList[index].valueList.length; j++) {
      if (_specificationList[index].valueList[j].id == specValueId) {
        //如果已经选中，则反选
        if (_specificationList[index].valueList[j].checked) {
          _specificationList[index].valueList[j].checked = false;
        } else {
          _specificationList[index].valueList[j].checked = true;
        }
      } else {
        _specificationList[index].valueList[j].checked = false;
      }
    }
    this.setData({
      'specificationList': _specificationList
    });
    //重新计算spec改变后的信息
    goodsUtil.changeSpecInfo(that);
  }
  ,
  cutNumber: function () {
    this.setData({
      number: (this.data.number - 1 > 1) ? this.data.number - 1 : 1
    });
  }
  ,
  addNumber: function () {
    this.setData({
      number: this.data.number + 1
    });
  }
  ,
  //购物车增加
  addToCart: function () {
    let that = this;
    var goodsId = that.data.goodsVo.id;
    //提示选择完整规格
    if (!that.data.productList || !that.data.productList.length) {
      util.showErrorToast('当前门店没有库存');
      return false;
    }
    //提示选择完整规格
    if (!goodsUtil.isCheckedAllSpec(that)) {
      return false;
    }
    //根据选中的规格，判断是否有对应的sku信息
    let checkedProduct = goodsUtil.getCheckedProductItem(goodsUtil.getCheckedSpecKey(that), that);
    if (!checkedProduct || checkedProduct.length <= 0) {
      //找不到对应的product信息，提示没有库存
      return false;
    }
    //验证库存
    if (checkedProduct.stock_num < this.data.number) {
      //找不到对应的product信息，提示没有库存
      return false;
    }
    util.request(api.CartAdd, {
      goodsId: goodsId,
      productId: checkedProduct[0].id,
      number: this.data.number
    }, 'POST').then(function (res) {
      if (res.errno === 0 && null != res.data) {
        wx.showToast({
          title: '添加成功',
          icon: 'success',
          mask: true
        });
        that.setData({
          openAttr: !that.data.openAttr
        })
        that.getFootCart();
      } else {
        wx.showToast({
          title: res.errmsg,
          icon: 'none'
        })
      }
    });
  },
  switchCate: function (event) {
    // console.log(this.data.scrollLeft);
    // console.log(this.data.brandId);
    // console.log(event.currentTarget.dataset.id);
    if (this.data.brandId == event.currentTarget.dataset.id) {
      return false;
    }
    var that = this;
    that.setData({
      goodsList: [],
      page: 1,
      currentTab: event.currentTarget.dataset.current
    });
    // console.log("currentIndex:" + that.data.currentTab);
    var clientX = event.detail.x;
    var currentTarget = event.currentTarget;
    if (clientX < 60) {
      that.setData({
        scrollLeft: currentTarget.offsetLeft - 60
      });
    } else if (clientX > 330) {
      that.setData({
        scrollLeft: currentTarget.offsetLeft
      });
    }
    this.setData({
      brandId: event.currentTarget.dataset.id,
      goodsBizType: that.data.goodsBizType
    });
    this.getCategoryInfo();

  }, 
  onPullDownRefresh: function () {
    console.log("下拉");
    wx.startPullDownRefresh();
    // that.setData({ page: 10, refresh: false })
    wx.showLoading({
      title: '加载中...',
    })
    that.setData({
      page: that.data.page,
    });
    that.getGoodsList();

  },
  toggleTab(e) {
    if (this.data.brandId == e.currentTarget.dataset.index) {
      return false;
    }
    var that = this;
    that.setData({
      goodsList: [],
      page: 1,
      brandId: e.currentTarget.dataset.index,
      goodsBizType: that.data.goodsBizType,
      currentTab: e.currentTarget.dataset.current
    });
    this.getCategoryInfo();
  },
  onReachBottom() {
    // wx.stopPullDownRefresh();
    var that = this;
    if (!that.data.goodsList) {
      wx.showLoading({
        title: '加载中...',
      })
    }
    that.setData({
      page: that.data.page + 1,
    });
    that.getGoodsList();
  }
})