diff --git a/src/modules/09_leave/components/2_Leave/DetailLeave.vue b/src/modules/09_leave/components/2_Leave/DetailLeave.vue
index 1115fb2d7..ce15fafa9 100644
--- a/src/modules/09_leave/components/2_Leave/DetailLeave.vue
+++ b/src/modules/09_leave/components/2_Leave/DetailLeave.vue
@@ -71,9 +71,9 @@ const formData = reactive<FremData>({
   leaveTypeName: "", // Name ประเภทการลา
   leaveTypeId: "", //Id ประเภทการลา
   fullName: "", //คำนำหน้า ชื่อ นามสกุล คนขอลา
-  dateSendLeave: new Date(), // วันที่ยื่นใบลา
-  leaveDateStart: new Date(), //วันเริ่มการลา
-  leaveDateEnd: new Date(), //วันสิ้นสุดการลา
+  dateSendLeave: null, // วันที่ยื่นใบลา
+  leaveDateStart: null, //วันเริ่มการลา
+  leaveDateEnd: null, //วันสิ้นสุดการลา
   leaveCount: 0, //จำนวนวันลา
   status: "", //สถานะการของลา
   leaveLimit: 0, //โควต้าลา(แต่ละประเภท)หน่วยเป็นวัน
diff --git a/src/modules/09_leave/components/2_Leave/DetailLeaveReject.vue b/src/modules/09_leave/components/2_Leave/DetailLeaveReject.vue
index 43d06ff2d..1a3d60f58 100644
--- a/src/modules/09_leave/components/2_Leave/DetailLeaveReject.vue
+++ b/src/modules/09_leave/components/2_Leave/DetailLeaveReject.vue
@@ -88,9 +88,9 @@ const formData = reactive<FremData>({
   leaveTypeName: "", // Name ประเภทการลา
   leaveTypeId: "", //Id ประเภทการลา
   fullName: "", //คำนำหน้า ชื่อ นามสกุล คนขอลา
-  dateSendLeave: new Date(), // วันที่ยื่นใบลา
-  leaveDateStart: new Date(), //วันเริ่มการลา
-  leaveDateEnd: new Date(), //วันสิ้นสุดการลา
+  dateSendLeave: null, // วันที่ยื่นใบลา
+  leaveDateStart: null, //วันเริ่มการลา
+  leaveDateEnd: null, //วันสิ้นสุดการลา
   leaveCount: 0, //จำนวนวันลา
   status: "", //สถานะการของลา
   leaveLimit: 0, //โควต้าลา(แต่ละประเภท)หน่วยเป็นวัน
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formCheckSelect.vue b/src/modules/09_leave/components/2_Leave/formDetail/formCheckSelect.vue
index c6cd60719..5541ff357 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formCheckSelect.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formCheckSelect.vue
@@ -60,7 +60,7 @@ console.log(props);
             :style="{ marginBottom: '10px' }"
           >
             <q-btn
-              :href="document"
+              :href="document.path"
               target="_blank"
               outline
               color="blue"
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formChildbirth.vue b/src/modules/09_leave/components/2_Leave/formDetail/formChildbirth.vue
index a99ddcd22..9b46c2309 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formChildbirth.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formChildbirth.vue
@@ -54,7 +54,7 @@ const props = defineProps({
             :style="{ marginBottom: '10px' }"
           >
             <q-btn
-              :href="document"
+              :href="document.path"
               target="_blank"
               outline
               color="blue"
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formHajj.vue b/src/modules/09_leave/components/2_Leave/formDetail/formHajj.vue
index 9145a9464..0a68d4ef1 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formHajj.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formHajj.vue
@@ -47,7 +47,7 @@ const props = defineProps({
             :style="{ marginBottom: '10px' }"
           >
             <q-btn
-              :href="document"
+              :href="document.path"
               target="_blank"
               outline
               color="blue"
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formHoliday.vue b/src/modules/09_leave/components/2_Leave/formDetail/formHoliday.vue
index 78dacdd68..094bb5076 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formHoliday.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formHoliday.vue
@@ -59,7 +59,7 @@ const props = defineProps({
             :style="{ marginBottom: '10px' }"
           >
             <q-btn
-              :href="document"
+              :href="document.path"
               target="_blank"
               outline
               color="blue"
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formLeave.vue b/src/modules/09_leave/components/2_Leave/formDetail/formLeave.vue
index 93fdba36f..65bc14d48 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formLeave.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formLeave.vue
@@ -25,14 +25,14 @@ const props = defineProps({
       <div class="row">
         <div class="col text-grey-8">จำนวนวันที่ลา</div>
         <div class="col">
-					{{
-						props.data.leaveRange == "ALL"
-							? props.data.leaveTotal + " วัน"
-							: props.data.leaveRange == "MORNING"
-							? "ลาครึ่งวันเช้า (0.5)"
-							: "ลาครึ่งวันบ่าย (0.5)"
-					}}
-				</div>
+          {{
+            props.data.leaveRange == "ALL"
+              ? props.data.leaveTotal + " วัน"
+              : props.data.leaveRange == "MORNING"
+              ? "ลาครึ่งวันเช้า (0.5)"
+              : "ลาครึ่งวันบ่าย (0.5)"
+          }}
+        </div>
       </div>
       <div class="row">
         <div class="col text-grey-8"></div>
@@ -65,7 +65,7 @@ const props = defineProps({
             :style="{ marginBottom: '10px' }"
           >
             <q-btn
-              :href="document"
+              :href="document.path"
               target="_blank"
               outline
               color="blue"
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formLeaveToTraining.vue b/src/modules/09_leave/components/2_Leave/formDetail/formLeaveToTraining.vue
index 94142b836..3f8a44d5d 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formLeaveToTraining.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formLeaveToTraining.vue
@@ -118,7 +118,7 @@ function convertDateToEng(dataThia: string) {
             :style="{ marginBottom: '10px' }"
           >
             <q-btn
-              :href="document"
+              :href="document.path"
               target="_blank"
               outline
               color="blue"
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formSpouse.vue b/src/modules/09_leave/components/2_Leave/formDetail/formSpouse.vue
index be95c3bf5..e3ce29314 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formSpouse.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formSpouse.vue
@@ -125,7 +125,7 @@ function convertDateToEng(dataThia: string) {
             :style="{ marginBottom: '10px' }"
           >
             <q-btn
-              :href="document"
+              :href="document.path"
               target="_blank"
               outline
               color="blue"
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formStudy.vue b/src/modules/09_leave/components/2_Leave/formDetail/formStudy.vue
index 4d3ccdb8a..4dd18a55f 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formStudy.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formStudy.vue
@@ -121,7 +121,7 @@ function convertDateToEng(dataThia: string) {
             :style="{ marginBottom: '10px' }"
           >
             <q-btn
-              :href="document"
+              :href="document.path"
               target="_blank"
               outline
               color="blue"
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formUpasom.vue b/src/modules/09_leave/components/2_Leave/formDetail/formUpasom.vue
index de50b54ef..e340333cf 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formUpasom.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formUpasom.vue
@@ -72,7 +72,7 @@ const props = defineProps({
             :style="{ marginBottom: '10px' }"
           >
             <q-btn
-              :href="document"
+              :href="document.path"
               target="_blank"
               outline
               color="blue"
diff --git a/src/modules/09_leave/components/2_Leave/formDetail/formVocationalRehabilitation.vue b/src/modules/09_leave/components/2_Leave/formDetail/formVocationalRehabilitation.vue
index 1425840e9..4f7b15059 100644
--- a/src/modules/09_leave/components/2_Leave/formDetail/formVocationalRehabilitation.vue
+++ b/src/modules/09_leave/components/2_Leave/formDetail/formVocationalRehabilitation.vue
@@ -34,7 +34,7 @@ const props = defineProps({
             :style="{ marginBottom: '10px' }"
           >
             <q-btn
-              :href="document"
+              :href="document.path"
               target="_blank"
               outline
               color="blue"