refactor: เพิ่ม พื้นฐานให้กับ สาขาที่ลงทะเบียน

src/components/04_product-service/BasicInfoProduct.vue

@@ -10,9 +10,9 @@ const name = defineModel<string>('name');
 const code = defineModel<string>('code');
 
 const registeredBranchId = defineModel<string>('registeredBranchId');
-const codeOption = ref([]);
+const codeOption = ref<{ id: string; name: string }[]>([]);
 
-defineProps<{
+const props = defineProps<{
   dense?: boolean;
   outlined?: boolean;
   readonly?: boolean;
@@ -31,6 +31,15 @@ onMounted(async () => {
   if (locale.value === 'th-th') {
     codeOption.value = option.tha.typeProduct;
   }
+
+  if(!!props.optionsBranch) {
+
+  
+
+    registeredBranchId.value = props.optionsBranch[0].id ;
+  }
+
+
 });
 </script>
 

src/components/04_product-service/BasicInformation.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import useOptionStore from 'src/stores/options';
+import { onMounted } from 'vue';
 
 const optionStore = useOptionStore();
 
@@ -13,7 +14,7 @@ const serviceName = defineModel<string>('serviceNameTh');
 const serviceDescription = defineModel<string>('serviceDescription');
 
 const registeredBranchId = defineModel<string | null>('registeredBranchId');
-defineProps<{
+const props = defineProps<{
   dense?: boolean;
   outlined?: boolean;
   readonly?: boolean;
@@ -22,6 +23,14 @@ defineProps<{
   service?: boolean;
   optionsBranch?: { id: string; name: string }[];
 }>();
+
+onMounted(async () => {
+  if(!!props.optionsBranch) {
+    registeredBranchId.value = props.optionsBranch[0].id ;
+  }
+});
+
+
 </script>
 
 <template>