Initial commit

app/components/viewer/RollcallRow.vue

@@ -0,0 +1,20 @@
+<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>