แสดง เหตุผลการขอลงเวลาพิเศษ ใน popup

src/modules/09_leave/components/04_SpecialTime/DialogApprove.vue

@@ -24,6 +24,7 @@ const props = defineProps({
   modal: { type: Boolean, default: "" },
   editCheck: { type: String, default: "" },
   date: { type: String, default: "" },
+  description: { type: String, default: "" },
   dateFix: { type: String, default: "" },
   id: { type: String, default: "" },
   checkInStatus: { type: String, default: "" },
@@ -215,6 +216,20 @@ watch(
               />
             </div>
           </div>
+          <div
+            class="col q-ma-md q-pa-sm bg-white border-custom text-weight-medium"
+          >
+            <p style="color: #06884d; font-size: 14px" class="q-mb-xs">
+              เหตุผลการขอลงเวลาพิเศษ
+            </p>
+            <q-input
+              dense
+              outlined
+              readonly
+              autogrow
+              :model-value="props.description ? props.description : '-'"
+            ></q-input>
+          </div>
           <div
             v-if="formData.checkInEdit"
             class="col q-ma-md q-pa-sm bg-white border-custom text-weight-medium"
@@ -299,9 +314,9 @@ watch(
             class="col-12 bg-white q-ma-md inputgreen"
             outlined
             stack-label
-            :rules="[(val:string) => !!val || 'กรุณาเหตุผล']"
+            :rules="[(val:string) => !!val || 'กรุณาเหตุผลการอนุมัติ']"
             v-model="formData.note"
-            label="เหตุผล"
+            label="เหตุผลการอนุมัติ"
             hide-bottom-space
             type="textarea"
           ></q-input>