diff --git a/src/modules/05_leave/components/FormLeave/01_SickForm.vue b/src/modules/05_leave/components/FormLeave/01_SickForm.vue
index 27ea45d..14b0f9f 100644
--- a/src/modules/05_leave/components/FormLeave/01_SickForm.vue
+++ b/src/modules/05_leave/components/FormLeave/01_SickForm.vue
@@ -123,7 +123,7 @@ function onValidate() {
     formDataSick.leaveDocument.forEach((file: File) => {
       formData.append("leaveDocument", file);
     });
-    // formData.append("leaveDocument", formDataSick.leaveDocument)
+
     formData.append("type", formDataSick.type);
     formData.append("leaveRange", formDataSick.leaveRange);
     formData.append("leaveStartDate", dateToISO(formDataSick.leaveStartDate));
@@ -199,11 +199,8 @@ onMounted(() => {
     leaveDocumentList.value = props.data.leaveDocument;
     formDataSick.leaveAddress = props.data.leaveAddress;
     statusCheck.value = props.data.status;
-    console.log(leaveDocumentList.value.length);
-    console.log(statusCheck.value != "NEW");
   } else {
     statusCheck.value = "START";
-    console.log(statusCheck.value != "NEW");
   }
 });
 </script>
@@ -477,7 +474,7 @@ onMounted(() => {
                   <q-item-section>
                     <q-item-label class="row items-baseline">
                       <div class="col">
-                        {{ "เอกสารแนบฉบับที่ " + (index + 1) }}
+                        {{ "เอกสารแนบที่ " + (index + 1) }}
                       </div>
                       <q-btn
                         :href="document"
diff --git a/src/modules/05_leave/components/FormLeave/03_Birth.vue b/src/modules/05_leave/components/FormLeave/03_Birth.vue
index a25336e..58ac4e6 100644
--- a/src/modules/05_leave/components/FormLeave/03_Birth.vue
+++ b/src/modules/05_leave/components/FormLeave/03_Birth.vue
@@ -97,8 +97,8 @@ function onValidate() {
     });
     // formData.append("leaveDocument", formDataBirth.leaveDocument);
     formData.append("type", formDataBirth.type);
-    formData.append("leaveStartDate", dateToISO(formDataBirth.leaveStartDate));
-    formData.append("leaveEndDate", dateToISO(formDataBirth.leaveEndDate));
+    formData.append("leaveStartDate", dateToISO(new Date(formDataBirth.leaveStartDate)));
+    formData.append("leaveEndDate", dateToISO(new Date(formDataBirth.leaveEndDate)));
     formData.append("leaveWrote", formDataBirth.leaveWrote);
     formData.append("leaveAddress", formDataBirth.leaveAddress);
     formData.append("leaveNumber", formDataBirth.leaveNumber);
@@ -410,7 +410,7 @@ onMounted(() => {
                 <q-item-section>
                   <q-item-label class="row items-baseline">
                     <div class="col">
-                      {{ "เอกสารแนบฉบับที่" + (index + 1) }}
+                      {{ "เอกสารแนบที่ " + (index + 1) }}
                     </div>
                     <q-btn
                       class="col-6"
diff --git a/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue b/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
index 5c5ba12..232ece3 100644
--- a/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
+++ b/src/modules/05_leave/components/FormLeave/04_HelpWifeBirthForm.vue
@@ -480,7 +480,7 @@ onMounted(() => {
                   <q-item-section>
                     <q-item-label class="row items-baseline">
                       <div class="col">
-                        {{ "เอกสารแนบฉบับที่" + (index + 1) }}
+                        {{ "เอกสารแนบที่ " + (index + 1) }}
                       </div>
                       <q-btn
                         class="col-6"
diff --git a/src/modules/05_leave/components/FormLeave/05_VacationForm.vue b/src/modules/05_leave/components/FormLeave/05_VacationForm.vue
index 0bd4dac..81b8582 100644
--- a/src/modules/05_leave/components/FormLeave/05_VacationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/05_VacationForm.vue
@@ -478,7 +478,7 @@ onMounted(() => {
                   <q-item-section>
                     <q-item-label class="row items-baseline">
                       <div class="col">
-                        {{ "เอกสารแนบฉบับที่" + (index + 1) }}
+                        {{ "เอกสารแนบที่ " + (index + 1) }}
                       </div>
                       <q-btn
                         class="col-6"
diff --git a/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue b/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
index 8c4401c..3124ac4 100644
--- a/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/06_OrdinationForm.vue
@@ -652,7 +652,7 @@ onMounted(() => {
                   <q-item-section>
                     <q-item-label class="row items-baseline">
                       <div class="col">
-                        {{ "เอกสารแนบฉบับที่" + (index + 1) }}
+                        {{ "เอกสารแนบที่ " + (index + 1) }}
                       </div>
                       <q-btn
                         class="col-6"
diff --git a/src/modules/05_leave/components/FormLeave/07_HajjForm.vue b/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
index c2cb6ea..efb85a3 100644
--- a/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
+++ b/src/modules/05_leave/components/FormLeave/07_HajjForm.vue
@@ -425,7 +425,7 @@ onMounted(() => {
                   <q-item-section>
                     <q-item-label class="row items-baseline">
                       <div class="col">
-                        {{ "เอกสารแนบฉบับที่" + (index + 1) }}
+                        {{ "เอกสารแนบที่ " + (index + 1) }}
                       </div>
                       <q-btn
                         class="col-6"
diff --git a/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue b/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
index 39ca8d7..3be5c3a 100644
--- a/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
+++ b/src/modules/05_leave/components/FormLeave/08_MilitaryForm.vue
@@ -482,7 +482,7 @@ onMounted(() => {
                     <q-item-section>
                       <q-item-label class="row items-baseline">
                         <div class="col">
-                          {{ "เอกสารแนบฉบับที่" + (index + 1) }}
+                          {{ "เอกสารแนบที่ " + (index + 1) }}
                         </div>
                         <q-btn
                           class="col-6"
diff --git a/src/modules/05_leave/components/FormLeave/09_StudyForm.vue b/src/modules/05_leave/components/FormLeave/09_StudyForm.vue
index 55195f1..6a678f8 100644
--- a/src/modules/05_leave/components/FormLeave/09_StudyForm.vue
+++ b/src/modules/05_leave/components/FormLeave/09_StudyForm.vue
@@ -624,7 +624,7 @@ onMounted(async () => {
                     <q-item-section>
                       <q-item-label class="row items-baseline">
                         <div class="col">
-                          {{ "เอกสารแนบฉบับที่" + (index + 1) }}
+                          {{ "เอกสารแนบที่ " + (index + 1) }}
                         </div>
                         <q-btn
                           class="col-6"
diff --git a/src/modules/05_leave/components/FormLeave/10_TrainForm.vue b/src/modules/05_leave/components/FormLeave/10_TrainForm.vue
index 2194a9c..11165fc 100644
--- a/src/modules/05_leave/components/FormLeave/10_TrainForm.vue
+++ b/src/modules/05_leave/components/FormLeave/10_TrainForm.vue
@@ -614,7 +614,7 @@ onMounted(async () => {
                     <q-item-section>
                       <q-item-label class="row items-baseline">
                         <div class="col">
-                          {{ "เอกสารแนบฉบับที่" + (index + 1) }}
+                          {{ "เอกสารแนบที่ " + (index + 1) }}
                         </div>
                         <q-btn
                           class="col-6"
diff --git a/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue b/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
index d87bbcf..332c3b3 100644
--- a/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
+++ b/src/modules/05_leave/components/FormLeave/11_WorkInternationalForm.vue
@@ -386,7 +386,7 @@ onMounted(() => {
                   <q-item-section>
                     <q-item-label class="row items-baseline">
                       <div class="col">
-                        {{ "เอกสารแนบฉบับที่" + (index + 1) }}
+                        {{ "เอกสารแนบที่ " + (index + 1) }}
                       </div>
                       <q-btn
                         class="col-6"
diff --git a/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue b/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
index 4461c97..0752a52 100644
--- a/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
+++ b/src/modules/05_leave/components/FormLeave/12_FollowSpouseForm.vue
@@ -681,7 +681,7 @@ onMounted(async () => {
                   <q-item-section>
                     <q-item-label class="row items-baseline">
                       <div class="col">
-                        {{ "เอกสารแนบฉบับที่" + (index + 1) }}
+                        {{ "เอกสารแนบที่ " + (index + 1) }}
                       </div>
                       <q-btn
                         class="col-6"
diff --git a/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue b/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
index 21d66e0..cdec7f5 100644
--- a/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
+++ b/src/modules/05_leave/components/FormLeave/13_RehabilitationForm.vue
@@ -358,7 +358,7 @@ onMounted(() => {
                     <q-item-section>
                       <q-item-label class="row items-baseline">
                         <div class="col">
-                          {{ "เอกสารแนบฉบับที่" + (index + 1) }}
+                          {{ "เอกสารแนบที่ " + (index + 1) }}
                         </div>
                         <q-btn
                           class="col-6"
diff --git a/src/modules/05_leave/components/ListView.vue b/src/modules/05_leave/components/ListView.vue
index 486ffd3..b7ecfbf 100644
--- a/src/modules/05_leave/components/ListView.vue
+++ b/src/modules/05_leave/components/ListView.vue
@@ -156,7 +156,7 @@ onMounted(async () => {
 				<q-td key="leaveTypeName" :props="props" @click="onClickView(props.row.id, props.row.status)">
 					{{ props.row.leaveTypeName }}
 				</q-td>
-				<q-td key="dateLeave" :props="props">
+				<q-td key="dateLeave" :props="props" @click="onClickView(props.row.id, props.row.status)">
 					{{ props.row.dateLeave }}
 				</q-td>
 				<q-td key="dateSendLeave" :props="props" @click="onClickView(props.row.id, props.row.status)">
diff --git a/src/modules/05_leave/components/formDetail/formCheckSelect.vue b/src/modules/05_leave/components/formDetail/formCheckSelect.vue
index 08120fe..54b375a 100644
--- a/src/modules/05_leave/components/formDetail/formCheckSelect.vue
+++ b/src/modules/05_leave/components/formDetail/formCheckSelect.vue
@@ -1,82 +1,100 @@
 <script setup lang="ts">
 const props = defineProps({
-	data: {
-		type: Object,
-		required: true,
-	},
-})
-console.log(props)
+  data: {
+    type: Object,
+    required: true,
+  },
+});
+console.log(props);
 </script>
 
 <template>
-	<q-card-section>
-		<div class="q-pa-md q-gutter-md">
-			<div class="row">
-				<div class="col text-grey-8">วันที่ยื่นใบลา</div>
-				<div class="col">{{ props.data.dateSendLeave }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เรื่อง</div>
-				<div class="col">{{ props.data.leaveTypeName }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เขียนที่</div>
-				<div class="col">{{ props.data.leaveWrote }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
-				<div class="col">{{ props.data.leaveDateStart }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ลาถึงวันที่</div>
-				<div class="col">{{ props.data.leaveDateEnd }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">จำนวนวันที่ลา</div>
-				<div class="col">{{ props.data.leaveCount }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ได้รับหมายเรียกของ</div>
-				<div class="col">{{ props.data.absentDaySummon }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ที่</div>
-				<div class="col">{{ props.data.absentDayLocation }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ลงวันที่</div>
-				<div class="col">{{ props.data.absentDayRegistorDate }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ให้เข้ารับการ</div>
-				<div class="col">{{ props.data.absentDayGetIn }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ณ ที่</div>
-				<div class="col">{{ props.data.absentDayAt }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">รายละเอียด</div>
-				<div class="col">{{ props.data.leaveDetail }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เอกสารแนบ</div>
-				<div class="col">
-					<div v-if="props.data.leaveDocument && props.data.leaveDocument.length > 0">
-						<div v-for="(document, index) in props.data.leaveDocument" :key="index" :style="{ marginBottom: '10px' }">
-							<div>
-								{{ "เอกสารแนบฉบับที่" + (index + 1) }}
-								<q-btn :href="document" target="_blank" outline color="blue" label="ดาวน์โหลด" size="12px">
-									<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
-								</q-btn>
-							</div>
-						</div>
-					</div>
-					<div v-else>-</div>
-				</div>
-			</div>
-		</div>
-	</q-card-section>
+  <q-card-section>
+    <div class="q-pa-md q-gutter-md">
+      <div class="row">
+        <div class="col text-grey-8">วันที่ยื่นใบลา</div>
+        <div class="col">{{ props.data.dateSendLeave }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เรื่อง</div>
+        <div class="col">{{ props.data.leaveTypeName }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เขียนที่</div>
+        <div class="col">{{ props.data.leaveWrote }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ลาตั้งแต่วันที่</div>
+        <div class="col">{{ props.data.leaveDateStart }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ลาถึงวันที่</div>
+        <div class="col">{{ props.data.leaveDateEnd }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">จำนวนวันที่ลา</div>
+        <div class="col">
+          {{ props.data.leaveCount ? props.data.leaveCount : "-" }}
+        </div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ได้รับหมายเรียกของ</div>
+        <div class="col">{{ props.data.absentDaySummon }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ที่</div>
+        <div class="col">{{ props.data.absentDayLocation }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ลงวันที่</div>
+        <div class="col">{{ props.data.absentDayRegistorDate }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ให้เข้ารับการ</div>
+        <div class="col">{{ props.data.absentDayGetIn }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ณ ที่</div>
+        <div class="col">{{ props.data.absentDayAt }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">รายละเอียด</div>
+        <div class="col">
+          {{ props.data.leaveDetail ? props.data.leaveDetail : "-" }}
+        </div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เอกสารแนบ</div>
+        <div class="col">
+          <div
+            v-if="
+              props.data.leaveDocument && props.data.leaveDocument.length > 0
+            "
+          >
+            <div
+              v-for="(document, index) in props.data.leaveDocument"
+              :key="index"
+              :style="{ marginBottom: '10px' }"
+            >
+              <div>
+                <q-btn
+                  :href="document"
+                  target="_blank"
+                  outline
+                  color="blue"
+                  :label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`"
+                  size="12px"
+                >
+                  <q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip>
+                </q-btn>
+              </div>
+            </div>
+          </div>
+          <div v-else>-</div>
+        </div>
+      </div>
+    </div>
+  </q-card-section>
 </template>
 
 <style scoped></style>
diff --git a/src/modules/05_leave/components/formDetail/formChildbirth.vue b/src/modules/05_leave/components/formDetail/formChildbirth.vue
index b92852f..8449389 100644
--- a/src/modules/05_leave/components/formDetail/formChildbirth.vue
+++ b/src/modules/05_leave/components/formDetail/formChildbirth.vue
@@ -1,76 +1,94 @@
 <script setup lang="ts">
 const props = defineProps({
-	data: {
-		type: Object,
-		required: true,
-	},
-})
+  data: {
+    type: Object,
+    required: true,
+  },
+});
 </script>
 <template>
-	<q-card-section>
-		<div class="q-pa-md q-gutter-md">
-			<div class="row">
-				<div class="col text-grey-8">วันที่ยื่นใบลา</div>
-				<div class="col">{{ props.data.dateSendLeave }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เรื่อง</div>
-				<div class="col">{{ props.data.leaveTypeName }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เขียนที่</div>
-				<div class="col">{{ props.data.leaveWrote }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
-				<div class="col">{{ props.data.leaveDateStart }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ลาถึงวันที่</div>
-				<div class="col">{{ props.data.leaveDateEnd }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">จำนวนวันที่ลา</div>
-				<div class="col">{{ props.data.leaveCount }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ชื่อภรรยา</div>
-				<div class="col">{{ props.data.wifeDayName }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">วันที่คลอด</div>
-				<div class="col">{{ props.data.wifeDayDateBorn }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">หมายเลขที่ติดต่อขณะลา</div>
-				<div class="col">{{ props.data.leaveNumber }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ที่อยู่ที่ติดต่อได้ระหว่างลา</div>
-				<div class="col">{{ props.data.leaveAddress }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">รายละเอียด</div>
-				<div class="col">{{ props.data.leaveDetail }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เอกสารแนบ</div>
-				<div class="col">
-					<div v-if="props.data.leaveDocument && props.data.leaveDocument.length > 0">
-						<div v-for="(document, index) in props.data.leaveDocument" :key="index" :style="{ marginBottom: '11px' }">
-							<div>
-								{{ "เอกสารแนบฉบับที่" + (index + 1) }}
-								<q-btn :href="document" target="_blank" outline color="blue" label="ดาวน์โหลด" size="12px">
-									<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
-								</q-btn>
-							</div>
-						</div>
-					</div>
-					<div v-else>-</div>
-				</div>
-			</div>
-		</div>
-	</q-card-section>
+  <q-card-section>
+    <div class="q-pa-md q-gutter-md">
+      <div class="row">
+        <div class="col text-grey-8">วันที่ยื่นใบลา</div>
+        <div class="col">{{ props.data.dateSendLeave }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เรื่อง</div>
+        <div class="col">{{ props.data.leaveTypeName }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เขียนที่</div>
+        <div class="col">{{ props.data.leaveWrote }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ลาตั้งแต่วันที่</div>
+        <div class="col">{{ props.data.leaveDateStart }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ลาถึงวันที่</div>
+        <div class="col">{{ props.data.leaveDateEnd }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">จำนวนวันที่ลา</div>
+        <div class="col">
+          {{ props.data.leaveCount ? props.data.leaveCount : "-" }}
+        </div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ชื่อภรรยา</div>
+        <div class="col">{{ props.data.wifeDayName }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">วันที่คลอด</div>
+        <div class="col">{{ props.data.wifeDayDateBorn }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">หมายเลขที่ติดต่อขณะลา</div>
+        <div class="col">{{ props.data.leaveNumber }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ที่อยู่ที่ติดต่อได้ระหว่างลา</div>
+        <div class="col">{{ props.data.leaveAddress }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">รายละเอียด</div>
+        <div class="col">
+          {{ props.data.leaveDetail ? props.data.leaveDetail : "-" }}
+        </div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เอกสารแนบ</div>
+        <div class="col">
+          <div
+            v-if="
+              props.data.leaveDocument && props.data.leaveDocument.length > 0
+            "
+          >
+            <div
+              v-for="(document, index) in props.data.leaveDocument"
+              :key="index"
+              :style="{ marginBottom: '11px' }"
+            >
+              <div>
+                <q-btn
+                  :href="document"
+                  target="_blank"
+                  outline
+                  color="blue"
+                  :label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`"
+                  size="12px"
+                >
+                  <q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip>
+                </q-btn>
+              </div>
+            </div>
+          </div>
+          <div v-else>-</div>
+        </div>
+      </div>
+    </div>
+  </q-card-section>
 </template>
 
 <style scoped></style>
diff --git a/src/modules/05_leave/components/formDetail/formHajj.vue b/src/modules/05_leave/components/formDetail/formHajj.vue
index a25af68..f081a02 100644
--- a/src/modules/05_leave/components/formDetail/formHajj.vue
+++ b/src/modules/05_leave/components/formDetail/formHajj.vue
@@ -1,69 +1,87 @@
 <script setup lang="ts">
 const props = defineProps({
-	data: {
-		type: Object,
-		required: true,
-	},
-})
+  data: {
+    type: Object,
+    required: true,
+  },
+});
 </script>
 
 <template>
-	<q-card-section>
-		<div class="q-pa-md q-gutter-md">
-			<div class="row">
-				<div class="col text-grey-8">วันที่ยื่นใบลา</div>
-				<div class="col">{{ props.data.dateSendLeave }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เรื่อง</div>
-				<div class="col">{{ props.data.leaveTypeName }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เขียนที่</div>
-				<div class="col">{{ props.data.leaveWrote }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
-				<div class="col">{{ props.data.leaveDateStart }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ลาถึงวันที่</div>
-				<div class="col">{{ props.data.leaveDateEnd }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">จำนวนวันที่ลา</div>
-				<div class="col">{{ props.data.leaveCount }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">วันที่เข้ารับราชการ</div>
-				<div class="col">{{ props.data.leavegovernmentDate }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เคย/ไม่เคยไปประกอบพิธีฮัจญ์</div>
-				<div class="col">{{ props.data.hajjDayStatus ? "เคย" : "ไม่เคย" }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">รายละเอียด</div>
-				<div class="col">{{ props.data.leaveDetail }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เอกสารแนบ</div>
-				<div class="col">
-					<div v-if="props.data.leaveDocument && props.data.leaveDocument.length > 0">
-						<div v-for="(document, index) in props.data.leaveDocument" :key="index" :style="{ marginBottom: '10px' }">
-							<div>
-								{{ "เอกสารแนบฉบับที่" + (index + 1) }}
-								<q-btn :href="document" target="_blank" outline color="blue" label="ดาวน์โหลด" size="12px">
-									<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
-								</q-btn>
-							</div>
-						</div>
-					</div>
-					<div v-else>-</div>
-				</div>
-			</div>
-		</div>
-	</q-card-section>
+  <q-card-section>
+    <div class="q-pa-md q-gutter-md">
+      <div class="row">
+        <div class="col text-grey-8">วันที่ยื่นใบลา</div>
+        <div class="col">{{ props.data.dateSendLeave }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เรื่อง</div>
+        <div class="col">{{ props.data.leaveTypeName }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เขียนที่</div>
+        <div class="col">{{ props.data.leaveWrote }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ลาตั้งแต่วันที่</div>
+        <div class="col">{{ props.data.leaveDateStart }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ลาถึงวันที่</div>
+        <div class="col">{{ props.data.leaveDateEnd }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">จำนวนวันที่ลา</div>
+        <div class="col">
+          {{ props.data.leaveCount ? props.data.leaveCount : "-" }}
+        </div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">วันที่เข้ารับราชการ</div>
+        <div class="col">{{ props.data.leavegovernmentDate }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เคย/ไม่เคยไปประกอบพิธีฮัจญ์</div>
+        <div class="col">{{ props.data.hajjDayStatus ? "เคย" : "ไม่เคย" }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">รายละเอียด</div>
+        <div class="col">
+          {{ props.data.leaveDetail ? props.data.leaveDetail : "-" }}
+        </div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เอกสารแนบ</div>
+        <div class="col">
+          <div
+            v-if="
+              props.data.leaveDocument && props.data.leaveDocument.length > 0
+            "
+          >
+            <div
+              v-for="(document, index) in props.data.leaveDocument"
+              :key="index"
+              :style="{ marginBottom: '10px' }"
+            >
+              <div>
+                <q-btn
+                  :href="document"
+                  target="_blank"
+                  outline
+                  color="blue"
+                  :label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`"
+                  size="12px"
+                >
+                  <q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip>
+                </q-btn>
+              </div>
+            </div>
+          </div>
+          <div v-else>-</div>
+        </div>
+      </div>
+    </div>
+  </q-card-section>
 </template>
 
 <style scoped></style>
diff --git a/src/modules/05_leave/components/formDetail/formHoliday.vue b/src/modules/05_leave/components/formDetail/formHoliday.vue
index 88cb49f..f8e7a19 100644
--- a/src/modules/05_leave/components/formDetail/formHoliday.vue
+++ b/src/modules/05_leave/components/formDetail/formHoliday.vue
@@ -1,81 +1,99 @@
 <script setup lang="ts">
 const props = defineProps({
-	data: {
-		type: Object,
-		required: true,
-	},
-})
+  data: {
+    type: Object,
+    required: true,
+  },
+});
 </script>
 
 <template>
-	<q-card-section>
-		<div class="q-pa-md q-gutter-md">
-			<div class="row">
-				<div class="col text-grey-8">วันที่ยื่นใบลา</div>
-				<div class="col">{{ props.data.dateSendLeave }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เรื่อง</div>
-				<div class="col">{{ props.data.leaveTypeName }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เขียนที่</div>
-				<div class="col">{{ props.data.leaveWrote }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">จำนวนวันลาพักผ่อนสะสม จากปีที่ผ่านมา</div>
-				<div class="col">{{ props.data.restDayOldTotal }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">จำนวนวันลาพักผ่อนประจำปีปัจจุบัน</div>
-				<div class="col">{{ props.data.restDayCurrentTotal }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
-				<div class="col">{{ props.data.leaveDateStart }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ลาถึงวันที่</div>
-				<div class="col">{{ props.data.leaveDateEnd }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">จำนวนวันที่ลา</div>
-				<div class="col">{{ props.data.leaveCount }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8"></div>
-				<div class="col">{{ props.data.leaveTypeDay }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">หมายเลขที่ติดต่อขณะลา</div>
-				<div class="col">{{ props.data.leaveNumber }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ที่อยู่ที่ติดต่อได้ระหว่างลา</div>
-				<div class="col">{{ props.data.leaveAddress }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">รายละเอียด</div>
-				<div class="col">{{ props.data.leaveDetail }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เอกสารแนบ</div>
-				<div class="col">
-					<div v-if="props.data.leaveDocument && props.data.leaveDocument.length > 0">
-						<div v-for="(document, index) in props.data.leaveDocument" :key="index" :style="{ marginBottom: '10px' }">
-							<div>
-								{{ "เอกสารแนบฉบับที่" + (index + 1) }}
-								<q-btn :href="document" target="_blank" outline color="blue" label="ดาวน์โหลด" size="12px">
-									<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
-								</q-btn>
-							</div>
-						</div>
-					</div>
-					<div v-else>-</div>
-				</div>
-			</div>
-		</div>
-	</q-card-section>
+  <q-card-section>
+    <div class="q-pa-md q-gutter-md">
+      <div class="row">
+        <div class="col text-grey-8">วันที่ยื่นใบลา</div>
+        <div class="col">{{ props.data.dateSendLeave }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เรื่อง</div>
+        <div class="col">{{ props.data.leaveTypeName }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เขียนที่</div>
+        <div class="col">{{ props.data.leaveWrote }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">จำนวนวันลาพักผ่อนสะสม จากปีที่ผ่านมา</div>
+        <div class="col">{{ props.data.restDayOldTotal }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">จำนวนวันลาพักผ่อนประจำปีปัจจุบัน</div>
+        <div class="col">{{ props.data.restDayCurrentTotal }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ลาตั้งแต่วันที่</div>
+        <div class="col">{{ props.data.leaveDateStart }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ลาถึงวันที่</div>
+        <div class="col">{{ props.data.leaveDateEnd }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">จำนวนวันที่ลา</div>
+        <div class="col">
+          {{ props.data.leaveCount ? props.data.leaveCount : "-" }}
+        </div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8"></div>
+        <div class="col">{{ props.data.leaveTypeDay }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">หมายเลขที่ติดต่อขณะลา</div>
+        <div class="col">{{ props.data.leaveNumber }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ที่อยู่ที่ติดต่อได้ระหว่างลา</div>
+        <div class="col">{{ props.data.leaveAddress }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">รายละเอียด</div>
+        <div class="col">
+          {{ props.data.leaveDetail ? props.data.leaveDetail : "-" }}
+        </div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เอกสารแนบ</div>
+        <div class="col">
+          <div
+            v-if="
+              props.data.leaveDocument && props.data.leaveDocument.length > 0
+            "
+          >
+            <div
+              v-for="(document, index) in props.data.leaveDocument"
+              :key="index"
+              :style="{ marginBottom: '10px' }"
+            >
+              <div>
+                <q-btn
+                  :href="document"
+                  target="_blank"
+                  outline
+                  color="blue"
+                  :label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`"
+                  size="12px"
+                >
+                  <q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip>
+                </q-btn>
+              </div>
+            </div>
+          </div>
+          <div v-else>-</div>
+        </div>
+      </div>
+    </div>
+  </q-card-section>
 </template>
 
 <style scoped></style>
diff --git a/src/modules/05_leave/components/formDetail/formLeave.vue b/src/modules/05_leave/components/formDetail/formLeave.vue
index c2df755..7231a06 100644
--- a/src/modules/05_leave/components/formDetail/formLeave.vue
+++ b/src/modules/05_leave/components/formDetail/formLeave.vue
@@ -1,77 +1,97 @@
 <script setup lang="ts">
 const props = defineProps({
-	data: {
-		type: Object,
-		required: true,
-	},
-})
+  data: {
+    type: Object,
+    required: true,
+  },
+});
 </script>
 
 <template>
-	<q-card-section>
-		<div class="q-pa-md q-gutter-md">
-			<div class="row">
-				<div class="col text-grey-8">วันที่ยื่นใบลา</div>
-				<div class="col">{{ props.data.dateSendLeave }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เรื่อง</div>
-				<div class="col">{{ props.data.leaveTypeName }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เขียนที่</div>
-				<div class="col">{{ props.data.leaveWrote }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
-				<div class="col">{{ props.data.leaveDateStart }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ลาถึงวันที่</div>
-				<div class="col">{{ props.data.leaveDateEnd }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">จำนวนวันที่ลา</div>
-				<div class="col">{{ props.data.leaveCount }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8"></div>
-				<div class="col">{{ props.data.leaveTypeDay }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ลาครั้งสุดท้ายในประเภทนั้น ๆ เมื่อวันที่</div>
-				<div class="col">{{ props.data.leaveLastStart }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">หมายเลขที่ติดต่อขณะลา</div>
-				<div class="col">{{ props.data.leaveNumber }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ที่อยู่ที่ติดต่อได้ระหว่างลา</div>
-				<div class="col">{{ props.data.leaveAddress }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">รายละเอียด</div>
-				<div class="col">{{ props.data.leaveDetail }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เอกสารแนบ</div>
-				<div class="col">
-					<div v-if="props.data.leaveDocument && props.data.leaveDocument.length > 0">
-						<div v-for="(document, index) in props.data.leaveDocument" :key="index" :style="{ marginBottom: '10px' }">
-							<div>
-								{{ "เอกสารแนบฉบับที่" + (index + 1) }}
-								<q-btn :href="document" target="_blank" outline color="blue" label="ดาวน์โหลด" size="12px">
-									<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
-								</q-btn>
-							</div>
-						</div>
-					</div>
-					<div v-else>-</div>
-				</div>
-			</div>
-		</div>
-	</q-card-section>
+  <q-card-section>
+    <div class="q-pa-md q-gutter-md">
+      <div class="row">
+        <div class="col text-grey-8">วันที่ยื่นใบลา</div>
+        <div class="col">{{ props.data.dateSendLeave }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เรื่อง</div>
+        <div class="col">{{ props.data.leaveTypeName }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เขียนที่</div>
+        <div class="col">{{ props.data.leaveWrote }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ลาตั้งแต่วันที่</div>
+        <div class="col">{{ props.data.leaveDateStart }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ลาถึงวันที่</div>
+        <div class="col">{{ props.data.leaveDateEnd }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">จำนวนวันที่ลา</div>
+        <div class="col">
+          {{ props.data.leaveTotal ? props.data.leaveTotal : "-" }}
+        </div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8"></div>
+        <div class="col">{{ props.data.leaveTypeDay }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">
+          ลาครั้งสุดท้ายในประเภทนั้น ๆ เมื่อวันที่
+        </div>
+        <div class="col">{{ props.data.leaveLastStart }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">หมายเลขที่ติดต่อขณะลา</div>
+        <div class="col">{{ props.data.leaveNumber }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ที่อยู่ที่ติดต่อได้ระหว่างลา</div>
+        <div class="col">{{ props.data.leaveAddress }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">รายละเอียด</div>
+        <div class="col">
+          {{ props.data.leaveDetail ? props.data.leaveDetail : "-" }}
+        </div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เอกสารแนบ</div>
+        <div class="col">
+          <div
+            v-if="
+              props.data.leaveDocument && props.data.leaveDocument.length > 0
+            "
+          >
+            <div
+              v-for="(document, index) in props.data.leaveDocument"
+              :key="index"
+              :style="{ marginBottom: '10px' }"
+            >
+              <div>
+                <q-btn
+                  :href="document"
+                  target="_blank"
+                  outline
+                  color="blue"
+                  :label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`"
+                  size="12px"
+                >
+                  <q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip>
+                </q-btn>
+              </div>
+            </div>
+          </div>
+          <div v-else>-</div>
+        </div>
+      </div>
+    </div>
+  </q-card-section>
 </template>
 
 <style scoped></style>
diff --git a/src/modules/05_leave/components/formDetail/formLeaveToTraining.vue b/src/modules/05_leave/components/formDetail/formLeaveToTraining.vue
index 4ea15cf..61f5ec9 100644
--- a/src/modules/05_leave/components/formDetail/formLeaveToTraining.vue
+++ b/src/modules/05_leave/components/formDetail/formLeaveToTraining.vue
@@ -1,96 +1,116 @@
 <script setup lang="ts">
 const props = defineProps({
-	data: {
-		type: Object,
-		required: true,
-	},
-})
+  data: {
+    type: Object,
+    required: true,
+  },
+});
 </script>
 <template>
-	<q-card-section>
-		<div class="q-pa-md q-gutter-md">
-			<div class="row">
-				<div class="col text-grey-8">วันที่ยื่นใบลา</div>
-				<div class="col">{{ props.data.dateSendLeave }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เรื่อง</div>
-				<div class="col">{{ props.data.leaveTypeName }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เขียนที่</div>
-				<div class="col">{{ props.data.leaveWrote }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
-				<div class="col">{{ props.data.leaveDateStart }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ลาถึงวันที่</div>
-				<div class="col">{{ props.data.leaveDateEnd }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">จำนวนวันที่ลา</div>
-				<div class="col">{{ props.data.leaveCount }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">วันเดือนปีเกิด</div>
-				<div class="col">{{ props.data.leavebirthDate }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">วันที่เข้ารับราชการ</div>
-				<div class="col">{{ props.data.leavegovernmentDate }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เงินเดือนปัจจุบัน</div>
-				<div class="col">{{ props.data.leaveSalary }} ({{ props.data.leaveSalaryText }})</div>
-			</div>
+  <q-card-section>
+    <div class="q-pa-md q-gutter-md">
+      <div class="row">
+        <div class="col text-grey-8">วันที่ยื่นใบลา</div>
+        <div class="col">{{ props.data.dateSendLeave }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เรื่อง</div>
+        <div class="col">{{ props.data.leaveTypeName }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เขียนที่</div>
+        <div class="col">{{ props.data.leaveWrote }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ลาตั้งแต่วันที่</div>
+        <div class="col">{{ props.data.leaveDateStart }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ลาถึงวันที่</div>
+        <div class="col">{{ props.data.leaveDateEnd }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">จำนวนวันที่ลา</div>
+        <div class="col">
+          {{ props.data.leaveCount ? props.data.leaveCount : "-" }}
+        </div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">วันเดือนปีเกิด</div>
+        <div class="col">{{ props.data.leavebirthDate }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">วันที่เข้ารับราชการ</div>
+        <div class="col">{{ props.data.leavegovernmentDate }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เงินเดือนปัจจุบัน</div>
+        <div class="col">
+          {{ props.data.leaveSalary }} ({{ props.data.leaveSalaryText }})
+        </div>
+      </div>
 
-			<div class="row">
-				<div class="col text-grey-8">ด้าน/หลักสูตร</div>
-				<div class="col">{{ props.data.studyDayTrainingSubject }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ณ สถานที่</div>
-				<div class="col">{{ props.data.studyDayTrainingName }}</div>
-			</div>
+      <div class="row">
+        <div class="col text-grey-8">ด้าน/หลักสูตร</div>
+        <div class="col">{{ props.data.studyDayTrainingSubject }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ณ สถานที่</div>
+        <div class="col">{{ props.data.studyDayTrainingName }}</div>
+      </div>
 
-			<div class="row">
-				<div class="col text-grey-8">ประเทศ</div>
-				<div class="col">{{ props.data.studyDayCountry }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ด้วยทุน</div>
-				<div class="col">{{ props.data.studyDayScholarship }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">หมายเลขที่ติดต่อขณะลา</div>
-				<div class="col">{{ props.data.leaveNumber }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ที่อยู่ที่ติดต่อได้ระหว่างลา</div>
-				<div class="col">{{ props.data.leaveAddress }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">รายละเอียด</div>
-				<div class="col">{{ props.data.leaveDetail }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เอกสารแนบ</div>
-				<div class="col">
-					<div v-if="props.data.leaveDocument && props.data.leaveDocument.length > 0">
-						<div v-for="(document, index) in props.data.leaveDocument" :key="index" :style="{ marginBottom: '10px' }">
-							<div>
-								{{ "เอกสารแนบฉบับที่" + (index + 1) }}
-								<q-btn :href="document" target="_blank" outline color="blue" label="ดาวน์โหลด" size="12px">
-									<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
-								</q-btn>
-							</div>
-						</div>
-					</div>
-					<div v-else>-</div>
-				</div>
-			</div>
-		</div>
-	</q-card-section>
+      <div class="row">
+        <div class="col text-grey-8">ประเทศ</div>
+        <div class="col">{{ props.data.studyDayCountry }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ด้วยทุน</div>
+        <div class="col">{{ props.data.studyDayScholarship }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">หมายเลขที่ติดต่อขณะลา</div>
+        <div class="col">{{ props.data.leaveNumber }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ที่อยู่ที่ติดต่อได้ระหว่างลา</div>
+        <div class="col">{{ props.data.leaveAddress }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">รายละเอียด</div>
+        <div class="col">
+          {{ props.data.leaveDetail ? props.data.leaveDetail : "-" }}
+        </div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เอกสารแนบ</div>
+        <div class="col">
+          <div
+            v-if="
+              props.data.leaveDocument && props.data.leaveDocument.length > 0
+            "
+          >
+            <div
+              v-for="(document, index) in props.data.leaveDocument"
+              :key="index"
+              :style="{ marginBottom: '10px' }"
+            >
+              <div>
+                <q-btn
+                  :href="document"
+                  target="_blank"
+                  outline
+                  color="blue"
+                  :label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`"
+                  size="12px"
+                >
+                  <q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip>
+                </q-btn>
+              </div>
+            </div>
+          </div>
+          <div v-else>-</div>
+        </div>
+      </div>
+    </div>
+  </q-card-section>
 </template>
diff --git a/src/modules/05_leave/components/formDetail/formLeaveToWorkInternational.vue b/src/modules/05_leave/components/formDetail/formLeaveToWorkInternational.vue
index 2a8e976..6b4dd26 100644
--- a/src/modules/05_leave/components/formDetail/formLeaveToWorkInternational.vue
+++ b/src/modules/05_leave/components/formDetail/formLeaveToWorkInternational.vue
@@ -1,61 +1,86 @@
 <script setup lang="ts">
 const props = defineProps({
-	data: {
-		type: Object,
-		required: true,
-	},
-})
+  data: {
+    type: Object,
+    required: true,
+  },
+});
 </script>
 <template>
-	<q-card-section>
-		<div class="q-pa-md q-gutter-md">
-			<div class="row">
-				<div class="col text-grey-8">วันที่ยื่นใบลา</div>
-				<div class="col">{{ props.data.dateSendLeave }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เรื่อง</div>
-				<div class="col">{{ props.data.leaveTypeName }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เขียนที่</div>
-				<div class="col">{{ props.data.leaveWrote }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
-				<div class="col">{{ props.data.leaveDateStart }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ลาถึงวันที่</div>
-				<div class="col">{{ props.data.leaveDateEnd }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">รายละเอียด</div>
-				<div class="col">{{ props.data.leaveDetail }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เอกสารประกอบ</div>
-				<div class="col" v-if="props.data.leaveDocument">
-					<q-btn :href="props.data.leaveDocument" target="_blank" outline color="blue" label="ดาวน์โหลด" size="12px"> <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn>
-				</div>
-				<div class="col" v-else>-</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เอกสารแนบ</div>
-				<div class="col">
-					<div v-if="props.data.leaveDocument && props.data.leaveDocument.length > 0">
-						<div v-for="(document, index) in props.data.leaveDocument" :key="index" :style="{ marginBottom: '10px' }">
-							<div>
-								{{ "เอกสารแนบฉบับที่" + (index + 1) }}
-								<q-btn :href="document" target="_blank" outline color="blue" label="ดาวน์โหลด" size="12px">
-									<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
-								</q-btn>
-							</div>
-						</div>
-					</div>
-					<div v-else>-</div>
-				</div>
-			</div>
-		</div>
-	</q-card-section>
+  <q-card-section>
+    <div class="q-pa-md q-gutter-md">
+      <div class="row">
+        <div class="col text-grey-8">วันที่ยื่นใบลา</div>
+        <div class="col">{{ props.data.dateSendLeave }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เรื่อง</div>
+        <div class="col">{{ props.data.leaveTypeName }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เขียนที่</div>
+        <div class="col">{{ props.data.leaveWrote }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ลาตั้งแต่วันที่</div>
+        <div class="col">{{ props.data.leaveDateStart }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ลาถึงวันที่</div>
+        <div class="col">{{ props.data.leaveDateEnd }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">รายละเอียด</div>
+        <div class="col">
+          {{ props.data.leaveDetail ? props.data.leaveDetail : "-" }}
+        </div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เอกสารประกอบ</div>
+        <div class="col" v-if="props.data.leaveDocument">
+          <q-btn
+            :href="props.data.leaveDocument"
+            target="_blank"
+            outline
+            color="blue"
+            label="ดาวน์โหลด"
+            size="12px"
+          >
+            <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn
+          >
+        </div>
+        <div class="col" v-else>-</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เอกสารแนบ</div>
+        <div class="col">
+          <div
+            v-if="
+              props.data.leaveDocument && props.data.leaveDocument.length > 0
+            "
+          >
+            <div
+              v-for="(document, index) in props.data.leaveDocument"
+              :key="index"
+              :style="{ marginBottom: '10px' }"
+            >
+              <div>
+                <q-btn
+                  :href="document"
+                  target="_blank"
+                  outline
+                  color="blue"
+                  :label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`"
+                  size="12px"
+                >
+                  <q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip>
+                </q-btn>
+              </div>
+            </div>
+          </div>
+          <div v-else>-</div>
+        </div>
+      </div>
+    </div>
+  </q-card-section>
 </template>
diff --git a/src/modules/05_leave/components/formDetail/formSpouse.vue b/src/modules/05_leave/components/formDetail/formSpouse.vue
index 956272c..d6b32ac 100644
--- a/src/modules/05_leave/components/formDetail/formSpouse.vue
+++ b/src/modules/05_leave/components/formDetail/formSpouse.vue
@@ -1,103 +1,123 @@
 <script setup lang="ts">
 const props = defineProps({
-	data: {
-		type: Object,
-		required: true,
-	},
-})
+  data: {
+    type: Object,
+    required: true,
+  },
+});
 </script>
 <template>
-	<q-card-section>
-		<div class="q-pa-md q-gutter-md">
-			<div class="row">
-				<div class="col text-grey-8">วันที่ยื่นใบลา</div>
-				<div class="col">{{ props.data.dateSendLeave }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เรื่อง</div>
-				<div class="col">{{ props.data.leaveTypeName }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เขียนที่</div>
-				<div class="col">{{ props.data.leaveWrote }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
-				<div class="col">{{ props.data.leaveDateStart }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ลาถึงวันที่</div>
-				<div class="col">{{ props.data.leaveDateEnd }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">จำนวนวันที่ลา</div>
-				<div class="col">{{ props.data.leaveCount }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">วันเดือนปีเกิด</div>
-				<div class="col">{{ props.data.leavebirthDate }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">วันที่เข้ารับราชการ</div>
-				<div class="col">{{ props.data.leavegovernmentDate }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เงินเดือนปัจจุบัน</div>
-				<div class="col">{{ props.data.leaveSalary }} ({{ props.data.leaveSalaryText }})</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ชื่อคู่สมรส</div>
-				<div class="col">{{ props.data.coupleDayName }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ตำแหน่งคู่สมรส</div>
-				<div class="col">{{ props.data.coupleDayPosition }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ไปปฏิบัติราชการ ณ ประเทศ</div>
-				<div class="col">{{ props.data.coupleDayLevelCountry }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ประวัติการลาติดตามคู่สมรสครั้งสุดท้าย</div>
-			</div>
-			<div class="row q-mt-xs">
-				<div class="col text-grey-8">
-					<div class="q-ml-md" style="list-style-type: circle">
-						<li>ประเทศ</li>
-						<li>จำนวนวัน</li>
-						<li>ตั้งแต่วันที่</li>
-						<li>ถึงวันที่</li>
-						<li>ลาติดต่อกับครั้งก่อน รวมทั้งนี้ด้วย</li>
-					</div>
-				</div>
-				<div class="col">
-					<div>{{ props.data.coupleDayCountryHistory }}</div>
-					<div>{{ props.data.coupleDayTotalHistory }}</div>
-					<div>{{ props.data.coupleDayStartDateHistory }}</div>
-					<div>{{ props.data.coupleDayEndDateHistory }}</div>
-					<div>{{ props.data.coupleDaySumTotalHistory }}</div>
-				</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">รายละเอียด</div>
-				<div class="col">{{ props.data.leaveDetail }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เอกสารแนบ</div>
-				<div class="col">
-					<div v-if="props.data.leaveDocument && props.data.leaveDocument.length > 0">
-						<div v-for="(document, index) in props.data.leaveDocument" :key="index" :style="{ marginBottom: '10px' }">
-							<div>
-								{{ "เอกสารแนบฉบับที่" + (index + 1) }}
-								<q-btn :href="document" target="_blank" outline color="blue" label="ดาวน์โหลด" size="12px">
-									<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
-								</q-btn>
-							</div>
-						</div>
-					</div>
-					<div v-else>-</div>
-				</div>
-			</div>
-		</div>
-	</q-card-section>
+  <q-card-section>
+    <div class="q-pa-md q-gutter-md">
+      <div class="row">
+        <div class="col text-grey-8">วันที่ยื่นใบลา</div>
+        <div class="col">{{ props.data.dateSendLeave }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เรื่อง</div>
+        <div class="col">{{ props.data.leaveTypeName }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เขียนที่</div>
+        <div class="col">{{ props.data.leaveWrote }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ลาตั้งแต่วันที่</div>
+        <div class="col">{{ props.data.leaveDateStart }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ลาถึงวันที่</div>
+        <div class="col">{{ props.data.leaveDateEnd }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">จำนวนวันที่ลา</div>
+        <div class="col">
+          {{ props.data.leaveCount ? props.data.leaveCount : "-" }}
+        </div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">วันเดือนปีเกิด</div>
+        <div class="col">{{ props.data.leavebirthDate }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">วันที่เข้ารับราชการ</div>
+        <div class="col">{{ props.data.leavegovernmentDate }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เงินเดือนปัจจุบัน</div>
+        <div class="col">
+          {{ props.data.leaveSalary }} ({{ props.data.leaveSalaryText }})
+        </div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ชื่อคู่สมรส</div>
+        <div class="col">{{ props.data.coupleDayName }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ตำแหน่งคู่สมรส</div>
+        <div class="col">{{ props.data.coupleDayPosition }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ไปปฏิบัติราชการ ณ ประเทศ</div>
+        <div class="col">{{ props.data.coupleDayLevelCountry }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ประวัติการลาติดตามคู่สมรสครั้งสุดท้าย</div>
+      </div>
+      <div class="row q-mt-xs">
+        <div class="col text-grey-8">
+          <div class="q-ml-md" style="list-style-type: circle">
+            <li>ประเทศ</li>
+            <li>จำนวนวัน</li>
+            <li>ตั้งแต่วันที่</li>
+            <li>ถึงวันที่</li>
+            <li>ลาติดต่อกับครั้งก่อน รวมทั้งนี้ด้วย</li>
+          </div>
+        </div>
+        <div class="col">
+          <div>{{ props.data.coupleDayCountryHistory }}</div>
+          <div>{{ props.data.coupleDayTotalHistory }}</div>
+          <div>{{ props.data.coupleDayStartDateHistory }}</div>
+          <div>{{ props.data.coupleDayEndDateHistory }}</div>
+          <div>{{ props.data.coupleDaySumTotalHistory }}</div>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">รายละเอียด</div>
+        <div class="col">
+          {{ props.data.leaveDetail ? props.data.leaveDetail : "-" }}
+        </div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เอกสารแนบ</div>
+        <div class="col">
+          <div
+            v-if="
+              props.data.leaveDocument && props.data.leaveDocument.length > 0
+            "
+          >
+            <div
+              v-for="(document, index) in props.data.leaveDocument"
+              :key="index"
+              :style="{ marginBottom: '10px' }"
+            >
+              <div>
+                <q-btn
+                  :href="document"
+                  target="_blank"
+                  outline
+                  color="blue"
+                  :label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`"
+                  size="12px"
+                >
+                  <q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip>
+                </q-btn>
+              </div>
+            </div>
+          </div>
+          <div v-else>-</div>
+        </div>
+      </div>
+    </div>
+  </q-card-section>
 </template>
diff --git a/src/modules/05_leave/components/formDetail/formStudy.vue b/src/modules/05_leave/components/formDetail/formStudy.vue
index 3ec2cde..f5e6d8c 100644
--- a/src/modules/05_leave/components/formDetail/formStudy.vue
+++ b/src/modules/05_leave/components/formDetail/formStudy.vue
@@ -1,101 +1,121 @@
 <script setup lang="ts">
 const props = defineProps({
-	data: {
-		type: Object,
-		required: true,
-	},
-})
+  data: {
+    type: Object,
+    required: true,
+  },
+});
 </script>
 
 <template>
-	<q-card-section>
-		<div class="q-pa-md q-gutter-md">
-			<div class="row">
-				<div class="col text-grey-8">วันที่ยื่นใบลา</div>
-				<div class="col">{{ props.data.dateSendLeave }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เรื่อง</div>
-				<div class="col">{{ props.data.leaveTypeName }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เขียนที่</div>
-				<div class="col">{{ props.data.leaveWrote }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
-				<div class="col">{{ props.data.leaveDateStart }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ลาถึงวันที่</div>
-				<div class="col">{{ props.data.leaveDateEnd }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">จำนวนวันที่ลา</div>
-				<div class="col">{{ props.data.leaveCount }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">วันเดือนปีเกิด</div>
-				<div class="col">{{ props.data.leavebirthDate }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">วันที่เข้ารับราชการ</div>
-				<div class="col">{{ props.data.leavegovernmentDate }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เงินเดือนปัจจุบัน</div>
-				<div class="col">{{ props.data.leaveSalary }} ({{ props.data.leaveSalaryText }})</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ศึกษาวิชา</div>
-				<div class="col">{{ props.data.studyDaySubject }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ขั้นปริญญา</div>
-				<div class="col">{{ props.data.studyDayDegreeLevel }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ชื่อสถานศึกษา</div>
-				<div class="col">{{ props.data.studyDayUniversityName }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ประเทศ</div>
-				<div class="col">{{ props.data.studyDayCountry }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ด้วยทุน</div>
-				<div class="col">{{ props.data.studyDayScholarship }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">หมายเลขที่ติดต่อขณะลา</div>
-				<div class="col">{{ props.data.leaveNumber }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ที่อยู่ที่ติดต่อได้ระหว่างลา</div>
-				<div class="col">{{ props.data.leaveAddress }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">รายละเอียด</div>
-				<div class="col">{{ props.data.leaveDetail }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เอกสารแนบ</div>
-				<div class="col">
-					<div v-if="props.data.leaveDocument && props.data.leaveDocument.length > 0">
-						<div v-for="(document, index) in props.data.leaveDocument" :key="index" :style="{ marginBottom: '10px' }">
-							<div>
-								{{ "เอกสารแนบฉบับที่" + (index + 1) }}
-								<q-btn :href="document" target="_blank" outline color="blue" label="ดาวน์โหลด" size="12px">
-									<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
-								</q-btn>
-							</div>
-						</div>
-					</div>
-					<div v-else>-</div>
-				</div>
-			</div>
-		</div>
-	</q-card-section>
+  <q-card-section>
+    <div class="q-pa-md q-gutter-md">
+      <div class="row">
+        <div class="col text-grey-8">วันที่ยื่นใบลา</div>
+        <div class="col">{{ props.data.dateSendLeave }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เรื่อง</div>
+        <div class="col">{{ props.data.leaveTypeName }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เขียนที่</div>
+        <div class="col">{{ props.data.leaveWrote }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ลาตั้งแต่วันที่</div>
+        <div class="col">{{ props.data.leaveDateStart }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ลาถึงวันที่</div>
+        <div class="col">{{ props.data.leaveDateEnd }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">จำนวนวันที่ลา</div>
+        <div class="col">
+          {{ props.data.leaveCount ? props.data.leaveCount : "-" }}
+        </div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">วันเดือนปีเกิด</div>
+        <div class="col">{{ props.data.leavebirthDate }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">วันที่เข้ารับราชการ</div>
+        <div class="col">{{ props.data.leavegovernmentDate }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เงินเดือนปัจจุบัน</div>
+        <div class="col">
+          {{ props.data.leaveSalary }} ({{ props.data.leaveSalaryText }})
+        </div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ศึกษาวิชา</div>
+        <div class="col">{{ props.data.studyDaySubject }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ขั้นปริญญา</div>
+        <div class="col">{{ props.data.studyDayDegreeLevel }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ชื่อสถานศึกษา</div>
+        <div class="col">{{ props.data.studyDayUniversityName }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ประเทศ</div>
+        <div class="col">{{ props.data.studyDayCountry }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ด้วยทุน</div>
+        <div class="col">{{ props.data.studyDayScholarship }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">หมายเลขที่ติดต่อขณะลา</div>
+        <div class="col">{{ props.data.leaveNumber }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ที่อยู่ที่ติดต่อได้ระหว่างลา</div>
+        <div class="col">{{ props.data.leaveAddress }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">รายละเอียด</div>
+        <div class="col">
+          {{ props.data.leaveDetail ? props.data.leaveDetail : "-" }}
+        </div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เอกสารแนบ</div>
+        <div class="col">
+          <div
+            v-if="
+              props.data.leaveDocument && props.data.leaveDocument.length > 0
+            "
+          >
+            <div
+              v-for="(document, index) in props.data.leaveDocument"
+              :key="index"
+              :style="{ marginBottom: '10px' }"
+            >
+              <div>
+                <q-btn
+                  :href="document"
+                  target="_blank"
+                  outline
+                  color="blue"
+                  :label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`"
+                  size="12px"
+                >
+                  <q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip>
+                </q-btn>
+              </div>
+            </div>
+          </div>
+          <div v-else>-</div>
+        </div>
+      </div>
+    </div>
+  </q-card-section>
 </template>
 
 <style scoped></style>
diff --git a/src/modules/05_leave/components/formDetail/formUpasom.vue b/src/modules/05_leave/components/formDetail/formUpasom.vue
index b5c569d..d0031c6 100644
--- a/src/modules/05_leave/components/formDetail/formUpasom.vue
+++ b/src/modules/05_leave/components/formDetail/formUpasom.vue
@@ -1,94 +1,112 @@
 <script setup lang="ts">
 const props = defineProps({
-	data: {
-		type: Object,
-		required: true,
-	},
-})
+  data: {
+    type: Object,
+    required: true,
+  },
+});
 </script>
 
 <template>
-	<q-card-section>
-		<div class="q-pa-md q-gutter-md">
-			<div class="row">
-				<div class="col text-grey-8">วันที่ยื่นใบลา</div>
-				<div class="col">{{ props.data.dateSendLeave }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เรื่อง</div>
-				<div class="col">{{ props.data.leaveTypeName }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เขียนที่</div>
-				<div class="col">{{ props.data.leaveWrote }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
-				<div class="col">{{ props.data.leaveLastStart }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ลาถึงวันที่</div>
-				<div class="col">{{ props.data.leaveLastEnd }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">จำนวนวันที่ลา</div>
-				<div class="col">{{ props.data.leaveTotal }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">วันเดือนปีเกิด</div>
-				<div class="col">{{ props.data.leavebirthDate }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">วันที่เข้ารับราชการ</div>
-				<div class="col">{{ props.data.leavegovernmentDate }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เคย/ไม่เคยบวช</div>
-				<div class="col">
-					{{ props.data.ordainDayStatus ? "เคย" : "ไม่เคย" }}
-				</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">สถานที่บวช</div>
-				<div class="col">
-					{{ props.data.ordainDayLocationName }}
-					{{ props.data.ordainDayLocationAddress }}
-					{{ props.data.ordainDayLocationNumber }}
-				</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">วันอุปสมบท</div>
-				<div class="col">{{ props.data.ordainDayOrdination }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">สถานที่จำพรรษา</div>
-				<div class="col">
-					{{ props.data.ordainDayBuddhistLentName }}
-					{{ props.data.ordainDayBuddhistLentAddress }}
-				</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">รายละเอียด</div>
-				<div class="col">{{ props.data.leaveDetail }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เอกสารแนบ</div>
-				<div class="col">
-					<div v-if="props.data.leaveDocument && props.data.leaveDocument.length > 0">
-						<div v-for="(document, index) in props.data.leaveDocument" :key="index" :style="{ marginBottom: '10px' }">
-							<div>
-								{{ "เอกสารแนบฉบับที่" + (index + 1) }}
-								<q-btn :href="document" target="_blank" outline color="blue" label="ดาวน์โหลด" size="12px">
-									<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
-								</q-btn>
-							</div>
-						</div>
-					</div>
-					<div v-else>-</div>
-				</div>
-			</div>
-		</div>
-	</q-card-section>
+  <q-card-section>
+    <div class="q-pa-md q-gutter-md">
+      <div class="row">
+        <div class="col text-grey-8">วันที่ยื่นใบลา</div>
+        <div class="col">{{ props.data.dateSendLeave }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เรื่อง</div>
+        <div class="col">{{ props.data.leaveTypeName }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เขียนที่</div>
+        <div class="col">{{ props.data.leaveWrote }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ลาตั้งแต่วันที่</div>
+        <div class="col">{{ props.data.leaveLastStart }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ลาถึงวันที่</div>
+        <div class="col">{{ props.data.leaveLastEnd }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">จำนวนวันที่ลา</div>
+        <div class="col">
+          {{ props.data.leaveCount ? props.data.leaveCount : "-" }}
+        </div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">วันเดือนปีเกิด</div>
+        <div class="col">{{ props.data.leavebirthDate }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">วันที่เข้ารับราชการ</div>
+        <div class="col">{{ props.data.leavegovernmentDate }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เคย/ไม่เคยบวช</div>
+        <div class="col">
+          {{ props.data.ordainDayStatus ? "เคย" : "ไม่เคย" }}
+        </div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">สถานที่บวช</div>
+        <div class="col">
+          {{ props.data.ordainDayLocationName }}
+          {{ props.data.ordainDayLocationAddress }}
+          {{ props.data.ordainDayLocationNumber }}
+        </div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">วันอุปสมบท</div>
+        <div class="col">{{ props.data.ordainDayOrdination }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">สถานที่จำพรรษา</div>
+        <div class="col">
+          {{ props.data.ordainDayBuddhistLentName }}
+          {{ props.data.ordainDayBuddhistLentAddress }}
+        </div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">รายละเอียด</div>
+        <div class="col">
+          {{ props.data.leaveDetail ? props.data.leaveDetail : "-" }}
+        </div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เอกสารแนบ</div>
+        <div class="col">
+          <div
+            v-if="
+              props.data.leaveDocument && props.data.leaveDocument.length > 0
+            "
+          >
+            <div
+              v-for="(document, index) in props.data.leaveDocument"
+              :key="index"
+              :style="{ marginBottom: '10px' }"
+            >
+              <div>
+                <q-btn
+                  :href="document"
+                  target="_blank"
+                  outline
+                  color="blue"
+                  :label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`"
+                  size="12px"
+                >
+                  <q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip>
+                </q-btn>
+              </div>
+            </div>
+          </div>
+          <div v-else>-</div>
+        </div>
+      </div>
+    </div>
+  </q-card-section>
 </template>
 
 <style scoped></style>
diff --git a/src/modules/05_leave/components/formDetail/formVocationalRehabilitation.vue b/src/modules/05_leave/components/formDetail/formVocationalRehabilitation.vue
index 2a8e976..6b4dd26 100644
--- a/src/modules/05_leave/components/formDetail/formVocationalRehabilitation.vue
+++ b/src/modules/05_leave/components/formDetail/formVocationalRehabilitation.vue
@@ -1,61 +1,86 @@
 <script setup lang="ts">
 const props = defineProps({
-	data: {
-		type: Object,
-		required: true,
-	},
-})
+  data: {
+    type: Object,
+    required: true,
+  },
+});
 </script>
 <template>
-	<q-card-section>
-		<div class="q-pa-md q-gutter-md">
-			<div class="row">
-				<div class="col text-grey-8">วันที่ยื่นใบลา</div>
-				<div class="col">{{ props.data.dateSendLeave }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เรื่อง</div>
-				<div class="col">{{ props.data.leaveTypeName }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เขียนที่</div>
-				<div class="col">{{ props.data.leaveWrote }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ลาตั้งแต่วันที่</div>
-				<div class="col">{{ props.data.leaveDateStart }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">ลาถึงวันที่</div>
-				<div class="col">{{ props.data.leaveDateEnd }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">รายละเอียด</div>
-				<div class="col">{{ props.data.leaveDetail }}</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เอกสารประกอบ</div>
-				<div class="col" v-if="props.data.leaveDocument">
-					<q-btn :href="props.data.leaveDocument" target="_blank" outline color="blue" label="ดาวน์โหลด" size="12px"> <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn>
-				</div>
-				<div class="col" v-else>-</div>
-			</div>
-			<div class="row">
-				<div class="col text-grey-8">เอกสารแนบ</div>
-				<div class="col">
-					<div v-if="props.data.leaveDocument && props.data.leaveDocument.length > 0">
-						<div v-for="(document, index) in props.data.leaveDocument" :key="index" :style="{ marginBottom: '10px' }">
-							<div>
-								{{ "เอกสารแนบฉบับที่" + (index + 1) }}
-								<q-btn :href="document" target="_blank" outline color="blue" label="ดาวน์โหลด" size="12px">
-									<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
-								</q-btn>
-							</div>
-						</div>
-					</div>
-					<div v-else>-</div>
-				</div>
-			</div>
-		</div>
-	</q-card-section>
+  <q-card-section>
+    <div class="q-pa-md q-gutter-md">
+      <div class="row">
+        <div class="col text-grey-8">วันที่ยื่นใบลา</div>
+        <div class="col">{{ props.data.dateSendLeave }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เรื่อง</div>
+        <div class="col">{{ props.data.leaveTypeName }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เขียนที่</div>
+        <div class="col">{{ props.data.leaveWrote }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ลาตั้งแต่วันที่</div>
+        <div class="col">{{ props.data.leaveDateStart }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">ลาถึงวันที่</div>
+        <div class="col">{{ props.data.leaveDateEnd }}</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">รายละเอียด</div>
+        <div class="col">
+          {{ props.data.leaveDetail ? props.data.leaveDetail : "-" }}
+        </div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เอกสารประกอบ</div>
+        <div class="col" v-if="props.data.leaveDocument">
+          <q-btn
+            :href="props.data.leaveDocument"
+            target="_blank"
+            outline
+            color="blue"
+            label="ดาวน์โหลด"
+            size="12px"
+          >
+            <q-tooltip>ดาวน์โหลดไฟล์</q-tooltip></q-btn
+          >
+        </div>
+        <div class="col" v-else>-</div>
+      </div>
+      <div class="row">
+        <div class="col text-grey-8">เอกสารแนบ</div>
+        <div class="col">
+          <div
+            v-if="
+              props.data.leaveDocument && props.data.leaveDocument.length > 0
+            "
+          >
+            <div
+              v-for="(document, index) in props.data.leaveDocument"
+              :key="index"
+              :style="{ marginBottom: '10px' }"
+            >
+              <div>
+                <q-btn
+                  :href="document"
+                  target="_blank"
+                  outline
+                  color="blue"
+                  :label="`ดาวน์โหลดเอกสารแนบที่ ${index + 1}`"
+                  size="12px"
+                >
+                  <q-tooltip>ดาวน์โหลดเอกสารแนบที่ {{ index + 1 }}</q-tooltip>
+                </q-btn>
+              </div>
+            </div>
+          </div>
+          <div v-else>-</div>
+        </div>
+      </div>
+    </div>
+  </q-card-section>
 </template>
diff --git a/src/modules/05_leave/views/EditPage.vue b/src/modules/05_leave/views/EditPage.vue
index 0896e5f..fe02c81 100644
--- a/src/modules/05_leave/views/EditPage.vue
+++ b/src/modules/05_leave/views/EditPage.vue
@@ -231,7 +231,6 @@ function onSubmit(formData: FormData, isLeave: boolean = true) {
       showLoader();
       await http
         .put(config.API.leaveUserId(personalId.value), formData)
-        // .put(config.API.leaveUser() + "/" + formData.id, postData)
         .then(() => {
           success($q, "บันทึกสำเร็จ");
         })