46 lines
1.6 KiB
Vue
46 lines
1.6 KiB
Vue
<script setup>
|
|
import ClientLayout from '../../../layouts/ClientLayout.vue'
|
|
import UiCard from '../../../components/ui/UiCard.vue'
|
|
import TableGeneric from '../../../components/ui/TableGeneric.vue'
|
|
import EyeSvg from '../../../components/svg/eye.svg'
|
|
import { Link } from '@inertiajs/inertia-vue3'
|
|
import { useDocumentStore } from '../../../store/Document'
|
|
import { caseColumns } from '../../../data/casesTableColumns'
|
|
|
|
const documentStore = useDocumentStore();
|
|
|
|
defineProps({
|
|
documents: {
|
|
type: Object,
|
|
required: true
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<ClientLayout>
|
|
<UiCard title="کیسهای در انتظار بررسی" variant="default" class="">
|
|
<TableGeneric
|
|
class="bg-white !rounded-2xl"
|
|
:data="documents.data"
|
|
customStyle="!text-[11px] !font-normal"
|
|
:searchable="false"
|
|
:columns="caseColumns"
|
|
:selectable="false"
|
|
:pagination="documents.meta"
|
|
:model-value="[]"
|
|
>
|
|
<template #column-actions="{ data }" class="">
|
|
<div class="flex items-center justify-end">
|
|
<Link :href="documentStore.endpoints.show(data.id)"
|
|
class="text-primary-500 bg-complement-100 flex items-center justify-end p-1.5 rounded-md"
|
|
>
|
|
<EyeSvg class="w-4 h-4 text-primary-500" />
|
|
</Link>
|
|
</div>
|
|
</template>
|
|
</TableGeneric>
|
|
</UiCard>
|
|
</ClientLayout>
|
|
</template>
|