diff --git a/src/modules/05_leave/components/DialogDetail.vue b/src/modules/05_leave/components/DialogDetail.vue
index 308e1f6..bb8965c 100644
--- a/src/modules/05_leave/components/DialogDetail.vue
+++ b/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"
diff --git a/src/stores/data.ts b/src/stores/data.ts
index 67ce1db..7eab5ce 100644
--- a/src/stores/data.ts
+++ b/src/stores/data.ts
@@ -8,7 +8,7 @@ import { useRegistryInFormationStore } from "@/modules/10_registry/store/registr
 import { useCounterMixin } from "./mixin";
 import type { ProfileData } from "@/interface/Main";
 
-export const useDataStore = defineStore("data", () => {
+export const useDataStore = defineStore("dataMain", () => {
   const storeRegistry = useRegistryInFormationStore();
   const $q = useQuasar();
   const mixin = useCounterMixin();