ปรับ แสดงรายละเอียดสถานที่ลเวลาเข้า และออก

src/modules/09_leave/components/1_Work/DialogDetail.vue

@@ -58,6 +58,10 @@ const formData = reactive<FormDetail>({
   checkOutStatus: "",
   fullName: "",
   checkOutDescription: "",
+  isLocationCheckIn: false,
+  checkInLocationName: "",
+  isLocationCheckOut: false,
+  checkOutLocationName: "",
 });
 
 /**
@@ -98,6 +102,11 @@ async function fetchDetailByid(id: string, type: string) {
       formData.checkOutStatus = data.checkOutStatus
         ? convertSatatus(data.checkOutStatus)
         : "-";
+
+      formData.isLocationCheckIn = data.isLocationCheckIn;
+      formData.checkInLocationName = data.checkInLocationName;
+      formData.isLocationCheckOut = data.isLocationCheckOut;
+      formData.checkOutLocationName = data.checkOutLocationName;
     })
     .catch((err) => {
       messageError($q, err);
@@ -198,6 +207,15 @@ watch(
                     <div class="col text-grey-8">เวลาเข้างาน</div>
                     <div class="col">{{ formData.checkInTime }}</div>
                   </div>
+                  <div class="row">
+                    <div class="col text-grey-8">สถานที่ทำงาน</div>
+                    <div class="col" v-if="formData.isLocationCheckIn">
+                      ในสถานที่
+                    </div>
+                    <div class="col" v-else>
+                      นอกสถานที่ ({{ formData.checkInLocationName }})
+                    </div>
+                  </div>
                   <div class="row">
                     <div class="col text-grey-8">พิกัด</div>
                     <div class="col">
@@ -244,6 +262,15 @@ watch(
                     <div class="col text-grey-8">เวลาออกงาน</div>
                     <div class="col">{{ formData.checkOutTime }}</div>
                   </div>
+                  <div class="row">
+                    <div class="col text-grey-8">สถานที่ทำงาน</div>
+                    <div class="col" v-if="formData.isLocationCheckOut">
+                      ในสถานที่
+                    </div>
+                    <div class="col" v-else>
+                      นอกสถานที่ ({{ formData.checkOutLocationName }})
+                    </div>
+                  </div>
                   <div class="row">
                     <div class="col text-grey-8">พิกัด</div>
                     <div class="col">

src/modules/09_leave/interface/response/work.ts

@@ -77,5 +77,9 @@ interface FormDetail {
   checkOutLon: number | null; //พิกัด Lon ออกงาน
   checkOutImg: string; //รูปถ่ายออกงาน
   checkOutDescription: string; //หมายเหตุออกงาน
+  isLocationCheckIn: boolean;
+  isLocationCheckOut: boolean;
+  checkInLocationName: string;
+  checkOutLocationName: string;
 }
 export type { TableRows, DataResLog, DataResTime, TableRowsTime, FormDetail };