21 lines
546 B
Vue
21 lines
546 B
Vue
<script setup>
|
|
const props = defineProps({
|
|
row: Object,
|
|
});
|
|
|
|
const { $dayjs } = useNuxtApp();
|
|
</script>
|
|
<template>
|
|
<tr>
|
|
<td>{{ row.empcode }}</td>
|
|
<td>{{ row.empname }}</td>
|
|
<td>{{ $dayjs(row.date).format('DD/MM/YYYY') }}</td>
|
|
<td>{{ row.checkin ? $dayjs(row.checkin).format('HH:mm') : '-' }}</td>
|
|
<td>{{ row.checkout ? $dayjs(row.checkout).format('HH:mm') : '-' }}</td>
|
|
<td>{{ row.duration ? row.duration + ' giờ' : '-' }}</td>
|
|
<td>
|
|
<span class="tag">{{ row.status }}</span>
|
|
</td>
|
|
</tr>
|
|
</template>
|