ระบบลา fixing layout

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, //โควต้าลา(แต่ละประเภท)หน่วยเป็นวัน

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, //โควต้าลา(แต่ละประเภท)หน่วยเป็นวัน

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"

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"

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"

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"

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"

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"

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"

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"

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"

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"