From 3f7045e200f83a0a5f9d72366f14e2b97dcbe3a1 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 29 Oct 2024 15:26:40 +0700
Subject: [PATCH] fix IDP

---
 .../requestEdit/Page02_DetailIDP.vue          | 33 ++++++++++++++++---
 1 file changed, 28 insertions(+), 5 deletions(-)

diff --git a/src/modules/04_registryPerson/components/requestEdit/Page02_DetailIDP.vue b/src/modules/04_registryPerson/components/requestEdit/Page02_DetailIDP.vue
index 4789dd32a..93f397436 100644
--- a/src/modules/04_registryPerson/components/requestEdit/Page02_DetailIDP.vue
+++ b/src/modules/04_registryPerson/components/requestEdit/Page02_DetailIDP.vue
@@ -32,6 +32,7 @@ const {
 const requestId = ref<string>(route.params.id as string);
 
 const isReadOnly = ref<boolean>(false); //อ่านอย่างเดียว
+const workflowRef = ref<any>(null);
 const isDone = ref<string>("");
 //ฟอร์มข้อมูลการพัฒนารายบุคคล
 const formData = reactive<FormDataIDP>({
@@ -168,6 +169,12 @@ async function fetchDataByid(id: string) {
       formData.createdAt = data.createdAt;
 
       isDone.value = data.status;
+
+      if (data.status !== "PENDING") {
+        isReadOnly.value = true;
+      } else {
+        isReadOnly.value = false;
+      }
     })
     .catch((err) => {
       messageError($q, err);
@@ -258,8 +265,8 @@ onMounted(() => {
       <q-card-section>
         <div class="row q-col-gutter-sm">
           <!-- สถานะ -->
+          <!-- v-if="isDone == 'PENDING'" -->
           <q-form
-            v-if="isDone == 'PENDING'"
             class="col-12"
             greedy
             @submit.prevent
@@ -268,9 +275,15 @@ onMounted(() => {
             <q-card bordered class="col-12">
               <div class="row q-pa-md q-col-gutter-sm">
                 <!-- สถานะ -->
+
                 <div class="col-4">
                   <q-select
-                    :class="classInput(isReadOnly)"
+                    :class="
+                      classInput(
+                        isReadOnly || !workflowRef?.permission.isUpdate
+                      )
+                    "
+                    :readonly="isReadOnly || !workflowRef?.permission.isUpdate"
                     v-model="formData.status"
                     label="สถานะ"
                     dense
@@ -301,7 +314,12 @@ onMounted(() => {
                 <!-- หมายเหตุ -->
                 <div class="col-8">
                   <q-input
-                    :class="classInput(isReadOnly)"
+                    :class="
+                      classInput(
+                        isReadOnly || !workflowRef?.permission.isUpdate
+                      )
+                    "
+                    :readonly="isReadOnly || !workflowRef?.permission.isUpdate"
                     v-model="formData.reason"
                     label="หมายเหตุ"
                     dense
@@ -312,9 +330,14 @@ onMounted(() => {
                 </div>
               </div>
 
-              <q-separator />
+              <q-separator
+                v-if="!isReadOnly && workflowRef?.permission.isUpdate"
+              />
 
-              <q-card-actions align="right">
+              <q-card-actions
+                align="right"
+                v-if="!isReadOnly && workflowRef?.permission.isUpdate"
+              >
                 <q-btn label="บันทึก" color="secondary" type="submit"
                   ><q-tooltip>บันทึก</q-tooltip></q-btn
                 >