From 8c13173bbb60aae97ef251c3b20aae2981cd9c54 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 1 Sep 2023 16:22:34 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88=E0=B8=A1?=
 =?UTF-8?q?=E0=B9=80=E0=B8=87=E0=B8=B7=E0=B9=88=E0=B8=AD=E0=B8=99=E0=B9=84?=
 =?UTF-8?q?=E0=B8=82=20=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88=E0=B8=A1?=
 =?UTF-8?q?=E0=B9=81=E0=B8=A5=E0=B8=B0=E0=B9=81=E0=B8=81=E0=B9=89=E0=B9=84?=
 =?UTF-8?q?=E0=B8=82=20=E0=B9=80=E0=B8=84=E0=B8=A3=E0=B8=B7=E0=B9=88?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=87=E0=B8=A3=E0=B8=B2=E0=B8=8A=E0=B8=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../07_insignia/components/2_Manage/Tab1.vue  | 36 ++++++++++++++++---
 .../components/2_Manage/listManage.vue        |  6 ++--
 src/modules/07_insignia/store.ts              | 12 ++++++-
 3 files changed, 47 insertions(+), 7 deletions(-)

diff --git a/src/modules/07_insignia/components/2_Manage/Tab1.vue b/src/modules/07_insignia/components/2_Manage/Tab1.vue
index bdf0b660f..d84677865 100644
--- a/src/modules/07_insignia/components/2_Manage/Tab1.vue
+++ b/src/modules/07_insignia/components/2_Manage/Tab1.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, ref, watch, reactive } from "vue";
+import { onMounted, ref, computed, reactive } from "vue";
 import { useCounterMixin } from "@/stores/mixin";
 import { useQuasar } from "quasar";
 import type { QTableProps } from "quasar";
@@ -228,6 +228,14 @@ onMounted(async () => {
     }
   }
 });
+const checkStatus = computed(() => {
+  if (
+    DataStore.roleUser === "insignia1" &&
+    (DataStore.requestStatus == "st1" || DataStore.requestStatus == "st4")
+  ) {
+    return true;
+  } else return false;
+});
 const changtypeOc = () => {
   if (props.fecthInsigniaByOc) {
     props.fecthInsigniaByOc(
@@ -663,7 +671,12 @@ const paginationLabel2 = (start: number, end: number, total: number) => {
             color="add"
             icon="mdi-plus"
             @click="clickmodalAdd"
-            v-if="DataStore.isLock !== true"
+            v-if="
+              (DataStore.isLock == false &&
+                DataStore.requestStatus == 'st5' &&
+                DataStore.roleUser == 'admin') ||
+              checkStatus == true
+            "
           >
             <q-tooltip>เพิ่ม</q-tooltip>
           </q-btn>
@@ -728,7 +741,14 @@ const paginationLabel2 = (start: number, end: number, total: number) => {
               <q-th v-for="col in props.cols" :key="col.name" :props="props">
                 <span class="text-weight-medium">{{ col.label }}</span>
               </q-th>
-              <q-th auto-width v-if="DataStore.isLock !== true" />
+              <q-th
+                auto-width
+                v-if="
+                  (DataStore.isLock == false &&
+                    DataStore.requestStatus == 'st5') ||
+                  checkStatus == true
+                "
+              />
             </q-tr>
           </template>
           <template v-slot:body="props">
@@ -770,7 +790,15 @@ const paginationLabel2 = (start: number, end: number, total: number) => {
               <q-td key="dateSend" :props="props">
                 {{ props.row.dateSend }}
               </q-td>
-              <q-td auto-width v-if="DataStore.isLock !== true">
+              <q-td
+                auto-width
+                v-if="
+                  (DataStore.isLock == false &&
+                    DataStore.requestStatus == 'st5' &&
+                    DataStore.roleUser == 'admin') ||
+                  checkStatus == true
+                "
+              >
                 <q-btn
                   v-if="
                     roleUser == 'admin' ||
diff --git a/src/modules/07_insignia/components/2_Manage/listManage.vue b/src/modules/07_insignia/components/2_Manage/listManage.vue
index af63950e4..7f8141580 100644
--- a/src/modules/07_insignia/components/2_Manage/listManage.vue
+++ b/src/modules/07_insignia/components/2_Manage/listManage.vue
@@ -53,6 +53,7 @@ const checkRole = async () => {
     } else {
       roleUser.value = "admin";
     }
+    DataStore.roleUser = roleUser.value;
   }
 };
 
@@ -157,8 +158,9 @@ const fecthInsigniaByOc = async (
       requestNote.value = res.data.result.requestNote;
       requestStatus.value = res.data.result.requestStatus;
       await DataStore.fetchData(res.data.result.items);
-      DataStore.isLock = await res.data.result.isLock;
-      DataStore.requestId = await res.data.result.requestId;
+      await DataStore.fetchDataInsignia(res.data.result);
+      // DataStore.isLock = await res.data.result.isLock;
+      // DataStore.requestId = await res.data.result.requestId;
     })
     .catch((err) => {
       messageError($q, err);
diff --git a/src/modules/07_insignia/store.ts b/src/modules/07_insignia/store.ts
index e94f69b6b..eb93af4e0 100644
--- a/src/modules/07_insignia/store.ts
+++ b/src/modules/07_insignia/store.ts
@@ -7,7 +7,9 @@ const { date2Thai } = mixin;
 
 export const useInsigniaDataStore = defineStore("insignia", () => {
   const isLock = ref<boolean>(false)
+  const roleUser = ref<string>("")
   const requestId = ref<string>("")
+  const requestStatus = ref<string>("")
   let optionsTypeOc = ref<any>([]);
   let typeOc = ref<string>("");
   const agency = ref<string>("");
@@ -49,6 +51,11 @@ export const useInsigniaDataStore = defineStore("insignia", () => {
       filtertypeInsignia();
     } else rows.value = [];
   };
+  const fetchDataInsignia = async (data: any) => {
+    isLock.value = data.isLock;
+    requestId.value = data.requestId;
+    requestStatus.value = data.requestStatus;
+  }
   const fetchOption = (op: any) => {
     if (agency.value !== null) {
       typeOc.value = agency.value;
@@ -128,7 +135,10 @@ export const useInsigniaDataStore = defineStore("insignia", () => {
     selectEmployeeClass,
     employeeClass,
     employeeClassOps,
+    fetchDataInsignia,
     isLock,
-    requestId
+    requestId,
+    roleUser,
+    requestStatus,
   };
 });