From bab140f3aa2f41d4c5fbd2673a99b5f8d6906cae Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 12 Jan 2024 15:06:59 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=E0=B8=81?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=A3=E0=B9=81=E0=B8=81=E0=B9=89=E0=B9=84=E0=B8=82?=
 =?UTF-8?q?=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=A5=E0=B8=87=E0=B9=80=E0=B8=A7?=
 =?UTF-8?q?=E0=B8=A5=E0=B8=B2=E0=B8=9B=E0=B8=8F=E0=B8=B4=E0=B8=9A=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=95=E0=B8=B4=E0=B8=87=E0=B8=B2=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../09_leave/components/1_Work/DialogEdit.vue | 44 ++++++++++++++++---
 1 file changed, 37 insertions(+), 7 deletions(-)

diff --git a/src/modules/09_leave/components/1_Work/DialogEdit.vue b/src/modules/09_leave/components/1_Work/DialogEdit.vue
index 8e74947e9..a05428be7 100644
--- a/src/modules/09_leave/components/1_Work/DialogEdit.vue
+++ b/src/modules/09_leave/components/1_Work/DialogEdit.vue
@@ -34,7 +34,7 @@ const props = defineProps({
 });
 
 const morningStatus = ref<string>("");
-const afternoonStatus = ref<string>("");
+const afternoonStatus = ref<string | null>("");
 const reason = ref<string>("");
 
 const morningStatusRef = ref<any>();
@@ -50,7 +50,11 @@ const options = ref<DataOption[]>(optionsMain.value);
 async function onClickSave() {
   morningStatusRef.value?.validate();
   afternoonStatusRef.value?.validate();
-  if (!morningStatusRef.value.hasError && !afternoonStatusRef.value.hasError) {
+  if (
+    !morningStatusRef.value.hasError && props.detail?.checkOutStatus !== "-"
+      ? !afternoonStatusRef.value.hasError
+      : true
+  ) {
     const body = {
       checkInStatus: morningStatus.value,
       checkOutStatus: afternoonStatus.value,
@@ -84,13 +88,33 @@ function filterFnOptions(val: any, update: Function) {
   });
 }
 
+function convertStatu(val: string) {
+  switch (val) {
+    case "ปกติ":
+      return "NORMAL";
+    case "สาย":
+      return "LATE";
+    case "ขาดราชการ":
+      return "ABSENT";
+  }
+}
+
 watch(
   () => props.modal,
   () => {
-    props.modal &&
-      ((morningStatus.value = ""),
-      (afternoonStatus.value = ""),
-      (reason.value = ""));
+    if (props.modal) {
+      const checkInStatus: string | undefined = props.detail?.checkInStatus
+        ? convertStatu(props.detail?.checkInStatus)
+        : "";
+
+      const checkOutStatus: string | undefined = props.detail?.checkOutStatus
+        ? convertStatu(props.detail?.checkOutStatus)
+        : "";
+
+      morningStatus.value = checkInStatus ? checkInStatus : "";
+      afternoonStatus.value = checkOutStatus ? checkOutStatus : "-";
+      reason.value = "";
+    }
   }
 );
 </script>
@@ -130,9 +154,15 @@ watch(
             >
           </div>
         </q-card>
-        <q-card flat bordered class="col-12 q-mt-sm">
+        <q-card
+          flat
+          bordered
+          class="col-12 q-mt-sm"
+          v-if="props.detail?.checkOutStatus !== '-'"
+        >
           <div class="q-pa-sm text-green-8">
             สถานะช่วงบ่าย
+
             <q-select
               ref="afternoonStatusRef"
               class="q-pa-sm"