From bc7070d0e3fdbe907650a3bdc8cb4a90cacc88df Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Wed, 10 Jul 2024 11:11:06 +0700
Subject: [PATCH] =?UTF-8?q?fix:=20=E0=B9=81=E0=B8=81=E0=B9=89=20=20?=
 =?UTF-8?q?=E0=B8=82=E0=B9=89=E0=B8=AD=E0=B8=A1=E0=B8=B9=E0=B8=A5=E0=B9=84?=
 =?UTF-8?q?=E0=B8=A1=E0=B9=88=E0=B9=81=E0=B8=AA=E0=B8=94=E0=B8=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/04_product-service/MainPage.vue | 26 ++++++++++++-----------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index 3eb36657..87251475 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -2170,18 +2170,7 @@ watch(inputSearchProductAndService, async () => {
           </div>
         </div>
 
-        <div
-          v-if="
-            (productAndServiceTab === 'product' && product?.length === 0) ||
-            (productAndServiceTab === 'service' && service?.length === 0)
-          "
-          class="flex justify-center items-center surface-1 col"
-        >
-          <NoData :not-found="!!inputSearchProductAndService" />
-        </div>
-        <!-- tab -->
-        <template v-else>
-          <q-tabs
+<q-tabs
             dense
             v-model="productAndServiceTab"
             class="bordered-b q-px-md"
@@ -2234,6 +2223,19 @@ watch(inputSearchProductAndService, async () => {
               </div>
             </q-tab>
           </q-tabs>
+
+        <div
+          v-if="
+            (productAndServiceTab === 'product' && product?.length === 0) ||
+            (productAndServiceTab === 'service' && service?.length === 0)
+          "
+          class="flex justify-center items-center surface-1 col"
+        >
+          <NoData :not-found="!!inputSearchProductAndService" />
+        </div>
+        <!-- tab -->
+        <template v-else>
+          
           <div class="col flex scroll full-height q-pa-md surface-1">
             <div class="full-width">
               <q-table