From ba874d1d024138e7f675f3b5d5d14819f4c1abba Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 22 Dec 2023 17:36:09 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=81=E0=B8=A3=E0=B8=A3=E0=B8=A1=E0=B8=81?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=A3=E0=B9=81=E0=B8=A5=E0=B8=B0=E0=B8=81=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=9B=E0=B8=A3=E0=B8=B0=E0=B8=8A=E0=B8=B8=E0=B8=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/directorandmeet/Table.vue      | 16 ++++++++-----
 .../06_evaluate/components/step/step8.vue     | 23 +++++++++++++++----
 2 files changed, 29 insertions(+), 10 deletions(-)

diff --git a/src/modules/06_evaluate/components/directorandmeet/Table.vue b/src/modules/06_evaluate/components/directorandmeet/Table.vue
index 417482b..bd8e2b9 100644
--- a/src/modules/06_evaluate/components/directorandmeet/Table.vue
+++ b/src/modules/06_evaluate/components/directorandmeet/Table.vue
@@ -7,6 +7,9 @@ const props = defineProps({
   type: {
     type: String,
   },
+  row: {
+    type: Object,
+  },
 });
 
 const columnsDrictor = ref<QTableProps["columns"]>([
@@ -20,11 +23,11 @@ const columnsDrictor = ref<QTableProps["columns"]>([
     style: "font-size: 14px",
   },
   {
-    name: "name",
+    name: "fullName",
     align: "left",
     label: "ชื่อ - นามสกุล",
     sortable: true,
-    field: "name",
+    field: "fullName",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
@@ -85,21 +88,21 @@ const columnsMeeting = ref<QTableProps["columns"]>([
     style: "font-size: 14px",
   },
   {
-    name: "results",
+    name: "result",
     align: "left",
     label: "ผลการพิจารณาของคณะกรรมการประเมินผลงานแต่ละคณะ",
     sortable: true,
-    field: "results",
+    field: "result",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
 
   {
-    name: "timePeriod",
+    name: "duration",
     align: "left",
     label: "ระยะเวลาในการแก้ไขผลงาน",
     sortable: true,
-    field: "timePeriod",
+    field: "duration",
     headerStyle: "font-size: 14px",
     style: "font-size: 14px",
   },
@@ -119,6 +122,7 @@ onMounted(() => {
     bordered
     class="custom-header-table"
     :columns="columns"
+    :rows="props.row"
     dense
     :rows-per-page-options="[10, 25, 50, 100]"
   >
diff --git a/src/modules/06_evaluate/components/step/step8.vue b/src/modules/06_evaluate/components/step/step8.vue
index 3220014..50c0f39 100644
--- a/src/modules/06_evaluate/components/step/step8.vue
+++ b/src/modules/06_evaluate/components/step/step8.vue
@@ -13,7 +13,7 @@ import { useCounterMixin } from "@/stores/mixin";
 const $q = useQuasar();
 const mixin = useCounterMixin();
 
-const { showLoader, hideLoader, messageError, success } = mixin;
+const { showLoader, hideLoader, messageError, success, date2Thai } = mixin;
 
 const props = defineProps({
   evaluateId: {
@@ -71,7 +71,22 @@ async function fetchDirector() {
   props.evaluateId &&
     (await http
       .get(config.API.evaluationDirectorMeetring(props.evaluateId))
-      .then((res) => {})
+      .then((res) => {
+        const directors = res.data.result.directors;
+        const meetings = res.data.result.meetings;
+        directorList.value = directors.map((e: any) => ({
+          fullName: `${e.prefix}${e.firstName}   ${e.lastName}`,
+          position: e.position ?? "-",
+          email: e.email ?? "-",
+          phone: e.phone ?? "-",
+        }));
+        meetingList.value = meetings.map((e: any) => ({
+          fullName: `${e.Prefix}${e.FirstName}   ${e.LastName}`,
+          dateMeeting: `${date2Thai(e.dateStart)} - ${date2Thai(e.dateEnd)}`,
+          result: e.result ?? "-",
+          duration: e.duration ?? "-",
+        }));
+      })
       .catch((err) => {})
       .finally(() => {
         hideLoader();
@@ -161,11 +176,11 @@ onMounted(async () => {
           <q-separator />
           <q-tab-panels v-model="tabMenu" animated>
             <q-tab-panel name="director"
-              ><TableDirector :type="tabMenu"
+              ><TableDirector :type="tabMenu" :row="directorList"
             /></q-tab-panel>
 
             <q-tab-panel name="meeting">
-              <TableDirector :type="tabMenu"
+              <TableDirector :type="tabMenu" :row="meetingList"
             /></q-tab-panel>
           </q-tab-panels>
         </q-card>