43 lines
1.5 KiB
Vue
43 lines
1.5 KiB
Vue
<script setup>
|
|
import ClientLayout from '../../../layouts/ClientLayout.vue';
|
|
import TableGeneric from '../../../components/ui/TableGeneric.vue';
|
|
import UiCard from '../../../components/ui/UiCard.vue';
|
|
import EyeSvg from '../../../components/svg/eye.svg';
|
|
import { Link } from '@inertiajs/inertia-vue3';
|
|
import { caseColumns } from '../../../data/casesTableColumns';
|
|
|
|
defineProps({
|
|
cases: {
|
|
type: Object,
|
|
required: true
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<ClientLayout>
|
|
<UiCard title="لیست کیسها" variant="default">
|
|
<TableGeneric
|
|
class="bg-white !rounded-2xl"
|
|
:data="cases.data"
|
|
customStyle="!text-[11px] !font-normal"
|
|
:searchable="false"
|
|
:columns="caseColumns"
|
|
:selectable="false"
|
|
:pagination="cases.meta"
|
|
:model-value="[]"
|
|
>
|
|
<template #column-actions="{ data }">
|
|
<div class="flex items-center justify-end">
|
|
<Link :href="`/dashboard/cases/${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>
|