Mamalizz
45 lines
1.1 KiB
Vue
45 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
// types
|
|
|
|
type Props = {
|
|
data: Ticket;
|
|
};
|
|
|
|
// props
|
|
|
|
defineProps<Props>();
|
|
</script>
|
|
|
|
<template>
|
|
<tr
|
|
class="odd:bg-white even:bg-gray-50 last:border-none border-b border-slate-200"
|
|
>
|
|
<td
|
|
scope="row"
|
|
class="w-3/12 px-6 py-6 font-medium whitespace-nowrap text-black"
|
|
>
|
|
{{ data.ticket_category }}
|
|
</td>
|
|
<td class="w-3/12 px-6 py-6">{{ data.subject }}</td>
|
|
<td class="w-3/12 px-6 py-6">{{ data.created_at }}</td>
|
|
<td class="w-2/12 px-6 py-6">{{ data.status }}</td>
|
|
<td class="w-1/12 px-6 py-6">
|
|
<NuxtLink
|
|
:to="{ name: 'profile-tickets-id', params: { id: data.id } }"
|
|
>
|
|
<button
|
|
class="size-10 flex-center border border-slate-200 rounded-md"
|
|
>
|
|
<Icon
|
|
name="ci:eye-open"
|
|
class="**:stroke-black"
|
|
size="20"
|
|
/>
|
|
</button>
|
|
</NuxtLink>
|
|
</td>
|
|
</tr>
|
|
</template>
|
|
|
|
<style scoped></style>
|