diff --git a/src/components/Workflow/Main.vue b/src/components/Workflow/Main.vue
index 01f20074d..7016296e1 100644
--- a/src/components/Workflow/Main.vue
+++ b/src/components/Workflow/Main.vue
@@ -185,7 +185,13 @@ defineExpose({
                       </q-item-label>
 
                       <q-btn
-                        v-if="item.isComment && state === index + 1"
+                        v-if="
+                          item.isComment &&
+                          state === index + 1 &&
+                          item.isAccept === null &&
+                          item.reason === null &&
+                          item.isApprove === null
+                        "
                         @click.prevent="
                           (dataUserComment = item), (modalApprove = true)
                         "
diff --git a/src/modules/04_registryPerson/components/requestEdit/Page01_Detail.vue b/src/modules/04_registryPerson/components/requestEdit/Page01_Detail.vue
index 211f83ea1..828d38f14 100644
--- a/src/modules/04_registryPerson/components/requestEdit/Page01_Detail.vue
+++ b/src/modules/04_registryPerson/components/requestEdit/Page01_Detail.vue
@@ -41,6 +41,7 @@ const formData = reactive({
 });
 
 const isReadOnly = ref<boolean>(false); //อ่ายได้อย่างเดียว
+const workflowRef = ref<any>(null);
 //ข้อมูลรายการสถานะ
 const statusOptionMain = ref<DataOption[]>(
   store.optionStatus.filter((e) => e.id !== "")
@@ -248,8 +249,12 @@ onMounted(async () => {
               <div class="row q-col-gutter-sm">
                 <div class="col-xs-12 col-md-12">
                   <q-select
-                    :class="classInput(isReadOnly)"
-                    :readonly="isReadOnly"
+                    :class="
+                      classInput(
+                        isReadOnly || !workflowRef?.permission.isUpdate
+                      )
+                    "
+                    :readonly="isReadOnly || !workflowRef?.permission.isUpdate"
                     v-model="formData.status"
                     label="สถานะ"
                     dense
@@ -279,8 +284,12 @@ onMounted(async () => {
 
                 <div class="col-xs-12 col-md-12">
                   <q-input
-                    :class="classInput(isReadOnly)"
-                    :readonly="isReadOnly"
+                    :class="
+                      classInput(
+                        isReadOnly || !workflowRef?.permission.isUpdate
+                      )
+                    "
+                    :readonly="isReadOnly || !workflowRef?.permission.isUpdate"
                     v-model="formData.remark"
                     label="หมายเหตุ"
                     dense
@@ -290,7 +299,10 @@ onMounted(async () => {
                   />
                 </div>
 
-                <div class="row col-12 justify-end" v-if="!isReadOnly">
+                <div
+                  class="row col-12 justify-end"
+                  v-if="!isReadOnly && workflowRef?.permission.isUpdate"
+                >
                   <q-btn label="บันทึก" color="secondary" type="submit"
                     ><q-tooltip>บันทึก</q-tooltip></q-btn
                   >
@@ -302,7 +314,11 @@ onMounted(async () => {
         </q-form>
 
         <div class="col-12">
-          <Workflow :id="requestId" sys-name="REGISTRY_PROFILE" />
+          <Workflow
+            ref="workflowRef"
+            :id="requestId"
+            sys-name="REGISTRY_PROFILE"
+          />
         </div>
       </div>
     </q-card-section>
diff --git a/src/modules/06_retirement/components/resign/ResignByid.vue b/src/modules/06_retirement/components/resign/ResignByid.vue
index 15b380d4e..529806d8d 100644
--- a/src/modules/06_retirement/components/resign/ResignByid.vue
+++ b/src/modules/06_retirement/components/resign/ResignByid.vue
@@ -46,7 +46,7 @@ const {
 /** ตัวแปร */
 const modalPersonal = ref<boolean>(false);
 const personId = ref<string>("");
-const roleUser = ref<string>("");
+// const roleUser = ref<string>("");
 const dataProfile = ref<DataProfile>();
 
 const id = ref<string>(route.params.id.toString());
@@ -210,72 +210,72 @@ function popUp(action: "pass" | "passNot") {
 }
 
 //เงื่อนไขpop up
-function conditionPopup() {
-  if (myFormConfirm.value !== null) {
-    myFormConfirm.value.validate().then(async (check) => {
-      if (check) {
-        if (actionPass.value) {
-          await confirmpopUp();
-        } else {
-          await rejectpopUp();
-        }
-      }
-    });
-  }
-}
+// function conditionPopup() {
+//   if (myFormConfirm.value !== null) {
+//     myFormConfirm.value.validate().then(async (check) => {
+//       if (check) {
+//         if (actionPass.value) {
+//           await confirmpopUp();
+//         } else {
+//           await rejectpopUp();
+//         }
+//       }
+//     });
+//   }
+// }
 
 //pop up ยืนยันการอนุญาต
-async function confirmpopUp() {
-  dialogConfirm(
-    $q,
-    async () => {
-      const body = {
-        reason: reasonReign.value,
-      };
-      await http
-        .put(config.API.resignConfirm(roleUser.value, id.value), body)
-        .then(() => {
-          success($q, "การอนุญาตสำเร็จ");
-          closeModal();
-        })
-        .catch((e) => {
-          messageError($q, e);
-        })
-        .finally(() => {
-          fetchData(id.value);
-        });
-    },
-    "ยืนยันการอนุญาต",
-    "ต้องการยืนยันการอนุญาตการลานี้หรือไม่ ?"
-  );
-}
+// async function confirmpopUp() {
+//   dialogConfirm(
+//     $q,
+//     async () => {
+//       const body = {
+//         reason: reasonReign.value,
+//       };
+//       await http
+//         .put(config.API.resignConfirm(roleUser.value, id.value), body)
+//         .then(() => {
+//           success($q, "การอนุญาตสำเร็จ");
+//           closeModal();
+//         })
+//         .catch((e) => {
+//           messageError($q, e);
+//         })
+//         .finally(() => {
+//           fetchData(id.value);
+//         });
+//     },
+//     "ยืนยันการอนุญาต",
+//     "ต้องการยืนยันการอนุญาตการลานี้หรือไม่ ?"
+//   );
+// }
 
 //pop up การยับยั้งสำเร็จ
-async function rejectpopUp() {
-  dialogConfirm(
-    $q,
-    async () => {
-      const body = {
-        reason: reasonReign.value,
-        date: dateBreak.value,
-      };
-      await http
-        .put(config.API.resignReject(roleUser.value, id.value), body)
-        .then(() => {
-          success($q, "การยับยั้งสำเร็จ");
-          closeModal();
-        })
-        .catch((e) => {
-          messageError($q, e);
-        })
-        .finally(() => {
-          fetchData(id.value);
-        });
-    },
-    "ยืนยันการยับยั้ง",
-    "ต้องการยืนยันการยับยั้งนี้หรือไม่ ?"
-  );
-}
+// async function rejectpopUp() {
+//   dialogConfirm(
+//     $q,
+//     async () => {
+//       const body = {
+//         reason: reasonReign.value,
+//         date: dateBreak.value,
+//       };
+//       await http
+//         .put(config.API.resignReject(roleUser.value, id.value), body)
+//         .then(() => {
+//           success($q, "การยับยั้งสำเร็จ");
+//           closeModal();
+//         })
+//         .catch((e) => {
+//           messageError($q, e);
+//         })
+//         .finally(() => {
+//           fetchData(id.value);
+//         });
+//     },
+//     "ยืนยันการยับยั้ง",
+//     "ต้องการยืนยันการยับยั้งนี้หรือไม่ ?"
+//   );
+// }
 
 /**
  * กดยกเลิก
@@ -511,20 +511,20 @@ onMounted(async () => {
   fetchData(id.value);
   fetchFile();
   const user = await tokenParsed();
-  if (user) {
-    const commander = await user.role.includes("commander");
-    const oligarch = await user.role.includes("oligarch");
-    const officer = await user.role.includes("officer");
-    if (commander) {
-      roleUser.value = "commander";
-    } else if (oligarch) {
-      roleUser.value = "oligarch";
-    } else if (officer) {
-      roleUser.value = "officer";
-    } else {
-      roleUser.value = "admin";
-    }
-  }
+  // if (user) {
+  //   const commander = await user.role.includes("commander");
+  //   const oligarch = await user.role.includes("oligarch");
+  //   const officer = await user.role.includes("officer");
+  //   if (commander) {
+  //     roleUser.value = "commander";
+  //   } else if (oligarch) {
+  //     roleUser.value = "oligarch";
+  //   } else if (officer) {
+  //     roleUser.value = "officer";
+  //   } else {
+  //     roleUser.value = "admin";
+  //   }
+  // }
 });
 </script>
 
@@ -551,7 +551,7 @@ onMounted(async () => {
     <q-card bordered class="row col-12 text-dark q-mt-sm">
       <div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
         <div class="q-pl-sm text-weight-bold text-dark">ข้อมูลการลาออก</div>
-        <q-space />
+        <!-- <q-space />
         <div
           class="q-gutter-x-sm"
           v-if="
@@ -583,7 +583,7 @@ onMounted(async () => {
             label="ยับยั้ง"
             @click="popUp('passNot')"
           />
-        </div>
+        </div> -->
       </div>
       <div class="col-12"><q-separator /></div>
       <div class="row col-12 q-pa-md">
@@ -749,8 +749,8 @@ onMounted(async () => {
               <div
                 v-if="
                   dataDetail.status == 'WAITTING' &&
-                  roleUser === 'officer' &&
-                  !checkRoutePermisson
+                  !checkRoutePermisson &&
+                  workflowRef?.permission.isUpdate
                 "
               >
                 <div v-if="!conditions">
@@ -793,7 +793,7 @@ onMounted(async () => {
                 v-model="isNoDebt"
                 label="ไม่เป็นหนี้สหกรณ์"
                 color="teal"
-                :disable="!conditions"
+                :disable="!conditions && !workflowRef?.permission.isUpdate"
               />
             </div>
             <div class="col-12">
@@ -801,7 +801,7 @@ onMounted(async () => {
                 v-model="isNoBurden"
                 label="ไม่มีภาระผูกพันค้ำประกันทุนการศึกษา"
                 color="teal"
-                :disable="!conditions"
+                :disable="!conditions && !workflowRef?.permission.isUpdate"
               />
             </div>
             <div class="col-12">
@@ -809,15 +809,9 @@ onMounted(async () => {
                 v-model="isDiscipline"
                 label="ไม่มีพฤติการณ์ทางวินัย"
                 color="teal"
-                :disable="!conditions"
+                :disable="!conditions && !workflowRef?.permission.isUpdate"
               />
             </div>
-            <!-- <q-option-group
-            :options="checkboxOp"
-            type="checkbox"
-            v-model="checkboxGroup"
-            :disable="!conditions"
-          /> -->
           </q-card>
         </div>
         <div class="col-6">
@@ -833,8 +827,8 @@ onMounted(async () => {
                 <q-file
                   v-if="
                     dataDetail.status == 'WAITTING' &&
-                    roleUser === 'officer' &&
-                    !checkRoutePermisson
+                    !checkRoutePermisson &&
+                    workflowRef?.permission.isUpdate
                   "
                   class="col-12"
                   for="#evidenceFiles"
@@ -891,7 +885,6 @@ onMounted(async () => {
                           <q-btn
                             v-if="
                               dataDetail.status == 'WAITTING' &&
-                              roleUser === 'officer' &&
                               !checkRoutePermisson
                             "
                             dense
@@ -1066,7 +1059,7 @@ onMounted(async () => {
           </div>
           <q-space />
 
-          <div v-if="roleUser === 'officer' && !checkRoutePermisson">
+          <div v-if="!checkRoutePermisson && workflowRef?.permission.isUpdate">
             <div class="q-gutter-sm" v-if="!edit">
               <q-btn
                 outline
@@ -1357,7 +1350,7 @@ onMounted(async () => {
           </div>
         </q-card-section>
         <q-separator />
-        <DialogFooter :editvisible="true" :save="conditionPopup" />
+        <!-- <DialogFooter :editvisible="true" :save="conditionPopup" /> -->
       </q-form>
     </q-card>
   </q-dialog>