From 65bfb23e52e5f2edf18610cfff01ed36712cb180 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Thu, 13 Jun 2024 13:55:48 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88?=
 =?UTF-8?q?=E0=B8=A1=20=20id?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/01_branch-management/MainPage.vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index 08b595e0..991b5b0b 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -505,6 +505,7 @@ watch(locale, () => {
                     <div class="q-gutter-xs flex no-wrap" @click.stop>
                       <q-btn
                         v-if="node.isHeadOffice"
+                        :id="`create-sub-branch-btn-${node.name}`"
                         @click.stop="
                           triggerCreate('subBranch', node.id, node.code)
                         "
@@ -513,10 +514,17 @@ watch(locale, () => {
                         unelevated
                       />
 
-                      <q-btn icon="mdi-dots-vertical" fab-mini unelevated flat>
+                      <q-btn
+                        :id="`view-detail-btn-${node.name}`"
+                        icon="mdi-dots-vertical"
+                        fab-mini
+                        unelevated
+                        flat
+                      >
                         <q-menu class="bordered">
                           <q-list v-close-popup>
                             <q-item
+                              :id="`view-detail-btn-${node.name}-view`"
                               @click="
                                 if (node.isHeadOffice) {
                                   triggerEdit('drawer', node.id, 'headOffice');
@@ -540,6 +548,7 @@ watch(locale, () => {
                               </span>
                             </q-item>
                             <q-item
+                              :id="`view-detail-btn-${node.name}-edit`"
                               clickable
                               dense
                               class="row q-py-sm"
@@ -565,6 +574,7 @@ watch(locale, () => {
                               </span>
                             </q-item>
                             <q-item
+                              :id="`view-detail-btn-${node.name}-delete`"
                               dense
                               :clickable="node.status === 'CREATED'"
                               class="row"
@@ -593,6 +603,7 @@ watch(locale, () => {
                               <q-item-section class="q-py-sm">
                                 <div class="q-pa-sm surface-2 rounded">
                                   <q-toggle
+                                    :id="`view-detail-btn-${node.name}-status`"
                                     dense
                                     size="sm"
                                     :label="
@@ -602,8 +613,6 @@ watch(locale, () => {
                                     "
                                     @click="
                                       async () => {
-                                        console.log('dddgdfg');
-
                                         const res = await branchStore.editById(
                                           node.id,
                                           {