index.js

const app = getApp();
const { log } = app;
const { goodsApi, DFSImg, $themeToLink, processEnv } = app;
function random_string(len) {
  len = len || 32;
  var chars = "ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678";
  var maxPos = chars.length;
  var pwd = "";
  for (let i = 0; i < len; i++) {
    pwd += chars.charAt(Math.floor(Math.random() * maxPos));
  }
  return pwd;
}
const componentOptions = {
  // 组件选项
  options: {
    multipleSlots: true
  },
  behaviors: [],
  properties: {
    datas: {
      type: Object
    },
    datasIndex:{
      type: Number,
      default: 0
    },
    goodsListIndex:{
      type: Number,
      default: 0
    },
    storageKey: {
      type: String,
      required: true // 必传
    }
  },
  // 组件数据
  data: {
    isPageHidden: false, // 页面是否处于隐藏状态
    titleIcon: "",
    classificationLoadPage: 1,
    classificationLoadNum: 4,
    queryProductInfoLoading: false,
    loading: false,
    scrollLoading: false, // 滚动加载优化后添加加载动画
    finished: false,
    goodsList:[],
    storageGoodsList:[],
    storageDatasList:[],
    pageSize:10,
    pageNum:1,
    pageGoodsList:[],
    loadingFlag: [],
    filterSearchName: "",
    mainColor: "",
    filterType: -1, //-1 综合、3销量 2价格(升、降) 8上新 99筛选
    filterPriceType: 0, // 0升序 1降序
    submitFliterVal: {
      minPrice: "",
      maxPrice: "",
      attribute: [],
      brandIdList: [], //品牌
      brandActiveNameList: [],
      goodsSpecificationIds: [],
      categoryIdList: [],
      productAttributeIds: [],
    },
    randomNumber: "",
    selectScreen: false, // 筛选选中状态
    clientHeight: 0, //窗口高度
    swipeInfo: [],
    currentSwiperIndex: 0,
    swiperHeight: 0,
  },
  // 数据监听器
  observers: {},
  // 组件生命周期
  lifetimes: {
    created() {},
    ready() {
      let _this = this;
      let { clientHeight } = this.data;
      wx.getSystemInfo({
        success: function(res) {
          let clientHeight = parseInt(res.windowHeight);
          _this.setData({ clientHeight });
        }
      });
      app.getFilterGoodsData = (val) => {
        if (val.randomNumber != _this.data.randomNumber) return;
        let selectScreen = val.submitFliterVal.minPrice!="" 
        || val.submitFliterVal.maxPrice!=""
        || val.submitFliterVal.attribute.length>0
        || val.submitFliterVal.brandIdList.length>0
        || val.submitFliterVal.brandActiveNameList.length>0
        || val.submitFliterVal.goodsSpecificationIds.length>0
        || val.submitFliterVal.categoryIdList.length>0
        || val.submitFliterVal.productAttributeIds.length>0
        _this.setData({
          submitFliterVal: val.submitFliterVal,
          selectScreen,
          loading: true
        })
        _this.init();
      }
      this.setData({
        "submitFliterVal.brandIdList": this.data.datas.componentData.filterBrand && this.data.datas.componentData.filterBrand.length>0?JSON.parse(JSON.stringify(this.data.datas.componentData.filterBrand)) : [],
      })
      this.init();
    },
    moved() {},
    detached() {}
  },
  attached() {},
  definitionFilter() {},
  // 页面生命周期
  pageLifetimes: {
    // 页面被展示
    show() {
      const { isPageHidden } = this.data;

      // show事件发生前，页面不是处于隐藏状态时
      if (!isPageHidden) {
        return;
      }

      // 重新执行定时器等操作
    },
    // 页面被隐藏
    hide() {
      this.setData({
        isPageHidden: true
      });

      // 清除定时器等操作
    },
    // 页面尺寸变化时
    resize() {}
  },
  // 组件方法
  methods: {
    filterInput(e) {
      this.setData({
        filterSearchName: e.detail.value
      })
    },
    filterGoods(e) {
      let { item } = e.currentTarget.dataset;
      let { filterPriceType, filterType } = this.data;
      if(item == 99) {
        let _this = this;
        // 商品产品详情
        let terminalProductIds = _this.data.datas.componentData.goodsList.map(element => {
          return element.terminalProductId;
        });
        // 展示筛选弹窗
        app.openFilterGoods({
          submitFliterVal: _this.data.submitFliterVal,
          categoryId: _this.data.datas.componentData.goodsSource == "classify"?_this.data.datas.componentData.categoryId : "",
          filterBrand: _this.data.datas.componentData.filterBrand,
          terminalProductIds,
          randomNumber: _this.data.randomNumber,
          hideBrandSelectFlag: _this.data.datas.componentData.filterBrand.length>0?true:false,
          sourceType: 1,
        });
      } else {
        if(item == 2) {
          // 价格筛选
          filterPriceType = filterPriceType == 0?1:0
        } else {
          // 还原默认值
          filterPriceType = 1
        }
        this.setData({
          filterType: item,
          filterPriceType
        })
        this.init();
      }
    },
    init() {
      let _this = this;
      let {
        goodsType,
        goodsSource,
        angleSignImg,
        titleIcon,
      } = this.data.datas.componentData;
      angleSignImg = DFSImg(angleSignImg,150,150,1);
      if (titleIcon) {
        titleIcon = DFSImg(titleIcon);
      }
      this.setData({
        "data.datas.componentData.angleSignImg": angleSignImg,
        titleIcon,
        mainColor: app.themeColor["--main-color"],
        randomNumber: random_string(6),
      });
      let ids = this.getStorageSync(`ids`);
      log.info(ids,'---ids--105')
      // 如果不是横向标签组件初始化缓存
      if (!this.data.storageKey.includes('transverse-label')) {
        this.setStorageSync("pageGoodsList",[[]])
        this.setStorageSync("storageDatasList",[[]])
        this.setStorageSync("ids",[[]])
        this.setStorageSync("loadingFlag",[false])
        this.setStorageSync("pageNumList",[1])
      }
      if (goodsType == 0) {
        if (goodsSource != "assign") {
          //商品分类
          this.getProductList(1, 1);
        } else {
          //指定商品
          this.getProductList(2);
        }
      } else if (goodsType == 1) {
        if (goodsSource == "classify") {
          //商品分类
          this.getInterList(1);
        } else {
          //指定商品
          this.getInterList(2);
        }
      }
      
      // 判断是否为滑动组件
      if (this.data.datas.componentData.style === 'swipe') {
        this.getSwipeLen();
        this.getSwipeHeight();
      }
    },
    handleSwipeChange(e) {
      this.setData({ currentSwiperIndex: e.detail.current })
    },
    getSwipeLen() {
      const goodsListLen = this.data.datas.componentData.goodsList.length || 0;
      const len = Math.ceil((goodsListLen / this.data.datas.componentData.columnNum));
      const result = [];
      for (let i = 0; i < len; i++) {
        const itemLen = this.getSwipeItemLen(i);
        result.push(itemLen)
      }
      this.setData({ swipeInfo: result });
    },
    getSwipeItemLen(index) {
      const goodsListLen = this.data.datas.componentData.goodsList.length || 0;
      const columnNum = this.data.datas.componentData.columnNum;
      const total = (index + 1) * columnNum;
      return total > goodsListLen ? goodsListLen - (index * columnNum) : columnNum
    },
    getSwipeHeight() {
      wx.createSelectorQuery().in(this).selectAll('.goods-item').boundingClientRect((rects) => {
        if (rects) {
          let maxHeight = 0;
          rects.forEach(item => {
            if (item.height > maxHeight) maxHeight = item.height;
          });
          this.setData({ swiperHeight: maxHeight });
        }
      }).exec();
    },
    getProductList(code, type) {
      let { goodsSort,attributeValueList } = this.data.datas.componentData;
      let goodsList = [];
      if (type == 2) {
        goodsList = this.data.pageGoodsList[this.data.datasIndex];
      } else {
        this.setData({ finished: false });
        goodsList = this.data.datas.componentData.goodsList;
      }
      let {
        classificationLoadPage,
        loading,
        finished,
        queryProductInfoLoading
      } = this.data;
      if (queryProductInfoLoading == true) {
        return;
      }
      this.setData({ queryProductInfoLoading: true });
      // type 1初始化 2滚动加载
      //分类查
      if (code == 1) {
        if (type == 1) {
          classificationLoadPage = 1;
        } else {
          classificationLoadPage++;
          loading = true;
        }
        this.setData({ classificationLoadPage, loading });
        let query = {
          categoryIncludeChild: true,
          categoryId: this.data.datas.componentData.categoryId,
          page: classificationLoadPage,
          // rows: this.showRowNum() ? this.data.classificationLoadNum : this.getItemNum(),
          sortColumn: goodsSort,
          sortType: goodsSort != 2 ? 1 : 0,
          whetherShowSoldOutGoods: app.shop_configuration.whetherShowSoldOutGoods,
          whetherQueryCollectCount: true,
          whetherUseVirtualSalesQty: true,
          whetherUseVirtualCollectCount: true,
          whetherFindDistributionCommission: this.data.datas.componentData.whetherFindDistributionCommission,
          whetherFindRecommendedCardFlag: this.data.datas.componentData.vipPrice
            ? 1
            : 0,
          whetherShowGoodsDefaultTagFlag: this.data.datas.componentData
            .marketingTag
            ? 1
            : 0,
          whetherFindMultiShopFlag: 1,
          brandIdList: this.data.submitFliterVal.brandIdList || [],
          categoryIdList: this.data.submitFliterVal.categoryIdList || [],
          whetherQueryGoodsAttributeFlag: attributeValueList.length>0?1:0,
        }; // 当前页 // 一页多少条 //查询销售数量 //查询收藏数 //是否使用虚拟销售数量 //是否使用虚拟收藏人数 //是否查询商品佣金（0：不查询，1：展示，为空不查佣金） //是否查询会员价  1是  0否 //是否展示营销标签  1是  0否 //是否查询多商户   //商城使用
        if(this.data.datas.componentData['goodsSource'] == 'classify') {
          query.rows = this.data.datas.componentData.classificationLoadNum;
        } else if (this.data.datas.componentData['goodsSource'] == 'intelligenceRec') {
          query.productSourceInquiryType = 0;
        } else {
          query.rows = this.getItemNum();
        }
        // 启用了筛选组件
        if(this.data.datas.componentData.filterComponentsFlag == true){
          query.searchWord = this.data.filterSearchName;
          query.sortColumn = this.data.filterType == -1 ? "" : this.data.filterType
          query.sortType = this.data.filterType == 2 ? this.data.filterPriceType : "";
          query.goodsSpecificationIds = this.data.submitFliterVal.goodsSpecificationIds;
          query.categoryIdList = this.data.submitFliterVal.categoryIdList;
          query.productAttributeIds = this.data.submitFliterVal.productAttributeIds;
          query.minPrice = this.data.submitFliterVal.minPrice;
          query.maxPrice = this.data.submitFliterVal.maxPrice;
        }
        const envList = ['xhyx_prod', 'xhyx_beta'];
        if (envList.includes(processEnv.NODE_ENV)) {
          // 隔离门店搜索
          query.searchScopeFlag = 1;
        }
        goodsApi[envList.includes(processEnv.NODE_ENV)?'selectProductInfoOnEs':'queryProductInfo'](query).then(res => {
          this.setData({ loading: false, queryProductInfoLoading: false });
          if (res.data.code == 200) {
            let goodsLists = res.data.data.list;
            if (type == 1) {
              goodsList = goodsLists;
            } else if(goodsLists.length>0) {
              goodsList = [...goodsList, ...goodsLists];
            }
            if (goodsLists && goodsLists.length < query.rows) {
              this.setData({ finished: true });
            }
            this.goodsListVal(goodsList, type);
          }
        });
      } else {
        // 商品产品详情
        let terminalProductIds = goodsList.map(element => {
          return element.terminalProductId;
        });
        if (terminalProductIds.length == 0) {
          return;
        }
        let briefQuery = {
          sortColumn: goodsSort,
          sortType: goodsSort != 2 ? 1 : 0,
          page: 1,
          rows: terminalProductIds.length,
          terminalProductIds: terminalProductIds,
          whetherShowSoldOutGoods: app.shop_configuration.whetherShowSoldOutGoods
        }; // 当前页 // 一页多少条
        this.briefProduct(briefQuery);
      }
    },
    async briefProduct(query) {
      await goodsApi.queryBriefProductInfo(query).then(res => {
        if (res.data.code == 200) {
          let data = res.data.data.list;
          let ids = data.map(element => {
            let goodsList = this.render ? res.data.list : res.data.data.list;
            return element.terminalProductId;
          });

          let storageIds = this.getStorageSync('ids')
          storageIds[this.data.goodsListIndex] = ids
          this.setStorageSync('ids',storageIds)

          let storageDatasList = this.getStorageSync('storageDatasList')
          storageDatasList[this.data.goodsListIndex] = this.data.datas.componentData
          this.setStorageSync('storageDatasList',storageDatasList)
          
          this.moreProduct(true);
        }
      });
    },

    async moreProduct(flag) {
      // 没有数据了就不再请求了，直接return
      if (this.data.pageGoodsList.length != 0  &&  this.data.pageGoodsList[this.data.datasIndex].length == this.getStorageSync('ids')[this.data.datasIndex].length) return
      this.setData({
        scrollLoading: true
      })
      let terminalProductIds = []
      terminalProductIds = this.getStorageSync('ids')[this.data.goodsListIndex];
      let {
        vipPrice,
        marketingTag,
        whetherFindDistributionCommission,
        goodsList,
        attributeValueList
      } = this.data.datas.componentData;
      let moreQuery = {
        terminalProductIds,
        whetherQueryCollectCount: true, //查询收藏数
        whetherUseVirtualSalesQty: true, //是否使用虚拟销售数量
        whetherUseVirtualCollectCount: true, //是否使用虚拟收藏人数
        whetherFindDistributionCommission: whetherFindDistributionCommission, //是否查询商品佣金（0：不查询，1：展示，为空不查佣金）
        whetherFindRecommendedCardFlag: vipPrice ? 1 : 0, //是否查询会员价  1是  0否
        whetherShowGoodsDefaultTagFlag: marketingTag ? 1 : 0, //是否展示营销标签  1是  0否
        whetherFindMultiShopFlag: 1, //是否查询多商户   //商城使用
        whetherQueryGoodsAttributeFlag: attributeValueList.length>0?1:0,
      };
      goodsApi.queryMoreProductInfo(moreQuery).then(res => {
        if (res.data.code == 200) {
          goodsList = res.data.data;
          let pageGoodsList = this.data.pageGoodsList[this.data.goodsListIndex] || [];
          this.goodsListVal(goodsList, 1,flag);
        }
      });
    },
    goodsListVal(goodsList, type,flag) {
      let { attributeValueList } = this.data.datas.componentData;
      goodsList.forEach((item, index) => {
        item.marketingTag = item.defaultTags
          ? this.filtermark(
              item.defaultTags,
              this.data.datas.componentData.marketingTagList
            )
          : [];
        item.shopLogoUrl = DFSImg(item.shopLogoUrl);
        item.loadState = false
        item.coverImage = DFSImg(item.coverImage, 400, 400, 1);
        item.productImgUrl = DFSImg(item.productImgUrl, 400, 400, 1);
        item.minPrice = Number(item.minPrice).toFixed(2);
        item.qty = Number(item.qty);
        item.saleQty = item.saleQty ? Number(item.saleQty) : 1;
        item.totalCollectionCount = Number(item.totalCollectionCount) || 0;
        item.minPriceAfterRecommendedCardPriceTable = item.minPriceAfterRecommendedCardPriceTable
          ? Number(item.minPriceAfterRecommendedCardPriceTable)
          : "";
        item.minProductGoodsCommission = item.minProductGoodsCommission
          ? Number(item.minProductGoodsCommission).toFixed(2)
          : 0;
        item.minGoodsSuggestedRetailPrice = item.minGoodsSuggestedRetailPrice
          ? Number(item.minGoodsSuggestedRetailPrice).toFixed(2)
          : "";
        item.showVipPrice = this.showVipPrice(item, index);
        item.showVipTag = this.showVipTag(item, index);
        if (item.saleTime) {
          item.getSaleTime = 0;
          item.getSaleTime = this.getSaleTime(item.saleTime);
        }
        if (item.depositInflationInfoList && item.depositInflationInfoList.length > 0) {
          item.depositInflationInfoList[0].goodsInfo[0].depositPrice = item.depositInflationInfoList[0].goodsInfo[0].depositPrice
          ? Number(item.depositInflationInfoList[0].goodsInfo[0].depositPrice).toFixed(2)
          : 0;
        }
        item.attributeValueList = [];
        if (attributeValueList.length > 0) {
          // 过滤商品属性
          if (item.attributeList) {
            let list = item.attributeList.filter(item1=>attributeValueList.includes(item1.attributeName)) || [];
            item.attributeValueList = list ? list.map(item1 => item1.attributeValue) : [];
          }
        }
      });
      
      let that = this
      // 是否加购
      this.getPurchased(goodsList,(list1) => {
        this.collect(list1, (list) => {
          let pageGoodsList = this.getStorageSync('pageGoodsList') || []
          if (flag) {
            pageGoodsList[that.data.goodsListIndex] = list;
          }else{
            pageGoodsList[that.data.datasIndex] = list;
          }
          this.setStorageSync('pageGoodsList', pageGoodsList);
  
  
          // 获取是否要开启请求拦截
          let loadingFlag = this.getStorageSync('loadingFlag')
          loadingFlag[that.data.datasIndex] = false
          this.setStorageSync('loadingFlag', loadingFlag);
          that.setData({
            "datas.componentData.goodsList": list,
            pageGoodsList,
            loadingFlag,
            scrollLoading: false,
          })
          if (type == 1) {
            // 初始化
            if (this.selectComponent("#waterfallFlow")) {
              this.selectComponent("#waterfallFlow").initList(list);
            }
          } else {
            // 滚动加载
            if (this.selectComponent("#waterfallFlow")) {
              this.selectComponent("#waterfallFlow").reLoadPro(list);
            }
          }
        })
      });

    },
    // 加购状态
    getPurchased(goodsList,callback) {
      let { purchased } = this.data.datas.componentData;
      let list = goodsList.map(item=>item.productId);
      if(purchased) {
        // if(!this.render) return;
        goodsApi.query_goods_cart_info(list).then(res=>{
          if (res.data.code == 200) {
            let purchasedList = res.data.data || [];
            let purchasedListIds = [...new Set(purchasedList.map(item=>item.productId))];
            goodsList.forEach(item=>{
              item.purchased = false;
              if(purchasedListIds.includes(item.productId)) {
                item.purchased = true;
              }
            })
            callback(goodsList);
          }
        })
      } else {
        callback(goodsList);
      }
    },
    // 收藏状态
    collect(goodsList,callback) {
      let { collectFlag } = this.data.datas.componentData;
      let list = goodsList.map(item => item.productId);
      if(collectFlag) {
        // if(!this.render) return;
        goodsApi.batch_query_collect_count(list).then(res=>{
          if (res.data.code == 200) {
            let collectFlagList = res.data.data || [];
            let collectFlagListIds = [...new Set(collectFlagList.map(item=>item.productId))];
            goodsList.forEach(item=>{
              item.collectFlag = false;
              if(collectFlagListIds.includes(item.productId)) {
                item.collectFlag = true;
              }
            })
            callback(goodsList);
          }
        })
      } else {
        callback(goodsList);
      }
    },
    // 触发图片加载
    lazyloading(){
      var that = this
      let storageDatasList = this.getStorageSync('storageDatasList') || []
      const tempItem = storageDatasList[that.data.datasIndex];
      let style = tempItem ? tempItem.style : "";
      if (!style) return;
      let type = ''
      if(style == 'list' || style == 'rowList'){
        type = 'goods-item'
      }else{
        return
      }
     
      let windowHeight =  wx.getSystemInfoSync().windowHeight
      let pageGoodsList =  this.getStorageSync('pageGoodsList') || []

      let loadingFlag =  this.getStorageSync('loadingFlag')
      // 如果所有的商品都加载完成直接return
      if (loadingFlag[that.data.datasIndex]) {
        return
      }

      let ids = this.getStorageSync('ids')[that.data.datasIndex]
      if (ids.length == that.data.pageGoodsList[that.data.datasIndex].length &&
        that.data.pageGoodsList[that.data.datasIndex][that.data.pageGoodsList[that.data.datasIndex].length -1].loadState == true
        ) {
        return
      }
      wx.createSelectorQuery().selectAll(`.goodsListItemIndex${that.data.datasIndex}>>>.${type}`).boundingClientRect(function(rects){
        for (let index = 0; index < rects.length; index++) {
          if (rects[index].top == 0 && rects[index].bottom == 0 && rects[index].left == 0 && rects[index].right == 0) {
            break
          }
          if (rects[index].top < windowHeight) {
            pageGoodsList[that.data.datasIndex][index].loadState = true
          }
        }
        that.setData({
          pageGoodsList,
        })
        // that.pageGoodsList = pageGoodsList
        that.setStorageSync('pageGoodsList',pageGoodsList)



        // 如果当前分页倒数第一张加载完成直接 打开loadingFlag开关并加载下一页数据
        if (that.data.pageGoodsList[that.data.datasIndex][that.data.pageGoodsList[that.data.datasIndex].length -1].loadState == true) {
          loadingFlag[that.data.datasIndex] = true
          that.setData({
            loadingFlag,
          })
          that.setStorageSync('loadingFlag',loadingFlag)

        }
      
      }).exec();

    },
    getSaleTime(val) {
      return new Date(val.replace(/-/g, "/")).getTime() - new Date().getTime();
    },
    getItemNum() {
      if(this.data.datas.componentData['goodsSource'] == 'classify') {
        return this.data.classificationLoadNum
      }
      // 瀑布流模式默认查6条
      if(this.data.datas.componentData.style == "waterfall" && this.data.datas.componentData["goodsSource"] == "specifyFilter"){
        return 10;
      }
      //数量
      if (
        this.data.datas.componentData.style === "list" &&
        this.data.datas.componentData["goodsSource"] != "assign" &&
        this.data.datas.componentData['goodsSource'] != "intelligenceRec"
      ) {
        //网格模式
        if (
          this.data.datas.componentData.rowNum *
          this.data.datas.componentData.columnNum >=
          this.data.datas.componentData.goodsList.length
        ) {
          return this.data.datas.componentData.goodsList.length;
        } else {
          return (
            this.data.datas.componentData.rowNum *
            this.data.datas.componentData.columnNum
          );
        }
      } else {
        return 10;
      }
    },
    showRowNum() {
      return (
        this.data.datas.componentData.moreShow == false &&
        this.data.datas.componentData.style == "waterfall" &&
        this.data.datas.componentData.goodsSource == "classify"
      );
    },
    filtermark(newlist, marketingTagList) {
      let list = [];
      if (newlist.length <= 0) return;
      if (marketingTagList.length > 0) {
        marketingTagList.forEach((item, index) => {
          newlist.forEach((item1, index1) => {
            if (item1 == item.key) {
              list.push(item);
            }
          });
        });
      }
      return list;
    },
    showVipPrice(item, index) {
      // 索引 0 显示价格 1显示名称
      let showFlag = false;
      let vipPrice = item["minPriceAfterRecommendedCardPriceTable"];
      if (vipPrice && Number(vipPrice) < Number(item["minPrice"])) {
        showFlag = true;
      }
      return showFlag;
    },
    showVipTag(item, index) {
      // 索引 0 显示价格 1显示名称
      let showFlag = false;
      let vipPrice = item["minPriceAfterRecommendedCardPriceTable"];
      let showTag = item["recommendedCardMinPricePriceTableName"];
      if (vipPrice && showTag && Number(vipPrice) <= Number(item["minPrice"])) {
        showFlag = true;
      }
      return showFlag;
    },
    getScroll(el) {
      //! 如果不是当前tab页return不执行滚动加载
      if (this.data.datasIndex != this.data.goodsListIndex) return;
      // 是指定分类且不显示查看更多的瀑布流组件滚动加载
      let { goodsSource, moreShow, style } = this.data.datas.componentData;
      this.lazyloading()
      if (
        (goodsSource == "classify" || goodsSource == "specifyFilter") &&
        moreShow == false
      ) {
        if (style == "waterfall") {
          this.selectComponent("#waterfallFlow").getScroll(el);
        } else if (style == "rowList") {
          this.getScrollEl(el);
        }
      }
    },
    getScrollEl(el) {
      let { finished } = this.data;
      let _this = this;
      _this
        .createSelectorQuery()
        .select("#goods-rowList")
        .boundingClientRect(function(res) {
          if (res) {
            let scrollTop = parseInt(el.scrollTop);
            let domHeight = parseInt(res.height);
            // 窗口高度+滚动高度等于 = 元素整体高度 -(预留一段距离加载) 触发父组件查询接口
            if (
              scrollTop + _this.data.clientHeight >= domHeight - 150 &&
              finished == false
            ) {
              _this.onLoad();
            }
          }
        })
        .exec();
    },
    // 分页加载
    onLoad() {
      this.getProductList(1, 2);
    },
    viewMore(e) {
      let {
        goodsType,
        style,
        categoryName,
        categoryId
      } = this.data.datas.componentData;
      let linkVal = "";
      if (goodsType != 1) {
        linkVal = `/goods/commodityMenu?categoryName=${categoryName}&categoryId=${categoryId}`;
      } else {
        linkVal = `/pointShop/productList?categoryName=${categoryName}&categoryId=${categoryId}`;
      }
      app.trackCpn(e, this.data.datas.componentName, 'ViewMore查看更多')
      $themeToLink({
        type: 1,
        link: linkVal
      });
    },
    setStorageSync(key, val) {
      return wx.setStorageSync(`${this.data.storageKey}_${key}`,val)
    },
    getStorageSync(key) {
      return wx.getStorageSync(`${this.data.storageKey}_${key}`)
    },
  }
};

Component(componentOptions);