From 3d60f25246a5665613e17bd6f7da03141d37747e Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Wed, 17 Apr 2024 14:30:23 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=A2=E0=B8=B8=E0=B8=97=E0=B8=98=E0=B8=A8?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=AA=E0=B8=95=E0=B8=A3=E0=B9=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../15_development/views/Strategic.vue        | 49 ++++++++++---------
 1 file changed, 26 insertions(+), 23 deletions(-)

diff --git a/src/modules/15_development/views/Strategic.vue b/src/modules/15_development/views/Strategic.vue
index f85770024..719b4ef8a 100644
--- a/src/modules/15_development/views/Strategic.vue
+++ b/src/modules/15_development/views/Strategic.vue
@@ -112,32 +112,35 @@ const titleDialog = ref<string>("");
 function onClickOpenDialog(status: boolean = false, data: any = null) {
   isStatusEdit.value = status;
   if (status) {
+    console.log(data);
+
     nodeId.value = data.id;
-    strategicName.value = data.strategyChild1Name;
-    levelnode.value = 1;
+    strategicName.value = data.name;
+    levelnode.value = data.level;
     titleDialog.value =
-      data.level === "0"
+      data.level === 1
         ? "ยุทธศาสตร์"
-        : data.level === "1"
+        : data.level === 2
         ? "ยุทธศาสตร์ที่ 1"
-        : data.level === "2"
+        : data.level === 3
         ? "ยุทธศาสตร์ย่อย"
-        : data.level === "3"
+        : data.level === 4
         ? "กลยุทธ์ที่/เป้าประสงค์ที่"
         : "";
   } else {
     if (data) {
       titleDialog.value =
-        data.level === "0"
+        data.level === 1
           ? "ยุทธศาสตร์ 1"
-          : data.level === "1"
+          : data.level === 2
           ? "ยุทธศาสตร์ย่อย"
-          : data.level === "2"
+          : data.level === 3
           ? "กลยุทธ์ที่/เป้าประสงค์ที่"
           : "";
-      levelnode.value = 1;
+      levelnode.value = data.level;
       nodeId.value = data.id;
     } else {
+      levelnode.value = 0;
       titleDialog.value = "ยุทธศาสตร์";
     }
   }
@@ -179,7 +182,7 @@ function onDelete(data: any) {
     showLoader();
     const formData = {
       idnode: data.id,
-      levelnode: 1,
+      levelnode: data.level,
     };
     http
       .delete(config.API.devStrategy, { data: formData })
@@ -233,8 +236,8 @@ onMounted(() => {
       class="q-pa-sm q-gutter-sm"
       dense
       :nodes="nodes"
-      node-key="strategyChild1Name"
-      label-key="strategyChild1Name"
+      node-key="id"
+      label-key="id"
       :filter="filter"
       :no-results-label="notFound"
       :no-nodes-label="noData"
@@ -244,13 +247,13 @@ onMounted(() => {
         <q-item
           clickable
           @click.stop
-          :active="nodeId == prop.node.strategyChild1Name"
+          :active="nodeId == prop.node.name"
           active-class="my-list-link text-primary text-weight-medium"
           class="row col-12 items-center text-dark q-py-xs q-pl-sm rounded-borders my-list"
         >
           <div>
             <div class="text-weight-medium">
-              {{ prop.node.strategyChild1Name }}
+              {{ prop.node.name }}
             </div>
           </div>
           <q-btn
@@ -265,7 +268,7 @@ onMounted(() => {
             <q-menu>
               <q-list
                 dense
-                v-for="(item, index) in prop.node.level !== '3'
+                v-for="(item, index) in prop.node.level !== 4
                   ? ListMenu
                   : ListMenu.slice(1, 4)"
                 :key="index"
@@ -281,28 +284,28 @@ onMounted(() => {
                   </q-item-section>
 
                   <div v-if="item.value === 'ADD'">
-                    <q-item-section v-if="prop.node.level === '0'">
+                    <q-item-section v-if="prop.node.level === 1">
                       {{ `${item.label}ยุทธศาสตร์ที่ 1` }}
                     </q-item-section>
-                    <q-item-section v-if="prop.node.level === '1'">
+                    <q-item-section v-if="prop.node.level === 2">
                       {{ `${item.label}ยุทธศาสตร์ย่อย` }}
                     </q-item-section>
-                    <q-item-section v-if="prop.node.level === '2'">
+                    <q-item-section v-if="prop.node.level === 3">
                       {{ `${item.label}กลยุทธ์ที่/เป้าประสงค์` }}
                     </q-item-section>
                   </div>
 
                   <div v-else-if="item.value === 'EDIT'">
-                    <q-item-section v-if="prop.node.level === '0'">
+                    <q-item-section v-if="prop.node.level === 1">
                       {{ `${item.label}ยุทธศาสตร์` }}
                     </q-item-section>
-                    <q-item-section v-if="prop.node.level === '1'">
+                    <q-item-section v-if="prop.node.level === 2">
                       {{ `${item.label}ยุทธศาสตร์ที่ 1` }}
                     </q-item-section>
-                    <q-item-section v-if="prop.node.level === '2'">
+                    <q-item-section v-if="prop.node.level === 3">
                       {{ `${item.label}ยุทธศาสตร์ย่อย` }}
                     </q-item-section>
-                    <q-item-section v-if="prop.node.level === '3'">
+                    <q-item-section v-if="prop.node.level === 4">
                       {{ `${item.label}กลยุทธ์ที่/เป้าประสงค์` }}
                     </q-item-section>
                   </div>