From 0a123d5d7d026dd0a7def4d760410a391331c450 Mon Sep 17 00:00:00 2001
From: Net <thanaphon@frappet.com>
Date: Fri, 19 Jul 2024 14:04:02 +0700
Subject: [PATCH] =?UTF-8?q?refactor:=20=E0=B9=80=E0=B8=9E=E0=B8=B4?=
 =?UTF-8?q?=E0=B9=88=E0=B8=A1=20id=20tab?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/03_customer-management/MainPage.vue |  2 ++
 src/pages/04_product-service/MainPage.vue     | 13 +++++++++----
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 94c5d35f..6ffd3f1e 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -1783,6 +1783,7 @@ watch(
             >
               <q-tab
                 name="employer"
+                id="tab-employer"
                 @click="
                   async () => {
                     selectorLabel = 'EMPLOYER';
@@ -1804,6 +1805,7 @@ watch(
               </q-tab>
               <q-tab
                 name="employee"
+                id="tab-employee"
                 @click="
                   async () => {
                     selectorLabel = 'EMPLOYEE';
diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index f8913215..45c365fa 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -150,12 +150,12 @@ const treeProductTypeAndGroup = computed(() => {
         type: 'group',
         children:
           item.id === currentId.value
-            ? recordTreeProductType.value[currentId.value]?.map((item) => ({
-                ...item,
+            ? recordTreeProductType.value[currentId.value]?.map((x) => ({
+                ...x,
                 type: 'type',
               })) ?? []
-            : recordTreeProductType.value[item.id]?.map((item) => ({
-                ...item,
+            : recordTreeProductType.value[item.id]?.map((x) => ({
+                ...x,
                 type: 'type',
               })) ?? [],
       };
@@ -1688,6 +1688,7 @@ watch(
                 >
                   <q-select
                     v-model="currentStatus"
+                    for="select-status"
                     outlined
                     dense
                     option-value="value"
@@ -2395,6 +2396,7 @@ watch(
                 >
                   <q-btn
                     icon="mdi-tune-vertical-variant"
+                    id="btn-status"
                     size="sm"
                     :color="$q.dark.isActive ? 'dark' : 'white'"
                     :text-color="$q.dark.isActive ? 'white' : 'dark'"
@@ -2533,6 +2535,7 @@ watch(
                   align="left"
                 >
                   <q-tab
+                    id="tab-service"
                     name="service"
                     @click="
                       async () => {
@@ -2556,6 +2559,7 @@ watch(
                     </div>
                   </q-tab>
                   <q-tab
+                    id="tab-product"
                     name="product"
                     @click="
                       async () => {
@@ -3258,6 +3262,7 @@ watch(
       <div class="row items-center">
         <q-space />
         <q-input
+          id="input-search-add-product"
           outlined
           style="width: 250px"
           dense