From f8843a2990f8f45849a2a6f0975751fb494b8a92 Mon Sep 17 00:00:00 2001
From: AnandaTon <ananda@frappet.com>
Date: Tue, 7 Nov 2023 12:03:20 +0700
Subject: [PATCH] ui specialTime
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

เพิ่มตัวแปร checkIn checkOut
---
 .../4_specialTime/DialogApprove.vue           | 58 +++++++------------
 .../09_leave/interface/request/specialTime.ts |  2 +
 .../interface/response/specialTime.ts         | 10 ++--
 .../09_leave/stores/SpecialTimeStore.ts       |  2 +
 .../09_leave/views/SpecialTimeMain.vue        |  6 ++
 5 files changed, 34 insertions(+), 44 deletions(-)

diff --git a/src/modules/09_leave/components/4_specialTime/DialogApprove.vue b/src/modules/09_leave/components/4_specialTime/DialogApprove.vue
index ab93f817b..c2f4f249a 100644
--- a/src/modules/09_leave/components/4_specialTime/DialogApprove.vue
+++ b/src/modules/09_leave/components/4_specialTime/DialogApprove.vue
@@ -14,24 +14,22 @@ const $q = useQuasar();
 const mixin = useCounterMixin();
 const { dialogConfirm, date2Thai } = mixin;
 const currentDate = ref<Date | null>(new Date());
-const startTimeMorningRef = ref<Object | null>(null);
-const endTimeMorningRef = ref<Object | null>(null);
+const checkInRef = ref<Object | null>(null);
+const checkOutRef = ref<Object | null>(null);
 const checkInStatusRef = ref<Object | null>(null);
 const checkOutStatusRef = ref<Object | null>(null);
 
 const formData = reactive<dataRowRound>({
-  startTimeMorning: "",
-  endTimeMorning: "",
-  startTimeAfternoon: "",
-  endTimeAfternoon: "",
+  checkIn: "",
+  checkOut: "",
   note: "",
   checkInStatus: "",
   checkOutStatus: "",
 });
 
 const objectRound: MyObjectRoundRef = {
-  startTimeMorning: startTimeMorningRef,
-  endTimeMorning: endTimeMorningRef,
+  checkIn: checkInRef,
+  checkOut: checkOutRef,
   checkInStatus: checkInStatusRef,
   checkOutStatus: checkOutStatusRef,
 };
