fix: id missing

This commit is contained in:
Net 2024-07-30 14:17:47 +07:00
parent fba8992419
commit 2c9f7ba02d
10 changed files with 25 additions and 26 deletions

View file

@ -231,7 +231,7 @@ watch(districtId, fetchSubDistrict);
:options="provinceOptions" :options="provinceOptions"
:readonly="readonly || sameWithEmployer" :readonly="readonly || sameWithEmployer"
:hide-dropdown-icon="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=" :rules="
disabledRule disabledRule
? [] ? []
@ -273,7 +273,7 @@ watch(districtId, fetchSubDistrict);
:options="districtOptions" :options="districtOptions"
:readonly="readonly || sameWithEmployer" :readonly="readonly || sameWithEmployer"
:hide-dropdown-icon="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=" :rules="
disabledRule disabledRule
? [] ? []
@ -314,7 +314,7 @@ watch(districtId, fetchSubDistrict);
:options="subDistrictOptions" :options="subDistrictOptions"
:readonly="readonly || sameWithEmployer" :readonly="readonly || sameWithEmployer"
:hide-dropdown-icon="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=" :rules="
disabledRule disabledRule
? [] ? []
@ -393,7 +393,7 @@ watch(districtId, fetchSubDistrict);
:options="provinceOptions" :options="provinceOptions"
:readonly="readonly || sameWithEmployer" :readonly="readonly || sameWithEmployer"
:hide-dropdown-icon="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=" :rules="
disabledRule disabledRule
? [] ? []
@ -434,7 +434,7 @@ watch(districtId, fetchSubDistrict);
:options="districtOptions" :options="districtOptions"
:readonly="readonly || sameWithEmployer" :readonly="readonly || sameWithEmployer"
:hide-dropdown-icon="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=" :rules="
disabledRule disabledRule
? [] ? []
@ -475,7 +475,7 @@ watch(districtId, fetchSubDistrict);
:options="subDistrictOptions" :options="subDistrictOptions"
:readonly="readonly || sameWithEmployer" :readonly="readonly || sameWithEmployer"
:hide-dropdown-icon="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=" :rules="
disabledRule disabledRule
? [] ? []

View file

