From f633b29add158c0a067f789c7e838bcdb46b1aa4 Mon Sep 17 00:00:00 2001
From: adibwp <sas.adibwp@gmail.com>
Date: Tue, 20 Aug 2024 09:29:52 +0700
Subject: [PATCH] change table header specimen-collection

---
 specimen-collection/components/left.vue  | 19 ++++++++++++++-----
 specimen-collection/components/right.vue |  9 +++++++++
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/specimen-collection/components/left.vue b/specimen-collection/components/left.vue
index 951bc3f..6c977a7 100644
--- a/specimen-collection/components/left.vue
+++ b/specimen-collection/components/left.vue
@@ -11,6 +11,15 @@
                 hide-default-footer
                 class="row-pointer"
             >
+                <template v-slot:headers="{ columns }">
+                    <tr>
+                        <template v-for="column in columns" :key="column.key">
+                            <td :class="column.class" :style="{ width: column.width, textAlign: column.align }">
+                                <span>{{ column.title }}</span>
+                            </td>
+                        </template>
+                    </tr>
+                </template>
                 <template v-slot:item="{ item }">
                     <tr @click="selectItem(item)" v-bind:class="{'bg-primary-lighten':isItemSelected(item)}">
                         <td>
@@ -50,9 +59,9 @@ export default {
             headers: [
                 {
                     title: this.$t('message.tablePatient.date'),
-                    align: "start",
+                    align: "left",
                     sortable: false,
-                    key: "name",
+                    key: "date",
                     width: "15%",
                     class: "font-weight-bold",
                 },
@@ -60,7 +69,7 @@ export default {
                     title: this.$t('message.tablePatient.noreg'),
                     align: "start",
                     sortable: false,
-                    key: "name",
+                    key: "noreg",
                     width: "20%",
                     class: "font-weight-bold",
                 },
@@ -68,7 +77,7 @@ export default {
                     title: this.$t('message.tablePatient.group'),
                     align: "start",
                     sortable: false,
-                    key: "name",
+                    key: "group",
                     width: "25%",
                     class: "font-weight-bold",
                 },
@@ -84,7 +93,7 @@ export default {
                     title: this.$t('message.tablePatient.status'),
                     align: "start",
                     sortable: false,
-                    key: "name",
+                    key: "status",
                     width: "15%",
                     class: "font-weight-bold",
                 },
diff --git a/specimen-collection/components/right.vue b/specimen-collection/components/right.vue
index 3b4f885..dbef363 100644
--- a/specimen-collection/components/right.vue
+++ b/specimen-collection/components/right.vue
@@ -92,6 +92,15 @@
                 :headers="headers"
                 hide-default-footer
             >
+                <template v-slot:headers="{ columns }">
+                    <tr>
+                        <template v-for="column in columns" :key="column.key">
+                            <td :class="column.class" :style="{ width: column.width, textAlign: column.align }">
+                                <span>{{ column.title }}</span>
+                            </td>
+                        </template>
+                    </tr>
+                </template>
                 <template v-slot:item="{ item }">
                     <tr>
                         <td>