From 6ef832d84b197e97d4b58a66151b3fc7d4796f9b Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 13 Mar 2026 14:01:33 +0700
Subject: [PATCH] fix(command): disable button delete

---
 .../18_command/components/Step/1_Detail.vue        | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/modules/18_command/components/Step/1_Detail.vue b/src/modules/18_command/components/Step/1_Detail.vue
index ddab5c0ef..cb3b532b8 100644
--- a/src/modules/18_command/components/Step/1_Detail.vue
+++ b/src/modules/18_command/components/Step/1_Detail.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, reactive, ref } from "vue";
+import { onMounted, reactive, ref, computed } from "vue";
 import { useQuasar, type QTableProps } from "quasar";
 import { useRoute } from "vue-router";
 
@@ -37,6 +37,12 @@ const props = defineProps({
   formCommandList: { type: Object, required: true },
 });
 
+const isCanDelete = computed(
+  () => (role: string) =>
+    rows.value.filter((row) => row.roleName === "เจ้าหน้าที่ดำเนินการ")
+      .length === 1 && role === "เจ้าหน้าที่ดำเนินการ"
+); //เช็คสามารถลบรายชื่อผู้ลงนามในแนบท้ายคำสั่ง ได้หรือไม่
+
 const commandId = ref<string>(route.params.id.toString()); //ID คำสั่ง
 const commandCode = ref<string>(""); //รหัสคำสั่ง
 const createdUserId = ref<string>(""); //ID ผู้สร้างคำสั่ง
@@ -597,14 +603,12 @@ onMounted(async () => {
                       <q-btn
                         icon="mdi-delete"
                         :color="
-                          props.row.roleName === 'เจ้าหน้าที่ดำเนินการ'
-                            ? 'grey'
-                            : 'red'
+                          isCanDelete(props.row.roleName) ? 'grey' : 'red'
                         "
                         flat
                         dense
                         round
-                        :disable="props.row.roleName === 'เจ้าหน้าที่ดำเนินการ'"
+                        :disable="isCanDelete(props.row.roleName)"
                         @click.prevent.stop="onDeleteData(props.row.id)"
                       >
                         <q-tooltip>ลบข้อมูล</q-tooltip>