130 lines
3.7 KiB
TypeScript
130 lines
3.7 KiB
TypeScript
import { defineStore } from 'pinia'
|
|
import { ref } from 'vue'
|
|
import { apiRequest } from '@/services/http'
|
|
import type { BankAccount, Catalog, Company, Product } from '@/types'
|
|
|
|
export const useCatalogStore = defineStore('catalog', () => {
|
|
const companies = ref<Company[]>([])
|
|
const catalogs = ref<Catalog[]>([])
|
|
const products = ref<Product[]>([])
|
|
const bankAccounts = ref<BankAccount[]>([])
|
|
const searchQuery = ref('')
|
|
const loading = ref(false)
|
|
const loaded = ref(false)
|
|
|
|
async function loadCompanies(force = false) {
|
|
if (loaded.value && !force) return companies.value
|
|
loading.value = true
|
|
try {
|
|
const list = await apiRequest<Company[]>('/companies', {
|
|
query: { activeOnly: true },
|
|
})
|
|
companies.value = list
|
|
.filter((c) => c.isActive)
|
|
.sort((a, b) => a.displayOrder - b.displayOrder)
|
|
loaded.value = true
|
|
} finally {
|
|
loading.value = false
|
|
}
|
|
return companies.value
|
|
}
|
|
|
|
function getActiveCompanies(): Company[] {
|
|
return [...companies.value].sort((a, b) => a.displayOrder - b.displayOrder)
|
|
}
|
|
|
|
function getCompany(id: string): Company | undefined {
|
|
return companies.value.find((c) => c.id === id)
|
|
}
|
|
|
|
async function loadCatalogs(companyId: string) {
|
|
const list = await apiRequest<Catalog[]>('/catalogs', {
|
|
query: { companyId, activeOnly: true },
|
|
})
|
|
catalogs.value = [
|
|
...catalogs.value.filter((c) => c.companyId !== companyId),
|
|
...list,
|
|
]
|
|
return list
|
|
}
|
|
|
|
async function loadProducts(catalogId: string, color?: string) {
|
|
const list = await apiRequest<Product[]>('/products', {
|
|
query: {
|
|
catalogId,
|
|
color: color && color !== 'all' ? color : undefined,
|
|
activeOnly: true,
|
|
},
|
|
})
|
|
const others = products.value.filter((p) => p.catalogId !== catalogId)
|
|
products.value = [...others, ...list]
|
|
return list
|
|
}
|
|
|
|
async function loadBankAccounts(companyId: string) {
|
|
const list = await apiRequest<BankAccount[]>(`/companies/${companyId}/bank-accounts`)
|
|
bankAccounts.value = [
|
|
...bankAccounts.value.filter((b) => b.companyId !== companyId),
|
|
...list.filter((b) => b.isActive),
|
|
]
|
|
return bankAccounts.value.filter((b) => b.companyId === companyId)
|
|
}
|
|
|
|
function fetchCatalogs(companyId: string, query = ''): Catalog[] {
|
|
let list = catalogs.value.filter((c) => c.companyId === companyId && c.isActive)
|
|
if (query.trim()) {
|
|
const q = query.trim()
|
|
list = list.filter((c) => c.code.includes(q) || c.name.includes(q))
|
|
}
|
|
return [...list].sort((a, b) => a.displayOrder - b.displayOrder)
|
|
}
|
|
|
|
function fetchProducts(catalogId: string, colorFilter?: string): Product[] {
|
|
let list = products.value.filter((p) => p.catalogId === catalogId && p.isActive)
|
|
if (colorFilter && colorFilter !== 'all') {
|
|
list = list.filter((p) => p.color.includes(colorFilter))
|
|
}
|
|
return list
|
|
}
|
|
|
|
function getCatalog(id: string) {
|
|
return catalogs.value.find((c) => c.id === id)
|
|
}
|
|
|
|
function getProduct(id: string) {
|
|
return products.value.find((p) => p.id === id)
|
|
}
|
|
|
|
function getUniqueColors(catalogId: string): string[] {
|
|
return [...new Set(fetchProducts(catalogId).map((p) => p.color))]
|
|
}
|
|
|
|
function getBankAccountsByCompany(companyId: string): BankAccount[] {
|
|
return bankAccounts.value
|
|
.filter((b) => b.companyId === companyId && b.isActive)
|
|
.sort((a, b) => a.displayOrder - b.displayOrder)
|
|
}
|
|
|
|
return {
|
|
companies,
|
|
catalogs,
|
|
products,
|
|
bankAccounts,
|
|
searchQuery,
|
|
loading,
|
|
loaded,
|
|
loadCompanies,
|
|
loadCatalogs,
|
|
loadProducts,
|
|
loadBankAccounts,
|
|
getActiveCompanies,
|
|
getCompany,
|
|
fetchCatalogs,
|
|
fetchProducts,
|
|
getCatalog,
|
|
getProduct,
|
|
getUniqueColors,
|
|
getBankAccountsByCompany,
|
|
}
|
|
})
|