fix: แก้ชื่อใหม่ เเละ by ค่า

src/components/03_customer-management/FormBusiness.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
 const employmentOffice = defineModel<string>('employmentOffice');
 const bussinessType = defineModel<string>('bussinessType');
-const JobPosition = defineModel<string>('JobPosition');
+const jobPosition = defineModel<string>('jobPosition');
 
-const bussinessTypeEN = defineModel<string>('typeBusinessEN');
-const JobPositionEN = defineModel<string>('JobPositionEN');
+const bussinessTypeEN = defineModel<string>('bussinessTypeEn');
+const jobPositionEN = defineModel<string>('jobPositionEn');
 
 const jobDescription = defineModel<string>('jobDescription');
 
@@ -28,7 +28,7 @@ const typeBusinessOptions = [
   },
 ];
 
-const JobPositionOptions = [
+const jobPositionOptions = [
   {
     value: '1',
     label: 'ตําแหน่งงาน 1',
@@ -70,6 +70,10 @@ defineProps<{
       />
 
       <q-select
+        emit-value
+        option-value="label"
+        option-label="label"
+        map-options
         :dense="dense"
         :outlined="!readonly"
         :readonly="readonly"
@@ -92,12 +96,16 @@ defineProps<{
       />
 
       <q-select
+        emit-value
+        option-value="label"
+        option-label="label"
+        map-options
         :dense="dense"
         :outlined="!readonly"
         :readonly="readonly"
         :borderless="readonly"
-        v-model="JobPosition"
-        :options="JobPositionOptions"
+        v-model="jobPosition"
+        :options="jobPositionOptions"
         :label="$t('jobPosition')"
         class="col-6"
       />
@@ -110,7 +118,7 @@ defineProps<{
         hide-bottom-space
         class="col-6"
         :label="$t('jobPositionEN')"
-        v-model="JobPositionEN"
+        v-model="jobPositionEN"
       />
 
       <q-input