83 lines
2.4 KiB
Vue
83 lines
2.4 KiB
Vue
<template>
|
|
<MobileCardList
|
|
v-model:search="search"
|
|
:loading="loading"
|
|
:has-more="hasMore"
|
|
:show-empty="!loading && items.length === 0"
|
|
empty-text="کارت هدیهای یافت نشد"
|
|
search-placeholder="جستجو کارت هدیه"
|
|
show-refresh
|
|
@search="reload"
|
|
@refresh="reload"
|
|
@load-more="loadMore"
|
|
>
|
|
<GiftCardMobileListItem
|
|
v-for="item in items"
|
|
:key="item.id"
|
|
:item="item"
|
|
:hide-customer="!!customerId"
|
|
:can-edit="canEdit"
|
|
:can-delete="canDelete"
|
|
:can-codes="canCodes"
|
|
@open="openSheet"
|
|
@gift-card-codes="$emit('giftCardCodes', $event)"
|
|
@edit="$emit('edit', $event)"
|
|
@delete="$emit('delete', $event)"
|
|
/>
|
|
</MobileCardList>
|
|
|
|
<GiftCardMobileDetailSheet v-model:visible="sheetVisible" :item="selectedItem" />
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { getGiftCardTable } from '@/api/giftCard'
|
|
import type { Giftcard } from '@/model/giftCard'
|
|
import MobileCardList from '@/components/mobile/MobileCardList.vue'
|
|
import { useMobileDetailSheet } from '@/components/mobile/composables/useMobileDetailSheet'
|
|
import { useMobileTableList } from '@/components/mobile/composables/useMobileTableList'
|
|
import type { TableInput } from '@core/type/baseTable'
|
|
import GiftCardMobileDetailSheet from './GiftCardMobileDetailSheet.vue'
|
|
import GiftCardMobileListItem from './GiftCardMobileListItem.vue'
|
|
|
|
type GiftCardRow = Giftcard & { customer?: { name?: string; mobile?: string } }
|
|
|
|
const props = defineProps<{
|
|
customerId?: number
|
|
canEdit?: boolean
|
|
canDelete?: boolean
|
|
canCodes?: boolean
|
|
}>()
|
|
|
|
defineEmits<{
|
|
(e: 'giftCardCodes', item: GiftCardRow): void
|
|
(e: 'edit', item: GiftCardRow): void
|
|
(e: 'delete', id: number): void
|
|
}>()
|
|
|
|
const { sheetVisible, selectedItem, openSheet, syncSelectedItem } = useMobileDetailSheet<GiftCardRow>()
|
|
|
|
function fetchGiftCards(params: TableInput) {
|
|
if (props.customerId) {
|
|
params.filters = params.filters ?? []
|
|
params.filters.push({
|
|
field: 'customer_id',
|
|
type: 'text',
|
|
value: props.customerId,
|
|
cr: 'and',
|
|
op: 'eq',
|
|
hidden: false
|
|
})
|
|
}
|
|
return getGiftCardTable(params)
|
|
}
|
|
|
|
const { loading, search, items, hasMore, reload, loadMore, fetch } = useMobileTableList<GiftCardRow>({
|
|
fetchApi: fetchGiftCards,
|
|
onFetched: (rows) => syncSelectedItem(rows)
|
|
})
|
|
|
|
onMounted(() => reload())
|
|
|
|
defineExpose({ fetch, openSheet })
|
|
</script>
|