From 2c9f7ba02d8b5fa67ee3efd057ed88916a327368 Mon Sep 17 00:00:00 2001
From: Net <thanaphon@frappet.com>
Date: Tue, 30 Jul 2024 14:17:47 +0700
Subject: [PATCH] fix: id missing

---
 .../02_personnel-management/FormAddress.vue          | 12 ++++++------
 .../02_personnel-management/FormInformation.vue      |  8 ++++----
 .../02_personnel-management/FormPerson.vue           |  4 +---
 src/components/02_personnel-management/InfoForm.vue  |  1 +
 .../03_customer-management/BasicInformation.vue      |  3 ++-
 .../03_customer-management/FormBusiness.vue          |  3 +--
 .../FormEmployeeHealthCheck.vue                      |  8 ++++----
 .../03_customer-management/FormEmployeePassport.vue  |  4 ++--
 .../03_customer-management/FormEmployeeVisa.vue      |  2 +-
 .../FormEmployeeWorkHistory.vue                      |  6 +++---
 10 files changed, 25 insertions(+), 26 deletions(-)

diff --git a/src/components/02_personnel-management/FormAddress.vue b/src/components/02_personnel-management/FormAddress.vue
index b0cbe34e..d0f5ea07 100644
--- a/src/components/02_personnel-management/FormAddress.vue
+++ b/src/components/02_personnel-management/FormAddress.vue
@@ -231,7 +231,7 @@ watch(districtId, fetchSubDistrict);
           :options="provinceOptions"
           :readonly="readonly || sameWithEmployer"
           :hide-dropdown-icon="readonly || sameWithEmployer"
-          :id="`${prefixId}-${id !== undefined ? `select-province-${id}` : 'select-province'}`"
+          :for="`${prefixId}-${id !== undefined ? `select-province-${id}` : 'select-province'}`"
           :rules="
             disabledRule
               ? []
@@ -273,7 +273,7 @@ watch(districtId, fetchSubDistrict);
           :options="districtOptions"
           :readonly="readonly || sameWithEmployer"
           :hide-dropdown-icon="readonly || sameWithEmployer"
-          :id="`${prefixId}-${id !== undefined ? `select-district-${id}` : 'select-district'}`"
+          :for="`${prefixId}-${id !== undefined ? `select-district-${id}` : 'select-district'}`"
           :rules="
             disabledRule
               ? []
@@ -314,7 +314,7 @@ watch(districtId, fetchSubDistrict);
           :options="subDistrictOptions"
           :readonly="readonly || sameWithEmployer"
           :hide-dropdown-icon="readonly || sameWithEmployer"
-          :id="`${prefixId}-${id !== undefined ? `select-sub-district-${id}` : 'select-sub-district'}`"
+          :for="`${prefixId}-${id !== undefined ? `select-sub-district-${id}` : 'select-sub-district'}`"
           :rules="
             disabledRule
               ? []
@@ -393,7 +393,7 @@ watch(districtId, fetchSubDistrict);
           :options="provinceOptions"
           :readonly="readonly || sameWithEmployer"
           :hide-dropdown-icon="readonly || sameWithEmployer"
-          :id="`${prefixId}-${id !== undefined ? `select-province-en-${id}` : 'select-province-en'}`"
+          :for="`${prefixId}-${id !== undefined ? `select-province-en-${id}` : 'select-province-en'}`"
           :rules="
             disabledRule
               ? []
@@ -434,7 +434,7 @@ watch(districtId, fetchSubDistrict);
           :options="districtOptions"
           :readonly="readonly || sameWithEmployer"
           :hide-dropdown-icon="readonly || sameWithEmployer"
-          :id="`${prefixId}-${id !== undefined ? `select-district-en-${id}` : 'select-district-en'}`"
+          :for="`${prefixId}-${id !== undefined ? `select-district-en-${id}` : 'select-district-en'}`"
           :rules="
             disabledRule
               ? []
@@ -475,7 +475,7 @@ watch(districtId, fetchSubDistrict);
           :options="subDistrictOptions"
           :readonly="readonly || sameWithEmployer"
           :hide-dropdown-icon="readonly || sameWithEmployer"
-          :id="`${prefixId}-${id !== undefined ? `select-sub-district-en-${id}` : 'select-sub-district-en'}`"
+          :for="`${prefixId}-${id !== undefined ? `select-sub-district-en-${id}` : 'select-sub-district-en'}`"
           :rules="
             disabledRule
               ? []