@@ -81,17 +79,13 @@ watch(
   () => props.modal,
   (newDetailData, oldDetailData) => {
     if (props.editCheck === "APPROVE") {
-      formData.startTimeMorning = "";
-      formData.endTimeMorning = "";
-      formData.startTimeAfternoon = "";
-      formData.endTimeAfternoon = "";
+      formData.checkIn = "";
+      formData.checkOut = "";
       formData.note = "";
     } else if (props.editCheck === "PENDING") {
       if (props.detailData) {
-        formData.startTimeMorning = props.detailData.startTimeMorning;
-        formData.endTimeMorning = props.detailData.endTimeMorning;
-        formData.startTimeAfternoon = props.detailData.startTimeAfternoon;
-        formData.endTimeAfternoon = props.detailData.endTimeAfternoon;
+        formData.checkIn = props.detailData.checkIn;
+        formData.checkOut = props.detailData.checkOut;
         formData.note = props.detailData.note;
       }
     }
@@ -174,27 +168,21 @@ watch(
             <div class="row justify-between q-my-sm items-start">
               <p class="q-ma-none mt">เวลาเข้างาน</p>
               <q-input
-                ref="startTimeMorningRef"
+                ref="checkInRef"
                 class="inputgreen"
                 dense
                 lazy-rules
                 borderless
                 outlined
-                v-model="formData.startTimeMorning"
+                v-model="formData.checkIn"
                 :rules="[
                   (val) => !!val || 'กรุณากรอกเวลาเข้างาน',
                   (val) => {
-                    if (val && formData.endTimeMorning) {
-                      if (val > formData.endTimeMorning) {
+                    if (val && formData.checkOut) {
+                      if (val > formData.checkOut) {
                         return 'ต้องน้อยกว่าเวลาออกงาน';
                       }
-                      if (
-                        val >= formData.startTimeAfternoon &&
-                        val <= formData.endTimeAfternoon
-                      ) {
-                        return 'ช่วงเวลาทับซ้อนกับช่วงบ่าย';
-                      }
-                      if (val === formData.endTimeMorning) {
+                      if (val === formData.checkOut) {
                         return 'เวลาเข้างานช่วงเช้าต้องไม่ซ้ำกับออกงานเช้า';
                       }
                     }
@@ -210,27 +198,21 @@ watch(
             <div class="row items-start q-my-sm justify-between">
               <p class="q-ma-none mt">เวลาออกงาน</p>
               <q-input
-                ref="endTimeMorningRef"
+                ref="checkOutRef"
                 class="inputgreen"
                 dense
-                v-model="formData.endTimeMorning"
+                v-model="formData.checkOut"
                 lazy-rules
                 borderless
                 outlined
                 :rules="[
                   (val) => !!val || 'กรุณากรอกเวลาออกงาน',
                   (val) => {
-                    if (val && formData.startTimeMorning) {
-                      if (val < formData.startTimeMorning) {
+                    if (val && formData.checkIn) {
+                      if (val < formData.checkIn) {
                         return 'ต้องมากกว่าเวลาเข้างาน';
                       }
-                      if (
-                        val >= formData.startTimeAfternoon &&
-                        val <= formData.endTimeAfternoon
-                      ) {
-                        return 'ช่วงเวลาทับซ้อนกับช่วงบ่าย';
-                      }
-                      if (val === formData.startTimeMorning) {
+                      if (val === formData.checkIn) {
                         return 'เวลาออกงานช่วงเช้าต้องไม่ซ้ำกับเข้างานเช้า';
                       }
                     }
diff --git a/src/modules/09_leave/interface/request/specialTime.ts b/src/modules/09_leave/interface/request/specialTime.ts
index 4c794eb4f..fa44490f8 100644
--- a/src/modules/09_leave/interface/request/specialTime.ts
+++ b/src/modules/09_leave/interface/request/specialTime.ts
@@ -10,5 +10,7 @@ interface ListData {
   status: string;
   checkInStatus: string;
   checkOutStatus: string;
+  checkOut: string;
+  checkIn: string;
 }
 export type { ListData };
diff --git a/src/modules/09_leave/interface/response/specialTime.ts b/src/modules/09_leave/interface/response/specialTime.ts
index 60af73e1b..bc95c713d 100644
--- a/src/modules/09_leave/interface/response/specialTime.ts
+++ b/src/modules/09_leave/interface/response/specialTime.ts
@@ -8,17 +8,15 @@ interface DataRows {
   status: string;
 }
 interface dataRowRound {
-  startTimeMorning: string;
-  endTimeMorning: string;
-  startTimeAfternoon: string;
-  endTimeAfternoon: string;
+  checkIn: string;
+  checkOut: string;
   checkInStatus: string;
   checkOutStatus: string;
   note: string;
 }
 interface MyObjectRoundRef {
-  startTimeMorning: object | null;
-  endTimeMorning: object | null;
+  checkIn: object | null;
+  checkOut: object | null;
   checkInStatus: object | null;
   checkOutStatus: object | null;
   [key: string]: any;
diff --git a/src/modules/09_leave/stores/SpecialTimeStore.ts b/src/modules/09_leave/stores/SpecialTimeStore.ts
index e05297e84..76f3c3fbc 100644
--- a/src/modules/09_leave/stores/SpecialTimeStore.ts
+++ b/src/modules/09_leave/stores/SpecialTimeStore.ts
@@ -31,6 +31,8 @@ export const useSpecialTimeStore = defineStore("LeaveSpecialTime", () => {
       endTimeMorning: e.endTimeMorning,
       startTimeAfternoon: e.startTimeAfternoon,
       endTimeAfternoon: e.endTimeAfternoon,
+      checkIn: e.checkOut,
+      checkOut: e.checkOut,
       status: e.status,
       checkInStatus: convertStatus(e.checkInStatus),
       checkOutStatus: convertStatus(e.checkOutStatus),
diff --git a/src/modules/09_leave/views/SpecialTimeMain.vue b/src/modules/09_leave/views/SpecialTimeMain.vue
index c64a61901..93b42e65c 100644
--- a/src/modules/09_leave/views/SpecialTimeMain.vue
+++ b/src/modules/09_leave/views/SpecialTimeMain.vue
@@ -76,6 +76,8 @@ onMounted(async () => {
       status: "PENDING",
       checkInStatus: "normal",
       checkOutStatus: "late",
+      checkIn: "08:00",
+      checkOut: "12.00",
     },
     {
       id: "00000000-0000-0000-0000-000000000000",
@@ -89,6 +91,8 @@ onMounted(async () => {
       status: "APPROVE",
       checkInStatus: "normal",
       checkOutStatus: "late",
+      checkIn: "08:00",
+      checkOut: "12.00",
     },
     {
       id: "00000000-0000-0000-0000-000000000000",
@@ -102,6 +106,8 @@ onMounted(async () => {
       status: "REJECT",
       checkInStatus: "normal",
       checkOutStatus: "late",
+      checkIn: "08:00",
+      checkOut: "12.00",
     },
   ]);
 });