分类

作者: 糖醋里脊120625 | 来源:发表于2023-05-07 15:19 被阅读0次

import { requestCategory, } from '../../http/api/categoryApi'
import { requestGooodsList } from '../../http/api/goodsApi'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    menu: [],
    goodsList:[],
    curIndex: 0,

    activeId: null,
    pageData:1,
    pageSize:10,
    hasLoadData:true,
    itemCateData:{}
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    wx.setNavigationBarTitle({
      title: '分类',
    })
  },
  switchCategory(e) {
    let itemData= e.currentTarget.dataset.bean;
    this.setData({
      goodsList:[],
      pageData:1,
      curIndex: e.currentTarget.dataset.index?e.currentTarget.dataset.index:0,
      itemCateData:itemData
    })
    this.getGoodsData(itemData)
  },
  getGoodsData(itemData){
    let that =this;
    let postdata= {
      shopId: 1008600001,
      pageNum:this.data.pageData,
      pageSize: this.data.pageSize,
      categoryId:itemData.id
    }
    requestGooodsList(postdata,).then((res) => {
      let resultData= res.data.list.map((item) => {
        return {
          ...item,
          gallery:item.gallery.split(','),
        };
      });
      if(resultData.length < that.data.pageSize){
        this.setData({
            hasLoadData:false,
        })
      }else{
        this.setData({
          hasLoadData:true,
      })
      }
      
      this.setData({
        goodsList: this.data.goodsList.concat(resultData),
      })
      
    })
  },
  productDetails(event) {
    let delID= event.currentTarget.dataset.bean.id;
    wx.navigateTo({
      url: `/pages/detail/detail?delID=${delID}`,
    });

  },
 
    /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    let that =this;
    if(this.data.hasLoadData==true){
      this.setData({
        pageData: that.data.pageData + 1
      })
      this.getGoodsData(this.data.itemCateData)
    }
    
  },
  

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

  },
  loadCategory(){
    let postdata={
      shopId: 1008600001,
    }
    requestCategory(postdata).then((res) => {
      this.getGoodsData(res.data[0])
      this.setData({
        menu:res.data,
        itemCateData:res.data[0]
      })
    })
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.loadCategory()
    const tabBar = this.getTabBar()
    tabBar.setData({
        TabBarActive: 1
    })
  },

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

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

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


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

相关文章

  • 一次性产品

    包装材质分类 牙具分类 牙膏分类 梳子分类 拖鞋材质

  • 一明音频6按次序表答

    分类演讲,有条理,按男女分类,年龄分类,籍贯分类,其它。职业分类,戴眼镜,头发分类,例如对深圳的认识?一,天气,二...

  • 客户分类

    酒店布草租赁项目:市场细分是动脑干活的基础!数量分类、地域分类、男女分类、品牌分类、出租率分类、价格分类等等!举例...

  • 分类页面通用变量

    $sortid分类id $sortName分类名称 $template分类模版 $lognum该分类文章数 $so...

  • Excel学习笔记5

    知识点 1.分类汇总工具 -必须先排序再分类汇总 分类字段 -分类汇总-全部删除 可以撤销掉之前的分类汇总 -分类...

  • 生活垃圾分类

    1、什么是垃圾分类 生活垃圾分类通俗得说就是在源头将生活垃圾进行分类投放,并通过分类收集、分类运输和分类处理,力争...

  • 机器学习之分类器

    0、分类器热身,NextStep比较懒,直接看图 分类分类,先分解再分类,比如,疾病分类模型先将病情的表现信息进行...

  • 商品管理案例——案例准备

    一、案例的概述 1、案例实现的功能 分类管理  查询分类  添加分类  删除分类  修改分类 商品管理  查询商品...

  • 分类(Category)与类拓展(Extension)

    分类(Category) 1.分类(Category)是什么? 分类是oc特有的语法,表示指向分类的结构体指针。分...

  • Emlog531获取指定分类的子分类信息

    //获得指定分类的子分类,参数为分类ID function getsubcategoryinfo($categor...

网友评论

      本文标题:分类

      本文链接:https://www.haomeiwen.com/subject/pxahsdtx.html