From 6af275330ccf9073cc55f043a5087f0418a2fa10 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Fri, 16 Aug 2024 17:41:20 +0700
Subject: [PATCH] fix: tab default tab

---
 src/pages/04_product-service/MainPage.vue | 28 ++++++++++++-----------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index 91c24771..cfc4051a 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -413,7 +413,7 @@ const workNameRef = ref();
 const selectProduct = ref<ProductList[]>([]);
 const currentWorkIndex = ref<number>(0);
 
-const currentServiceTab = ref(1);
+const serviceTab = ref(1);
 const propertiesDialog = ref<boolean>(false);
 
 const totalProduct = ref<number>(0);
@@ -901,7 +901,7 @@ async function assignFormDataProductService(id: string) {
   const res = await fetchListServiceById(id);
 
   if (res) {
-    currentServiceTab.value = 1;
+    serviceTab.value = 1;
     statusToggle.value = res.status === 'INACTIVE' ? false : true;
     profileUrl.value = res.imageUrl;
     profileSubmit.value = true;
@@ -964,6 +964,7 @@ const prevProduct = ref<ProductCreate>({
 });
 
 function assignFormDataProduct(data: ProductList) {
+  productTab.value = 1;
   statusToggle.value = data.status === 'INACTIVE' ? false : true;
   profileUrl.value = `${baseUrl.value}/product/${data?.id}/image`;
 
@@ -1444,10 +1445,11 @@ watch(
       icon="mdi-folder-multiple-plus"
       @click="
         async () => {
+          serviceTab = 1;
           clearFormGroup();
           clearFormService();
           await fetchListOfOptionBranch();
-          currentServiceTab = 1;
+          serviceTab = 1;
           dialogService = true;
         }
       "
@@ -4164,8 +4166,8 @@ watch(
             class="no-padding items-center rounded full-width"
             :class="{ 'q-mt-xs': v > 1 }"
             active-class="product-form-active"
-            :active="currentServiceTab === v"
-            @click="currentServiceTab = v"
+            :active="serviceTab === v"
+            @click="serviceTab = v"
           >
             <span class="full-width q-py-sm" style="padding-inline: 20px">
               {{ v === 1 ? $t('serviceInformation') : $t('workInformation') }}
@@ -4179,7 +4181,7 @@ watch(
         style="height: 100%; max-height: 100%; overflow-y: auto"
       >
         <BasicInformation
-          v-if="currentServiceTab === 1"
+          v-if="serviceTab === 1"
           dense
           service
           v-model:options-branch="branchOption"
@@ -4192,7 +4194,7 @@ watch(
         />
 
         <FormServiceWork
-          v-if="currentServiceTab === 2"
+          v-if="serviceTab === 2"
           v-model:work-items="workItems"
           dense
           @addProduct="
@@ -4222,7 +4224,7 @@ watch(
     </div>
     <div
       class="col-2 surface-1 q-mx-lg q-mb-lg rounded bordered row"
-      v-if="currentServiceTab === 1"
+      v-if="serviceTab === 1"
       style="overflow: hidden"
     >
       <FormServiceProperties
@@ -4383,8 +4385,8 @@ watch(
             class="no-padding items-center rounded full-width"
             :class="{ 'q-mt-xs': v > 1 }"
             active-class="product-form-active"
-            :active="currentServiceTab === v"
-            @click="currentServiceTab = v"
+            :active="serviceTab === v"
+            @click="serviceTab = v"
           >
             <span class="full-width q-py-sm" style="padding-inline: 20px">
               {{ v === 1 ? $t('serviceInformation') : $t('workInformation') }}
@@ -4398,7 +4400,7 @@ watch(
         style="height: 100%; max-height: 100%; overflow-y: auto"
       >
         <BasicInformation
-          v-if="currentServiceTab === 1"
+          v-if="serviceTab === 1"
           :readonly="!infoServiceEdit"
           dense
           service
@@ -4413,7 +4415,7 @@ watch(
         />
 
         <FormServiceWork
-          v-if="currentServiceTab === 2"
+          v-if="serviceTab === 2"
           :readonly="!infoServiceEdit"
           v-model:work-items="workItems"
           dense
@@ -4444,7 +4446,7 @@ watch(
     </div>
     <div
       class="col-2 surface-1 q-mx-lg q-mb-lg rounded bordered row"
-      v-if="currentServiceTab === 1"
+      v-if="serviceTab === 1"
       style="overflow: hidden"
     >
       <FormServiceProperties