@ -85,7 +85,7 @@ onMounted(async () => {
hide-selected hide-selected
hide-bottom-space hide-bottom-space
v-model="hqId" v-model="hqId"
id="select-hq-id" for="select-hq-id"
input-debounce="0" input-debounce="0"
option-label="label" option-label="label"
option-value="value" option-value="value"
@ -118,7 +118,7 @@ onMounted(async () => {
hide-selected hide-selected
hide-bottom-space hide-bottom-space
v-model="brId" v-model="brId"
id="select-br-id" for="select-br-id"
input-debounce="0" input-debounce="0"
option-label="label" option-label="label"
option-value="value" option-value="value"
@ -172,7 +172,7 @@ onMounted(async () => {
option-value="value" option-value="value"
option-label="label" option-label="label"
lazy-rules="ondemand" lazy-rules="ondemand"
id="select-user-type" for="select-user-type"
:dense="dense" :dense="dense"
:readonly="readonly" :readonly="readonly"
:hide-dropdown-icon="readonly" :hide-dropdown-icon="readonly"
@ -203,7 +203,7 @@ onMounted(async () => {
option-label="label" option-label="label"
option-value="value" option-value="value"
lazy-rules="ondemand" lazy-rules="ondemand"
id="select-user-role" for="select-user-role"
:dense="dense" :dense="dense"
v-model="userRole" v-model="userRole"
:readonly="readonly" :readonly="readonly"

View file

@ -149,7 +149,6 @@ defineProps<{
:readonly="readonly" :readonly="readonly"
:options="genderOptions" :options="genderOptions"
:hide-dropdown-icon="readonly" :hide-dropdown-icon="readonly"
:id="`${prefixId}-select-gender`"
:for="`${prefixId}-select-gender`" :for="`${prefixId}-select-gender`"
:label="$t('formDialogInputGender')" :label="$t('formDialogInputGender')"
@filter="genderFilter" @filter="genderFilter"
@ -261,7 +260,6 @@ defineProps<{
:readonly="readonly" :readonly="readonly"
:options="genderOptions" :options="genderOptions"
:hide-dropdown-icon="readonly" :hide-dropdown-icon="readonly"
:id="`${prefixId}-select-gender`"
:for="`${prefixId}-select-gender`" :for="`${prefixId}-select-gender`"
:label="$t('formDialogInputGender')" :label="$t('formDialogInputGender')"
:rules="[ :rules="[
@ -298,7 +296,7 @@ defineProps<{
:readonly="readonly" :readonly="readonly"
:options="nationalityOptions" :options="nationalityOptions"
:hide-dropdown-icon="readonly" :hide-dropdown-icon="readonly"
:id="`${prefixId}-select-nationality`" :for="`${prefixId}-select-nationality`"
:label="$t('formDialogInputNationality')" :label="$t('formDialogInputNationality')"
:rules="[ :rules="[
(val: string) => (val: string) =>

View file

@ -84,6 +84,7 @@ const employeeTab = defineModel<string>('employeeTab');
dense dense
outlined outlined
separator separator
prefix-id="default"
:employee="employee" :employee="employee"
:readonly="readonly" :readonly="readonly"
:disabledRule="disabledRule" :disabledRule="disabledRule"

View file

@ -77,7 +77,7 @@ const branchFilter = selectFilterOptionRefMod(
:options="branchOptions" :options="branchOptions"
:hide-dropdown-icon="readonly" :hide-dropdown-icon="readonly"
:label="$t('registeredBranch')" :label="$t('registeredBranch')"
:id="`${prefixId}-input-source-nationality`" :for="`${prefixId}-input-source-nationality`"
:rules="[ :rules="[
(val) => { (val) => {
const roles = getRole() || []; 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"> <div v-if="employee" class="col-md-9 col-12 row q-col-gutter-md">
<q-select <q-select
lazy-rules="ondemand" lazy-rules="ondemand"
:id="`${prefixId}-select-employer-branch`"
:for="`${prefixId}-select-employer-branch`" :for="`${prefixId}-select-employer-branch`"
:use-input="!customerBranch" :use-input="!customerBranch"
input-debounce="0" input-debounce="0"

View file

@ -100,7 +100,7 @@ const jobPositionFilter = selectFilterOptionRefMod(
:readonly="readonly" :readonly="readonly"
:label="$t('businessType')" :label="$t('businessType')"
:options="typeBusinessOptions" :options="typeBusinessOptions"
:id="`${prefixId}-select-business-type`" :for="`${prefixId}-select-business-type`"
@filter="typeBusinessFilter" @filter="typeBusinessFilter"
> >
<template v-slot:no-option> <template v-slot:no-option>
@ -144,7 +144,6 @@ const jobPositionFilter = selectFilterOptionRefMod(
:readonly="readonly" :readonly="readonly"
:label="$t('jobPosition')" :label="$t('jobPosition')"
:options="jobPositionOptions" :options="jobPositionOptions"
:id="`${prefixId}-select-job-position`"
:for="`${prefixId}-select-job-position`" :for="`${prefixId}-select-job-position`"
@filter="jobPositionFilter" @filter="jobPositionFilter"
> >

View file

@ -213,7 +213,7 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
:readonly="readonly" :readonly="readonly"
:options="checkupTypeOptions" :options="checkupTypeOptions"
:hide-dropdown-icon="readonly" :hide-dropdown-icon="readonly"
:id="`${prefixId}-select-checkup-type`" :for="`${prefixId}-select-checkup-type`"
:label="$t('formDialogInputCheckupType')" :label="$t('formDialogInputCheckupType')"
@filter="checkupTypeFilter" @filter="checkupTypeFilter"
> >
@ -244,7 +244,7 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
:readonly="readonly" :readonly="readonly"
:label="$t('province')" :label="$t('province')"
:hide-dropdown-icon="readonly" :hide-dropdown-icon="readonly"
:id="`${prefixId}-select-province`" :for="`${prefixId}-select-province`"
:options="provinceOptions" :options="provinceOptions"
@filter="provinceFilter" @filter="provinceFilter"
> >
@ -297,7 +297,7 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
:readonly="readonly" :readonly="readonly"
:hide-dropdown-icon="readonly" :hide-dropdown-icon="readonly"
:options="medicalBenefitOptions" :options="medicalBenefitOptions"
:id="`${prefixId}-select-province`" :for="`${prefixId}-select-province`"
:label="$t('formDialogInputMedicalBenefit')" :label="$t('formDialogInputMedicalBenefit')"
@filter="medicalBenefitFilter" @filter="medicalBenefitFilter"
> >
@ -328,7 +328,7 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
:readonly="readonly" :readonly="readonly"
:hide-dropdown-icon="readonly" :hide-dropdown-icon="readonly"
:options="insuranceCompanyOptions" :options="insuranceCompanyOptions"
:id="`${prefixId}-select-province`" :for="`${prefixId}-select-province`"
:label="$t('formDialogInputInsuranceCompany')" :label="$t('formDialogInputInsuranceCompany')"
@filter="insuranceCompanyFilter" @filter="insuranceCompanyFilter"
> >

View file

@ -76,7 +76,7 @@ const passportIssuingCountryFilter = selectFilterOptionRefMod(
:readonly="readonly" :readonly="readonly"
:hide-dropdown-icon="readonly" :hide-dropdown-icon="readonly"
:options="passportTypeOptions" :options="passportTypeOptions"
:id="`${prefixId}-select-passport-type`" :for="`${prefixId}-select-passport-type`"
:label="$t('formDialogInputPassportType')" :label="$t('formDialogInputPassportType')"
:rules="[ :rules="[
(val: string) => (val: string) =>
@ -152,7 +152,7 @@ const passportIssuingCountryFilter = selectFilterOptionRefMod(
:readonly="readonly" :readonly="readonly"
:hide-dropdown-icon="readonly" :hide-dropdown-icon="readonly"
:options="passportIssuingCountryOptions" :options="passportIssuingCountryOptions"
:id="`${prefixId}-select-passport-country`" :for="`${prefixId}-select-passport-country`"
:label="$t('formDialogInputPassportCountry')" :label="$t('formDialogInputPassportCountry')"
:rules="[ :rules="[
(val: string) => (val: string) =>

View file

@ -90,7 +90,7 @@ const visaTypeFilter = selectFilterOptionRefMod(
:readonly="readonly" :readonly="readonly"
:options="visaTypeOptions" :options="visaTypeOptions"
:hide-dropdown-icon="readonly" :hide-dropdown-icon="readonly"
:id="`${prefixId}-select-visa-type`" :for="`${prefixId}-select-visa-type`"
:label="$t('formDialogInputVisaType')" :label="$t('formDialogInputVisaType')"
@filter="visaTypeFilter" @filter="visaTypeFilter"
> >

View file

@ -176,7 +176,7 @@ const workplaceFilter = selectFilterOptionRefMod(
:readonly="readonly" :readonly="readonly"
:options="positionNameOptions" :options="positionNameOptions"
:hide-dropdown-icon="readonly" :hide-dropdown-icon="readonly"
:id="`${prefixId}-select-position-name`" :for="`${prefixId}-select-position-name`"
:label="$t('formDialogInputJobPosition')" :label="$t('formDialogInputJobPosition')"
@filter="positionNameFilter" @filter="positionNameFilter"
> >
@ -207,7 +207,7 @@ const workplaceFilter = selectFilterOptionRefMod(
:readonly="readonly" :readonly="readonly"
:options="jobTypeOptions" :options="jobTypeOptions"
:hide-dropdown-icon="readonly" :hide-dropdown-icon="readonly"
:id="`${prefixId}-select-job-type`" :for="`${prefixId}-select-job-type`"
:label="$t('formDialogInputJobType')" :label="$t('formDialogInputJobType')"
@filter="jobTypeFilter" @filter="jobTypeFilter"
> >
@ -238,7 +238,7 @@ const workplaceFilter = selectFilterOptionRefMod(
:readonly="readonly" :readonly="readonly"
:options="workplaceOptions" :options="workplaceOptions"
:hide-dropdown-icon="readonly" :hide-dropdown-icon="readonly"
:id="`${prefixId}-select-province`" :for="`${prefixId}-select-province`"
:label="$t('formDialogInputWorkPlace')" :label="$t('formDialogInputWorkPlace')"
@filter="workplaceFilter" @filter="workplaceFilter"
> >