zhusen / kelude-outside-web · Files

import { getProductList } from './../service'

import { ref, watchEffect } from 'vue'

import { defineStore } from 'pinia'

import type { Product, ProductImage, ProductListQuery } from '@/type'

export const useProductListStore = defineStore('productList', () => {
  const list = ref<Product[]>([])
  const productCategoryId = ref('') // 选中的类别
  const keywork = ref(null)

  const pageNo = ref(1)

  const pageSize = ref(20)
  const total = ref(0)

  const params = ref()

  const getList = async (params: ProductListQuery) => {

    if (params.productCategoryId) {

      const res = await getProductList(params)
      const data = res.data?.data || {}
      list.value =
        (data?.records || []).map((record: Product) => ({
          ...record,
          // http://112.74.45.244:8100/api/show/image?fileKey=ac82abea34243b7f7a56e5c3ca03f3a9
          imgList: JSON.parse(record.productimageliststore as unknown as string).map(
            (item: ProductImage) => ({
              url: `${(window as any).IMG_BASE_URL}/api/show/image?fileKey=${
                item.fileKey
              }&psize=p256`
            })
          )
        })) || []
      total.value = data?.total || 0

    }
  }

  const updatePageNo = (value: number) => {
    pageNo.value = value
  }

  const updateCategory = (value: string) => {
    productCategoryId.value = value
  }

  const updateParams = (value: any) => {
    params.value = value
  }

  return {
    pageNo,
    pageSize,
    total,
    list,
    params,
    getList,
    updateCategory,
    updatePageNo,
    updateParams
  }

})