API รายละเอียด รายการลงเวลา

src/api/09_leave/api.leave.ts

@@ -7,7 +7,7 @@ export default {
   /**รายการลงเวลาปฏิบัติงาน */
   logRecord: () => `${leave}/log-record`,
   timeRecord: () => `${leave}/time-record`,
-  timeRecordById: (id: string) => `${leave}/time-record/${id}`,
+  recordById: (id: string, type: string) => `${leave}/${type}/${id}`,
   /** เปลี่ยนแปลงลงเวลา*/
   leaveSearch: () => `${leave}/search`,
   leaveRound: () => `${leave}/round`,

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

@@ -24,6 +24,10 @@ const props = defineProps({
     type: Boolean,
     require: true,
   },
+  typeTab: {
+    type: String,
+    require: true,
+  },
   detail: {
     type: Object,
     require: true,
@@ -59,10 +63,10 @@ const formData = reactive<FormDetail>({
  * function เรียกรายการลงเวลาตาม
  * @param id รายการลงเวลาปฏิบัติงาน
  */
-async function fetchDetailByid(id: string) {
+async function fetchDetailByid(id: string, type: string) {
   showLoader();
   await http
-    .get(config.API.timeRecordById(id))
+    .get(config.API.recordById(id, type))
     .then((res) => {
       const data = res.data.result;
       formData.checkInDate = data.checkInDate && date2Thai(data.checkInDate);
@@ -111,7 +115,9 @@ function closePopup() {
 watch(
   () => props.modal,
   () => {
-    props.modal === true && props.detail && fetchDetailByid(props.detail.id);
+    props.modal === true &&
+      props.detail &&
+      fetchDetailByid(props.detail.id, props.typeTab as string);
   }
 );
 </script>

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

@@ -206,7 +206,7 @@ onMounted(async () => {
     :rowsPerPage="rowsPerPage"
     :maxPage="maxPage"
     @update:pagination="updatePaging"
-    :tab="'1'"
+    :tab="'time-record'"
   />
 </template>
 

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

@@ -165,7 +165,7 @@ onMounted(async () => {
     :rowsPerPage="rowsPerPage"
     :maxPage="maxPage"
     @update:pagination="updatePagingProp"
-    :tab="'2'"
+    :tab="'log-record'"
   />
 </template>
 

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

@@ -64,15 +64,15 @@ function updateProp(newPagination: any, page: number) {
   emit("update:pagination", newPagination, page);
 }
 
+const typeTab = ref<string>("");
 /**
  * Function openPopup และแสดงรายละเอียด
  * @param data ข้อมูลรายละเอียด
  */
 function clickDetail(data: any) {
-  if (props.tab === "1") {
+  typeTab.value = props.tab as string;
-    modal.value = true;
+  modal.value = true;
-    dataDetail.value = data;
+  dataDetail.value = data;
-  }
 }
 
 /** Function ปิด popup */
@@ -156,7 +156,12 @@ watch([() => currentPage.value, () => pagination.value.rowsPerPage], () => {
     </template>
   </d-table>
 
-  <DialogDetail :modal="modal" :detail="dataDetail" :close="closeDetail" />
+  <DialogDetail
+    :modal="modal"
+    :detail="dataDetail"
+    :typeTab="typeTab"
+    :close="closeDetail"
+  />
 </template>
 
 <style scoped></style>