From 3c4573192f12a0006ae7251885b474d0f71d59c1 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Thu, 3 Jul 2025 16:19:33 +0700
Subject: [PATCH] refactor: update role task order can edit

---
 src/pages/09_task-order/MainPage.vue       | 2 ++
 src/pages/09_task-order/TableTaskOrder.vue | 6 +++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/pages/09_task-order/MainPage.vue b/src/pages/09_task-order/MainPage.vue
index cda7d75e..a6b654d7 100644
--- a/src/pages/09_task-order/MainPage.vue
+++ b/src/pages/09_task-order/MainPage.vue
@@ -5,6 +5,7 @@ import { storeToRefs } from 'pinia';
 import { useQuasar } from 'quasar';
 import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
+import { canAccess } from 'src/stores/utils';
 
 // NOTE:  Components
 import StatCardComponent from 'src/components/StatCardComponent.vue';
@@ -172,6 +173,7 @@ watch(
 </script>
 <template>
   <FloatingActionButton
+    v-if="canAccess('related', 'edit')"
     style="z-index: 999"
     :hide-icon="!pageState.isMessenger"
     @click.stop="
diff --git a/src/pages/09_task-order/TableTaskOrder.vue b/src/pages/09_task-order/TableTaskOrder.vue
index 44fa01e7..4411e2e8 100644
--- a/src/pages/09_task-order/TableTaskOrder.vue
+++ b/src/pages/09_task-order/TableTaskOrder.vue
@@ -2,6 +2,8 @@
 import { ref } from 'vue';
 import { QTableProps, QTableSlots } from 'quasar';
 
+import { canAccess } from 'src/stores/utils';
+
 import QuotationCard from 'src/components/05_quotation/QuotationCard.vue';
 import BadgeComponent from 'src/components/BadgeComponent.vue';
 import KebabAction from 'src/components/shared/KebabAction.vue';
@@ -214,7 +216,9 @@ const emit = defineEmits<{
           />
           <KebabAction
             v-if="
-              !receive && props.row.taskOrderStatus === TaskOrderStatus.Pending
+              canAccess('related', 'edit') &&
+              !receive &&
+              props.row.taskOrderStatus === TaskOrderStatus.Pending
             "
             :idName="`btn-kebab-${props.row.taskName}`"
             status="'ACTIVE'"