fix: id missing
This commit is contained in:
parent
fba8992419
commit
2c9f7ba02d
10 changed files with 25 additions and 26 deletions
|
|
@ -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
|
||||||
? []
|
? []
|
||||||
|
|
|
||||||
|
|
@ -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"
|
||||||
|
|
|
||||||
|
|
@ -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) =>
|
||||||
|
|
|
||||||
|
|
@ -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"
|
||||||
|
|
|
||||||
|
|
@ -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"
|
||||||
|
|
|
||||||
|
|
@ -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"
|
||||||
>
|
>
|
||||||
|
|
|
||||||
|
|
@ -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"
|
||||||
>
|
>
|
||||||
|
|
|
||||||
|
|
@ -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) =>
|
||||||
|
|
|
||||||
|
|
@ -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"
|
||||||
>
|
>
|
||||||
|
|
|
||||||
|
|
@ -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"
|
||||||
>
|
>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue