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

---
 .../04_product-service/BasicInfoProduct.vue   | 23 ++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/components/04_product-service/BasicInfoProduct.vue b/src/components/04_product-service/BasicInfoProduct.vue
index 9b467475..1d6abc7a 100644
--- a/src/components/04_product-service/BasicInfoProduct.vue
+++ b/src/components/04_product-service/BasicInfoProduct.vue
@@ -9,6 +9,7 @@ const process = defineModel<number>('process');
 const name = defineModel<string>('name');
 const code = defineModel<string>('code');
 
+const registeredBranchId = defineModel<string>('registeredBranchId');
 const codeOption = ref([]);
 
 defineProps<{
@@ -17,6 +18,7 @@ defineProps<{
   readonly?: boolean;
   separator?: boolean;
   isType?: boolean;
+  optionsBranch: { id: string; name: string }[];
 }>();
 
 onMounted(async () => {
@@ -58,6 +60,25 @@ onMounted(async () => {
       :rules="[(val: string) => !!val]"
     />
 
+    <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
       for="input-name"
       :dense="dense"
@@ -65,7 +86,7 @@ onMounted(async () => {
       :readonly="readonly"
       :borderless="readonly"
       hide-bottom-space
-      class="col-9"
+      class="col-6"
       :label="$t('productName')"
       v-model="name"
     />