refactor(leave): show banner Comment

src/modules/09_leave/components/05_Leave/DetailLeavePage.vue

@@ -260,6 +260,14 @@ const columns = ref<QTableProps["columns"]>([
     style: "font-size: 14px",
   },
 ]);
+
+const isSysCancel = computed(() => {
+  return (
+    formData.reasonOligarch === "อนุมัติการขอยกเลิกการลา โดยระบบ" &&
+    statusCheck.value === "DELETE"
+  );
+});
+
 /**
  * ฟังก์ชั่นเรียกรายละเอียดของข้อมูล
  * @param paramsId รับ ID จาก paramID
@@ -1133,7 +1141,13 @@ onMounted(async () => {
                   </div>
                 </div>
                 <div class="col-12"><q-separator /></div>
-                <div class="row col-12 q-pa-md">
+                <div v-if="isSysCancel" class="row col-12 q-pa-md">
+                  <q-banner class="bg-red-2 text-red-6 full-width" rounded>
+                    ผู้มีอำนาจยังไม่ได้พิจารณา ใบลานี้ถูกยกเลิกแล้ว
+                  </q-banner>
+                </div>
+                
+                <div class="row col-12 q-pa-md" v-else>
                   <div class="col-12 row bg-white q-col-gutter-md">
                     <div class="col-xs-6 row items-start">
                       <div class="col-12 text-weight-bold text-top">

src/modules/09_leave/components/05_Leave/DetailLeaveReject.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, reactive, onMounted } from "vue";
+import { ref, reactive, onMounted, computed } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useQuasar } from "quasar";
 
@@ -158,6 +158,13 @@ const isLoadData = ref<boolean>(false);
 const leaveType = ref<LeaveType[]>([]); //ประเภทการลา
 const checkForm = ref<string>(""); //เช็คประเภทการลา
 
+const isSysCancel = computed(() => {
+  return (
+    formData.reasonOligarch === "อนุมัติการขอยกเลิกการลา โดยระบบ" &&
+    statusCheck.value === "DELETE"
+  );
+});
+
 /**
  * ฟังก์เรียกข้อมูลรายละเอียดของการยกเลิกลา
  * @param paramsId รับ ID จาก paramID
@@ -769,7 +776,13 @@ onMounted(async () => {
                   </div>
                 </div>
                 <q-separator />
-                <div class="row col-12 q-pa-md">
+
+                <div v-if="isSysCancel" class="row col-12 q-pa-md">
+                  <q-banner class="bg-green-2 text-green-6 full-width" rounded>
+                    {{ formDataReject.leaveDirectorComment }}
+                  </q-banner>
+                </div>
+                <div class="row col-12 q-pa-md" v-else>
                   <div class="col-12 row bg-white q-col-gutter-md">
                     <div class="col-xs-6 row items-start">
                       <div class="col-12 text-weight-bold text-top">
@@ -799,7 +812,7 @@ onMounted(async () => {
 
                     <div class="col-xs-6 row items-start">
                       <div class="col-12 text-weight-bold text-top">
-                        ผลการพิจารณา
+                        ผลการพิจารณายกเลิกวันลา
                       </div>
                       <div class="col-12 text-detail">
                         {{