From 70b00cf10c2eaabdce191a7025e4e8affd09dea0 Mon Sep 17 00:00:00 2001
From: "STW_TTTY\\stwtt" <trx.setthawut@gmail.com>
Date: Fri, 12 Jul 2024 16:50:19 +0700
Subject: [PATCH] no message

---
 .../08_KPI/components/Tab/Topic/03_Develop.vue  | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/modules/08_KPI/components/Tab/Topic/03_Develop.vue b/src/modules/08_KPI/components/Tab/Topic/03_Develop.vue
index d39524a..abde55e 100644
--- a/src/modules/08_KPI/components/Tab/Topic/03_Develop.vue
+++ b/src/modules/08_KPI/components/Tab/Topic/03_Develop.vue
@@ -43,6 +43,15 @@ const formData = reactive({
   isDevelopment10: false,
 });
 const columns = ref<QTableProps["columns"]>([
+  {
+    name: "no",
+    align: "center",
+    label: "ลำดับ",
+    sortable: false,
+    field: "no",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
   {
     name: "name",
     align: "left",
@@ -102,8 +111,8 @@ const columns = ref<QTableProps["columns"]>([
 
 const visibleColumns = ref<string[]>(
   store.tabOpen === 3 && store.tabMain === "3"
-    ? ["name", "develop", "target", "achievement", "summary"]
-    : ["name", "develop", "target"]
+    ? ['no',"name", "develop", "target", "achievement", "summary"]
+    : ['no',"name", "develop", "target"]
 );
 
 function onAdd() {
@@ -259,7 +268,9 @@ onMounted(() => {
               <div v-if="col.name == 'createDate'">
                 {{ col.value ? date2Thai(col.value) : "-" }}
               </div>
-
+              <div v-else-if="col.name == 'no'" class="text-center">
+                {{ props.rowIndex + 1 }}
+              </div>
               <div v-else-if="col.name == 'develop'">
                 <div class="column">
                   <q-checkbox