refactor: เพิ่ม input registeredBranchId

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"
     />