From 3a7a6fc84e9c464785062fd9549231eab039f236 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 19 Sep 2024 13:58:07 +0700
Subject: [PATCH] refactor(04): tree component for id

---
 src/components/TreeComponent.vue          |  2 +-
 src/pages/04_product-service/MainPage.vue | 11 ++++++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/TreeComponent.vue b/src/components/TreeComponent.vue
index 0980dfa2..700b6b06 100644
--- a/src/components/TreeComponent.vue
+++ b/src/components/TreeComponent.vue
@@ -64,7 +64,7 @@ defineEmits<{
             $emit('select', node);
           }
         "
-        :id="`tree-enter-${node.name}`"
+        :id="`tree-enter-${node.name}${node.for ? `-${node.for}` : ''}`"
       >
         <div class="row col items-center justify-between full-width no-wrap">
           <q-icon
diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index 9848223d..16d3bb72 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -177,12 +177,14 @@ const treeProductTypeAndGroup = computed(
           name: t('general.type'),
           type: 'type',
           actionDisabled: true,
+          for: item.name,
         },
         {
           id: 'productService',
           name: t('productService.title'),
           type: 'productService',
           actionDisabled: true,
+          for: item.name,
         },
       ],
     })) ?? [],
@@ -1172,13 +1174,12 @@ function triggerConfirmCloseWork() {
   dialogWarningClose(t, {
     action: () => {
       manageWorkNameDialog.value = false;
-      if(workNameItems.value[workNameItems.value.length - 1].name ===''){
-
+      if (workNameItems.value[workNameItems.value.length - 1].name === '') {
         confirmDeleteWork(
           workNameItems.value[workNameItems.value.length - 1].id,
-        true,
-      );
-        }
+          true,
+        );
+      }
     },
     cancel: () => {},
   });