แยกการลา

src/modules/05_leave/components/ListView.vue

@@ -158,12 +158,28 @@ async function updatePagination(p: number, ps: number) {
   await fetchDataTable();
 }
 
+function convert(val: any) {
+  if (leaveType.value) {
+    const filtertype = leaveType.value.find(
+      (e: any) => e.id === val.leaveTypeId
+    );
+    const type = filtertype?.code;
+    if (type == "LV-006" && val.hajjDayStatus == false) {
+      return "ลาอุปสมบท";
+    } else if (type == "LV-006" && val.hajjDayStatus == true) {
+      return "ลาประกอบพิธีฮัจญ์";
+    } else {
+      return val.leaveTypeName;
+    }
+  }
+}
+
 /**
  * เรียกฟังก์ชันทั้งหมดตอนเรียกใช้ไฟล์นี้
  */
 onMounted(async () => {
-  await fetchDataTable();
   await fectOptionType();
+  await fetchDataTable();
 });
 </script>
 <template>
@@ -195,7 +211,7 @@ onMounted(async () => {
           :props="props"
           @click="onClickView(props.row.id, props.row.status)"
         >
-          {{ props.row.leaveTypeName }}
+          {{ convert(props.row) }}
         </q-td>
         <q-td
           key="dateLeave"

src/modules/05_leave/components/formDetail/06_OrdinationForm.vue

@@ -18,7 +18,7 @@ const props = defineProps({
     </div>
     <div class="row">
       <div class="col-xs-12 col-md-6 text-grey-8">เรื่อง</div>
-      <div class="col-xs-12 col-md-6">{{ props.data.leaveTypeName }}</div>
+      <div class="col-xs-12 col-md-6">ลาอุปสมบท</div>
     </div>
     <div class="row">
       <div class="col-xs-12 col-md-6 text-grey-8">เขียนที่</div>

src/modules/05_leave/components/formDetail/07_HajjForm.vue

@@ -18,7 +18,7 @@ const props = defineProps({
     </div>
     <div class="row">
       <div class="col-xs-12 col-md-6 text-grey-8">เรื่อง</div>
-      <div class="col-xs-12 col-md-6">{{ props.data.leaveTypeName }}</div>
+      <div class="col-xs-12 col-md-6">ลาประกอบพิธีฮัจญ์</div>
     </div>
     <div class="row">
       <div class="col-xs-12 col-md-6 text-grey-8">เขียนที่</div>