diff --git a/src/components/02_personnel-management/FormInformation.vue b/src/components/02_personnel-management/FormInformation.vue
index 61c620a5..1d7cd23b 100644
--- a/src/components/02_personnel-management/FormInformation.vue
+++ b/src/components/02_personnel-management/FormInformation.vue
@@ -85,7 +85,7 @@ onMounted(async () => {
       hide-selected
       hide-bottom-space
       v-model="hqId"
-      id="select-hq-id"
+      for="select-hq-id"
       input-debounce="0"
       option-label="label"
       option-value="value"
@@ -118,7 +118,7 @@ onMounted(async () => {
       hide-selected
       hide-bottom-space
       v-model="brId"
-      id="select-br-id"
+      for="select-br-id"
       input-debounce="0"
       option-label="label"
       option-value="value"
@@ -172,7 +172,7 @@ onMounted(async () => {
       option-value="value"
       option-label="label"
       lazy-rules="ondemand"
-      id="select-user-type"
+      for="select-user-type"
       :dense="dense"
       :readonly="readonly"
       :hide-dropdown-icon="readonly"
@@ -203,7 +203,7 @@ onMounted(async () => {
       option-label="label"
       option-value="value"
       lazy-rules="ondemand"
-      id="select-user-role"
+      for="select-user-role"
       :dense="dense"
       v-model="userRole"
       :readonly="readonly"
diff --git a/src/components/02_personnel-management/FormPerson.vue b/src/components/02_personnel-management/FormPerson.vue
index 031b40ad..4f658264 100644
--- a/src/components/02_personnel-management/FormPerson.vue
+++ b/src/components/02_personnel-management/FormPerson.vue
@@ -149,7 +149,6 @@ defineProps<{
       :readonly="readonly"
       :options="genderOptions"
       :hide-dropdown-icon="readonly"
-      :id="`${prefixId}-select-gender`"
       :for="`${prefixId}-select-gender`"
       :label="$t('formDialogInputGender')"
       @filter="genderFilter"
@@ -261,7 +260,6 @@ defineProps<{
       :readonly="readonly"
       :options="genderOptions"
       :hide-dropdown-icon="readonly"
-      :id="`${prefixId}-select-gender`"
       :for="`${prefixId}-select-gender`"
       :label="$t('formDialogInputGender')"
       :rules="[
@@ -298,7 +296,7 @@ defineProps<{
       :readonly="readonly"
       :options="nationalityOptions"
       :hide-dropdown-icon="readonly"
-      :id="`${prefixId}-select-nationality`"
+      :for="`${prefixId}-select-nationality`"
       :label="$t('formDialogInputNationality')"
       :rules="[
         (val: string) =>
diff --git a/src/components/02_personnel-management/InfoForm.vue b/src/components/02_personnel-management/InfoForm.vue
index 136dc5a8..e6884e59 100644
--- a/src/components/02_personnel-management/InfoForm.vue
+++ b/src/components/02_personnel-management/InfoForm.vue
@@ -84,6 +84,7 @@ const employeeTab = defineModel<string>('employeeTab');
                 dense
                 outlined
                 separator
+                prefix-id="default"
                 :employee="employee"
                 :readonly="readonly"
                 :disabledRule="disabledRule"
diff --git a/src/components/03_customer-management/BasicInformation.vue b/src/components/03_customer-management/BasicInformation.vue
index fe4e8e40..7bf39fd1 100644
--- a/src/components/03_customer-management/BasicInformation.vue
+++ b/src/components/03_customer-management/BasicInformation.vue
@@ -77,7 +77,7 @@ const branchFilter = selectFilterOptionRefMod(
       :options="branchOptions"
       :hide-dropdown-icon="readonly"
       :label="$t('registeredBranch')"
-      :id="`${prefixId}-input-source-nationality`"
+      :for="`${prefixId}-input-source-nationality`"
       :rules="[
         (val) => {
           const roles = getRole() || [];
@@ -180,6 +180,7 @@ const branchFilter = selectFilterOptionRefMod(
   <div v-if="employee" class="col-md-9 col-12 row q-col-gutter-md">
     <q-select
       lazy-rules="ondemand"
+      :id="`${prefixId}-select-employer-branch`"
       :for="`${prefixId}-select-employer-branch`"
       :use-input="!customerBranch"
       input-debounce="0"
diff --git a/src/components/03_customer-management/FormBusiness.vue b/src/components/03_customer-management/FormBusiness.vue
index b3c3ba5e..81e91dd1 100644
--- a/src/components/03_customer-management/FormBusiness.vue
+++ b/src/components/03_customer-management/FormBusiness.vue
@@ -100,7 +100,7 @@ const jobPositionFilter = selectFilterOptionRefMod(
         :readonly="readonly"
         :label="$t('businessType')"
         :options="typeBusinessOptions"
-        :id="`${prefixId}-select-business-type`"
+        :for="`${prefixId}-select-business-type`"
         @filter="typeBusinessFilter"
       >
         <template v-slot:no-option>
@@ -144,7 +144,6 @@ const jobPositionFilter = selectFilterOptionRefMod(
         :readonly="readonly"
         :label="$t('jobPosition')"
         :options="jobPositionOptions"
-        :id="`${prefixId}-select-job-position`"
         :for="`${prefixId}-select-job-position`"
         @filter="jobPositionFilter"
       >
diff --git a/src/components/03_customer-management/FormEmployeeHealthCheck.vue b/src/components/03_customer-management/FormEmployeeHealthCheck.vue
index dc29ce47..68f76e44 100644
--- a/src/components/03_customer-management/FormEmployeeHealthCheck.vue
+++ b/src/components/03_customer-management/FormEmployeeHealthCheck.vue
@@ -213,7 +213,7 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
             :readonly="readonly"
             :options="checkupTypeOptions"
             :hide-dropdown-icon="readonly"
-            :id="`${prefixId}-select-checkup-type`"
+            :for="`${prefixId}-select-checkup-type`"
             :label="$t('formDialogInputCheckupType')"
             @filter="checkupTypeFilter"
           >
@@ -244,7 +244,7 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
             :readonly="readonly"
             :label="$t('province')"
             :hide-dropdown-icon="readonly"
-            :id="`${prefixId}-select-province`"
+            :for="`${prefixId}-select-province`"
             :options="provinceOptions"
             @filter="provinceFilter"
           >
@@ -297,7 +297,7 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
             :readonly="readonly"
             :hide-dropdown-icon="readonly"
             :options="medicalBenefitOptions"
-            :id="`${prefixId}-select-province`"
+            :for="`${prefixId}-select-province`"
             :label="$t('formDialogInputMedicalBenefit')"
             @filter="medicalBenefitFilter"
           >
@@ -328,7 +328,7 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
             :readonly="readonly"
             :hide-dropdown-icon="readonly"
             :options="insuranceCompanyOptions"
-            :id="`${prefixId}-select-province`"
+            :for="`${prefixId}-select-province`"
             :label="$t('formDialogInputInsuranceCompany')"
             @filter="insuranceCompanyFilter"
           >
diff --git a/src/components/03_customer-management/FormEmployeePassport.vue b/src/components/03_customer-management/FormEmployeePassport.vue
index 25974df8..735e6624 100644
--- a/src/components/03_customer-management/FormEmployeePassport.vue
+++ b/src/components/03_customer-management/FormEmployeePassport.vue
@@ -76,7 +76,7 @@ const passportIssuingCountryFilter = selectFilterOptionRefMod(
       :readonly="readonly"
       :hide-dropdown-icon="readonly"
       :options="passportTypeOptions"
-      :id="`${prefixId}-select-passport-type`"
+      :for="`${prefixId}-select-passport-type`"
       :label="$t('formDialogInputPassportType')"
       :rules="[
         (val: string) =>
@@ -152,7 +152,7 @@ const passportIssuingCountryFilter = selectFilterOptionRefMod(
       :readonly="readonly"
       :hide-dropdown-icon="readonly"
       :options="passportIssuingCountryOptions"
-      :id="`${prefixId}-select-passport-country`"
+      :for="`${prefixId}-select-passport-country`"
       :label="$t('formDialogInputPassportCountry')"
       :rules="[
         (val: string) =>
diff --git a/src/components/03_customer-management/FormEmployeeVisa.vue b/src/components/03_customer-management/FormEmployeeVisa.vue
index 4a133708..fae88d2a 100644
--- a/src/components/03_customer-management/FormEmployeeVisa.vue
+++ b/src/components/03_customer-management/FormEmployeeVisa.vue
@@ -90,7 +90,7 @@ const visaTypeFilter = selectFilterOptionRefMod(
       :readonly="readonly"
       :options="visaTypeOptions"
       :hide-dropdown-icon="readonly"
-      :id="`${prefixId}-select-visa-type`"
+      :for="`${prefixId}-select-visa-type`"
       :label="$t('formDialogInputVisaType')"
       @filter="visaTypeFilter"
     >
diff --git a/src/components/03_customer-management/FormEmployeeWorkHistory.vue b/src/components/03_customer-management/FormEmployeeWorkHistory.vue
index 19cf0d92..9160bd71 100644
--- a/src/components/03_customer-management/FormEmployeeWorkHistory.vue
+++ b/src/components/03_customer-management/FormEmployeeWorkHistory.vue
@@ -176,7 +176,7 @@ const workplaceFilter = selectFilterOptionRefMod(
             :readonly="readonly"
             :options="positionNameOptions"
             :hide-dropdown-icon="readonly"
-            :id="`${prefixId}-select-position-name`"
+            :for="`${prefixId}-select-position-name`"
             :label="$t('formDialogInputJobPosition')"
             @filter="positionNameFilter"
           >
@@ -207,7 +207,7 @@ const workplaceFilter = selectFilterOptionRefMod(
             :readonly="readonly"
             :options="jobTypeOptions"
             :hide-dropdown-icon="readonly"
-            :id="`${prefixId}-select-job-type`"
+            :for="`${prefixId}-select-job-type`"
             :label="$t('formDialogInputJobType')"
             @filter="jobTypeFilter"
           >
@@ -238,7 +238,7 @@ const workplaceFilter = selectFilterOptionRefMod(
             :readonly="readonly"
             :options="workplaceOptions"
             :hide-dropdown-icon="readonly"
-            :id="`${prefixId}-select-province`"
+            :for="`${prefixId}-select-province`"
             :label="$t('formDialogInputWorkPlace')"
             @filter="workplaceFilter"
           >