From 735ab8f251ae235691e54598c961027fc34f60a2 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Thu, 4 Jul 2024 13:27:34 +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=20=20input=20registeredBranchId?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../04_product-service/BasicInformation.vue   | 34 +++++++++++++------
 1 file changed, 23 insertions(+), 11 deletions(-)

diff --git a/src/components/04_product-service/BasicInformation.vue b/src/components/04_product-service/BasicInformation.vue
index 7ba66a93..e4d86d61 100644
--- a/src/components/04_product-service/BasicInformation.vue
+++ b/src/components/04_product-service/BasicInformation.vue
@@ -12,6 +12,7 @@ const serviceCode = defineModel<string>('serviceCode');
 const serviceName = defineModel<string>('serviceNameTh');
 const serviceDescription = defineModel<string>('serviceDescription');
 
+const registeredBranchId = defineModel<string | null>('registeredBranchId');
 defineProps<{
   dense?: boolean;
   outlined?: boolean;
@@ -19,6 +20,7 @@ defineProps<{
   separator?: boolean;
   isType?: boolean;
   service?: boolean;
+  optionsBranch?: { id: string; name: string }[];
 }>();
 </script>
 
@@ -27,16 +29,6 @@ defineProps<{
     • {{ $t(`formDialogTitleInformation`) }}
   </div>
   <div v-if="!service" class="col-9 row q-col-gutter-md">
-    <!-- <q-input -->
-    <!--   :dense="dense" -->
-    <!--   outlined -->
-    <!--   hide-bottom-space -->
-    <!--   class="col-6" -->
-    <!--   :label=" -->
-    <!--     $t(isType ? 'productAndServiceTypeCode' : 'productAndServiceGroupCode') -->
-    <!--   " -->
-    <!--   v-model="code" -->
-    <!-- /> -->
     <q-input
       :dense="dense"
       outlined
@@ -82,6 +74,26 @@ defineProps<{
       :label="$t('serviceCode')"
       v-model="serviceCode"
     />
+
+    <q-select
+      id="input-source-nationality"
+      :dense="dense"
+      outlined
+      :readonly="readonly"
+      :hide-dropdown-icon="readonly"
+      hide-bottom-space
+      emit-value
+      map-options
+      options-dense
+      :label="$t('registeredBranch')"
+      class="col-3"
+      option-label="name"
+      option-value="id"
+      v-model="registeredBranchId"
+      :options="optionsBranch"
+      :rules="[(val) => !!val]"
+    />
+
     <q-input
       id="input-service-name"
       for="input-service-name"
@@ -89,7 +101,7 @@ defineProps<{
       outlined
       :readonly="readonly"
       hide-bottom-space
-      class="col-9"
+      class="col-6"
       :label="$t('serviceName')"
       v-model="serviceName"
     />