LinHelp/miniapp/miniprogram/pages/products/index.js

const { listCategories, listProducts } = require('../../api/productApi')

Page({
  data: {
    loading: false,
    categories: [],
    activeCategoryId: null,
    keyword: '',
    products: []
  },

  onLoad() {
    this.load()
  },

  load() {
    this.setData({ loading: true })
    Promise.all([listCategories(), listProducts(null, this.data.keyword)])
      .then(([categories, products]) => {
        this.setData({
          categories: categories || [],
          products: products || []
        })
      })
      .catch((error) => wx.showToast({ title: error.message, icon: 'none' }))
      .finally(() => this.setData({ loading: false }))
  },

  chooseCategory(event) {
    const categoryId = event.currentTarget.dataset.id
    this.setData({ activeCategoryId: categoryId })
    listProducts(categoryId, this.data.keyword)
      .then((products) => this.setData({ products: products || [] }))
      .catch((error) => wx.showToast({ title: error.message, icon: 'none' }))
  },

  clearCategory() {
    this.setData({ activeCategoryId: null })
    listProducts(null, this.data.keyword)
      .then((products) => this.setData({ products: products || [] }))
      .catch((error) => wx.showToast({ title: error.message, icon: 'none' }))
  },

  onKeywordInput(event) {
    this.setData({ keyword: event.detail.value })
  },

  search() {
    listProducts(this.data.activeCategoryId, this.data.keyword)
      .then((products) => this.setData({ products: products || [] }))
      .catch((error) => wx.showToast({ title: error.message, icon: 'none' }))
  },

  goDetail(event) {
    wx.navigateTo({ url: '/pages/products/detail?id=' + event.currentTarget.dataset.id })
  }
})