ระบบลาของข้าราชการแสดงเฉพาะที่ยื่นใบลาไปแล้วเท่านั้น ลูกจ้างไม่มี workflow

src/modules/05_leave/components/DialogDetail.vue

@@ -6,6 +6,7 @@ import http from "@/plugins/http";
 import config from "@/app.config";
 import { useCounterMixin } from "@/stores/mixin";
 import { useLeaveStore } from "@/modules/05_leave/store";
+import { useDataStore } from "@/stores/data";
 
 /** import type*/
 import type {
@@ -32,6 +33,7 @@ import FormCancel from "@/modules/05_leave/components/formDetail/formCancel.vue"
 
 const $q = useQuasar();
 const dataStore = useLeaveStore();
+const mainStore = useDataStore();
 const { convertStatud } = dataStore;
 const mixin = useCounterMixin();
 const {
@@ -495,7 +497,14 @@ watch(
               :data="formData"
             />
 
-            <Workflow :id="props.leaveId" sys-name="SYS_LEAVE_LIST" />
+            <!-- ข้าราชการแสดงเฉพาะที่ยื่นใบลาไปแล้วเท่านั้น ลูกจ้างไม่มี workflow -->
+            <Workflow
+              v-if="
+                leaveStatus != 'DRAFT' && mainStore.officerType == 'OFFICER'
+              "
+              :id="props.leaveId"
+              sys-name="SYS_LEAVE_LIST"
+            />
           </div>
 
           <div
@@ -553,7 +562,11 @@ watch(
       </q-card-section>
     </q-card>
 
-    <q-card q-card v-if="props.leaveStatus === 'DELETE'">
+    <q-card
+      q-card
+      v-if="props.leaveStatus === 'DELETE'"
+      style="min-width: 40vw"
+    >
       <DialogHeader
         :tittle="`${titleMainCancle} ${titleName}`"
         :close="props.onClickClose"