From fba8992419d1147aa6418f9e0a95e072bff5caa9 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Tue, 30 Jul 2024 05:29:36 +0000
Subject: [PATCH] fix(04): branch id select label

---
 .../04_product-service/BasicInfoProduct.vue   |  4 +--
 .../04_product-service/BasicInformation.vue   |  7 ++---
 src/pages/04_product-service/MainPage.vue     | 26 +++++++++----------
 3 files changed, 16 insertions(+), 21 deletions(-)

diff --git a/src/components/04_product-service/BasicInfoProduct.vue b/src/components/04_product-service/BasicInfoProduct.vue
index b297b8bb..b9259b58 100644
--- a/src/components/04_product-service/BasicInfoProduct.vue
+++ b/src/components/04_product-service/BasicInfoProduct.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { QSelect } from 'quasar';
 import { getRole } from 'src/services/keycloak';
 import { selectFilterOptionRefMod } from 'src/stores/utils';
 import { ref, onMounted } from 'vue';
@@ -15,7 +16,7 @@ const registeredBranchId = defineModel<string>('registeredBranchId');
 const codeOption = ref<{ id: string; name: string }[]>([]);
 const optionsBranch = defineModel<{ id: string; name: string }[]>(
   'optionsBranch',
-  { required: true },
+  { default: [] },
 );
 
 defineProps<{
@@ -87,7 +88,6 @@ const branchFilter = selectFilterOptionRefMod(
         </q-item>
       </template>
     </q-select>
-
     <q-select
       outlined
       clearable
diff --git a/src/components/04_product-service/BasicInformation.vue b/src/components/04_product-service/BasicInformation.vue
index d782c903..2969d7a4 100644
--- a/src/components/04_product-service/BasicInformation.vue
+++ b/src/components/04_product-service/BasicInformation.vue
@@ -1,15 +1,12 @@
 <script setup lang="ts">
+import { QSelect } from 'quasar';
 import { getRole } from 'src/services/keycloak';
-import useOptionStore from 'src/stores/options';
 import { selectFilterOptionRefMod } from 'src/stores/utils';
 import { ref } from 'vue';
 
-const optionStore = useOptionStore();
-
 const remark = defineModel<string>('remark');
 const detail = defineModel<string>('detail');
 const name = defineModel<string>('name');
-const code = defineModel<string>('code');
 
 const serviceCode = defineModel<string>('serviceCode');
 const serviceName = defineModel<string>('serviceNameTh');
@@ -19,7 +16,7 @@ const registeredBranchId = defineModel<string | null>('registeredBranchId');
 
 const optionsBranch = defineModel<{ id: string; name: string }[]>(
   'optionsBranch',
-  { required: true },
+  { default: [] },
 );
 
 defineProps<{
diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index 0bcd2319..b8f373f1 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -1397,9 +1397,9 @@ watch(
       padding="xs"
       icon="mdi-folder-multiple-plus"
       @click="
-        () => {
+        async () => {
           clearFormProduct();
-          fetchListOfOptionBranch();
+          await fetchListOfOptionBranch();
           dialogProduct = true;
         }
       "
@@ -1413,10 +1413,10 @@ watch(
       padding="xs"
       icon="mdi-folder-multiple-plus"
       @click="
-        () => {
+        async () => {
           clearFormGroup();
           clearFormService();
-          fetchListOfOptionBranch();
+          await fetchListOfOptionBranch();
           currentServiceTab = 'serviceInformation';
           dialogService = true;
         }
@@ -2884,6 +2884,7 @@ watch(
                             flat
                             @click.stop="
                               async () => {
+                                await fetchListOfOptionBranch();
                                 if (props.row.type === 'product') {
                                   currentIdProduct = props.row.id;
                                   assignFormDataProduct(props.row);
@@ -2895,7 +2896,6 @@ watch(
                                   assignFormDataProductService(props.row.id);
                                   dialogServiceEdit = true;
                                 }
-                                await fetchListOfOptionBranch();
                               }
                             "
                           />
@@ -2915,6 +2915,7 @@ watch(
                                   :id="`view-detail-btn-${props.row.name}-view`"
                                   @click.stop="
                                     async () => {
+                                      await fetchListOfOptionBranch();
                                       if (props.row.type === 'product') {
                                         currentIdProduct = props.row.id;
                                         assignFormDataProduct(props.row);
@@ -2928,7 +2929,6 @@ watch(
                                         );
                                         dialogServiceEdit = true;
                                       }
-                                      await fetchListOfOptionBranch();
                                     }
                                   "
                                   v-close-popup
@@ -2957,6 +2957,7 @@ watch(
                                   style="white-space: nowrap"
                                   @click="
                                     async () => {
+                                      await fetchListOfOptionBranch();
                                       if (props.row.type === 'product') {
                                         currentIdProduct = props.row.id;
                                         infoProductEdit = true;
@@ -2971,8 +2972,6 @@ watch(
                                         );
                                         dialogServiceEdit = true;
                                       }
-
-                                      await fetchListOfOptionBranch();
                                     }
                                   "
                                 >
@@ -3073,6 +3072,7 @@ watch(
                           "
                           @menuViewDetail="
                             async () => {
+                              await fetchListOfOptionBranch();
                               if (row.type === 'product') {
                                 currentIdProduct = row.id;
                                 assignFormDataProduct(row);
@@ -3084,11 +3084,11 @@ watch(
                                 assignFormDataProductService(row.id);
                                 dialogServiceEdit = true;
                               }
-                              await fetchListOfOptionBranch();
                             }
                           "
                           @menuEdit="
                             async () => {
+                              await fetchListOfOptionBranch();
                               if (row.type === 'product') {
                                 currentIdProduct = row.id;
                                 infoProductEdit = true;
@@ -3101,8 +3101,6 @@ watch(
                                 assignFormDataProductService(row.id);
                                 dialogServiceEdit = true;
                               }
-
-                              await fetchListOfOptionBranch();
                             }
                           "
                         />
@@ -3202,7 +3200,6 @@ watch(
       <BasicInformation
         dense
         :isType="productMode === 'type'"
-        v-model:options-branch="branchOption"
         v-model:remark="formDataGroup.remark"
         v-model:name="formDataGroup.name"
         v-model:detail="formDataGroup.detail"
@@ -3262,7 +3259,6 @@ watch(
             dense
             :isType="productMode === 'type'"
             :readonly="!isEdit"
-            v-model:options-branch="branchOption"
             v-model:remark="formDataGroup.remark"
             v-model:name="formDataGroup.name"
             v-model:code="formDataGroup.code"
@@ -3817,8 +3813,10 @@ watch(
           v-ripple
           v-close-popup
           @click.stop="
-            () => {
+            async () => {
               if (!currentNode) return;
+
+              await fetchListOfOptionBranch();
               if (currentNode.type === 'type') {
                 editByTree = 'type';
                 currentStatusProduct = currentNode.status === 'INACTIVE';