From 33b3b76786796f94e791ae7935a9793d5f63ab5a Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 15 Nov 2024 10:21:57 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=A5=E0=B8=B9=E0=B8=81=E0=B8=88=E0=B9=89?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=87=E0=B8=9B=E0=B8=A3=E0=B8=B0=E0=B8=88=E0=B8=B3?=
 =?UTF-8?q?=20=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=AD=E0=B8=99=E0=B8=B8?=
 =?UTF-8?q?=E0=B8=A1=E0=B8=B1=E0=B8=95=E0=B8=B4=20/=20=E0=B9=81=E0=B8=81?=
 =?UTF-8?q?=E0=B9=89=E0=B9=84=E0=B8=82=20=3D=3D>=20=E0=B8=A2=E0=B8=B7?=
 =?UTF-8?q?=E0=B9=88=E0=B8=99=E0=B8=82=E0=B8=AD=E0=B9=81=E0=B8=81=E0=B9=89?=
 =?UTF-8?q?=E0=B9=84=E0=B8=82=E0=B8=82=E0=B9=89=E0=B8=AD=E0=B8=A1=E0=B8=B9?=
 =?UTF-8?q?=E0=B8=A5=E0=B8=97=E0=B8=B0=E0=B9=80=E0=B8=9A=E0=B8=B5=E0=B8=A2?=
 =?UTF-8?q?=E0=B8=99=E0=B8=9B=E0=B8=A3=E0=B8=B0=E0=B8=A7=E0=B8=B1=E0=B8=95?=
 =?UTF-8?q?=E0=B8=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/requestEdit/Page01_Detail.vue  | 60 +++++++++++++++----
 1 file changed, 48 insertions(+), 12 deletions(-)

diff --git a/src/modules/04_registryPerson/components/requestEdit/Page01_Detail.vue b/src/modules/04_registryPerson/components/requestEdit/Page01_Detail.vue
index ca7a51a0e..9145b22d0 100644
--- a/src/modules/04_registryPerson/components/requestEdit/Page01_Detail.vue
+++ b/src/modules/04_registryPerson/components/requestEdit/Page01_Detail.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, ref, reactive, computed } from "vue";
+import { onMounted, ref, reactive, computed, readonly } from "vue";
 import { useQuasar } from "quasar";
 
 import { useRouter, useRoute } from "vue-router";
@@ -20,7 +20,9 @@ import DialogUpdateCouple from "@/modules/04_registryPerson/components/Dialog/06
 const $q = useQuasar();
 const router = useRouter();
 const route = useRoute();
-const typeEmp = ref<string>("");
+const typeEmp = ref<string>(
+  route.name === "registryNewRequestEditEmpDetail" ? "employee" : ""
+);
 const store = useRequestEditStore();
 const {
   dialogConfirm,
@@ -72,8 +74,6 @@ const isCheckData = computed(() => {
 /** function fetch ข้อมูลคำร้องแก้ไข*/
 async function fetchDataRequest() {
   showLoader();
-  typeEmp.value =
-    route.name === "registryNewRequestEditEmpDetail" ? "employee" : "";
   await http
     .get(
       config.API.requestEditByType(
@@ -86,6 +86,7 @@ async function fetchDataRequest() {
 
       formData.status = data.status;
       formData.remark = data.remark;
+
       if (data.status !== "PENDING") {
         isReadOnly.value = true;
       } else {
@@ -239,8 +240,22 @@ function topicConvert(type: string) {
   }
 }
 
+const isStaff = ref<boolean>(false);
+function fetchCheckIsofficer() {
+  if (typeEmp.value === "employee") {
+    http
+      .get(config.API.workflowKeycloakSystem("REGISTRY_PROFILE_EMP"))
+      .then((res) => {
+        isStaff.value = res.data.result.isStaff;
+      })
+      .catch((err) => {
+        messageError($q, err);
+      });
+  }
+}
+
 onMounted(async () => {
-  await fetchDataRequest();
+  await Promise.all([fetchDataRequest(), fetchCheckIsofficer()]);
 });
 </script>
 
@@ -261,8 +276,14 @@ onMounted(async () => {
       <q-space />
       <q-btn
         v-if="
-          workflowRef?.permission.isUpdate &&
-          topicConvert(dataRequest.topic) !== ''
+          (typeEmp !== 'employee' &&
+            workflowRef?.permission.isUpdate &&
+            topicConvert(dataRequest.topic) !== '' &&
+            !isReadOnly) ||
+          (typeEmp === 'employee' &&
+            isStaff &&
+            topicConvert(dataRequest.topic) !== '' &&
+            !isReadOnly)
         "
         color="public"
         :label="topicConvert(dataRequest.topic)"
@@ -413,11 +434,17 @@ onMounted(async () => {
                     <q-select
                       :class="
                         classInput(
-                          isReadOnly || !workflowRef?.permission.isUpdate
+                          isReadOnly ||
+                            (typeEmp === 'employee' && !isStaff) ||
+                            (typeEmp !== 'employee' &&
+                              !workflowRef?.permission.isUpdate)
                         )
                       "
                       :readonly="
-                        isReadOnly || !workflowRef?.permission.isUpdate
+                        isReadOnly ||
+                        (typeEmp === 'employee' && !isStaff) ||
+                        (typeEmp !== 'employee' &&
+                          !workflowRef?.permission.isUpdate)
                       "
                       v-model="formData.status"
                       label="สถานะ"
@@ -450,11 +477,17 @@ onMounted(async () => {
                     <q-input
                       :class="
                         classInput(
-                          isReadOnly || !workflowRef?.permission.isUpdate
+                          isReadOnly ||
+                            (typeEmp === 'employee' && !isStaff) ||
+                            (typeEmp !== 'employee' &&
+                              !workflowRef?.permission.isUpdate)
                         )
                       "
                       :readonly="
-                        isReadOnly || !workflowRef?.permission.isUpdate
+                        isReadOnly ||
+                        (typeEmp === 'employee' && !isStaff) ||
+                        (typeEmp !== 'employee' &&
+                          !workflowRef?.permission.isUpdate)
                       "
                       v-model="formData.remark"
                       label="หมายเหตุ"
@@ -467,7 +500,10 @@ onMounted(async () => {
 
                   <div
                     class="row col-12 justify-end"
-                    v-if="!isReadOnly && workflowRef?.permission.isUpdate"
+                    v-if="
+                      (!isReadOnly && workflowRef?.permission.isUpdate) ||
+                      (typeEmp === 'employee' && isStaff && !isReadOnly)
+                    "
                   >
                     <q-btn label="บันทึก" color="secondary" type="submit"
                       ><q-tooltip>บันทึก</q-tooltip></q-btn