diff --git a/src/components/03_customer-management/FormEmployeePassport.vue b/src/components/03_customer-management/FormEmployeePassport.vue index bd7df57b..58561643 100644 --- a/src/components/03_customer-management/FormEmployeePassport.vue +++ b/src/components/03_customer-management/FormEmployeePassport.vue @@ -12,36 +12,25 @@ import DatePicker from '../shared/DatePicker.vue'; const optionStore = useOptionStore(); const { locale } = useI18n(); -const firstName = defineModel('firstName'); -const lastName = defineModel('lastName'); - -const prefixName = defineModel('prefixName'); -const gender = defineModel('gender'); - -const passportType = defineModel('passportType'); -const passportNumber = defineModel('passportNumber'); -const passportIssueDate = defineModel( - 'passportIssueDate', -); -const passportExpiryDate = defineModel( - 'passportExpiryDate', -); -const passportIssuingCountry = defineModel('passportIssuingCountry'); -const passportIssuingPlace = defineModel('passportIssuingPlace'); -const previousPassportReference = defineModel( - 'previousPassportReference', -); - -const workerStatus = defineModel('workerStatus'); -const previousPassportNo = defineModel('previousPassportNo'); +const birthCountry = defineModel('birthCountry'); +const previousPassportRef = defineModel('previousPassportRef'); +const issuePlace = defineModel('issuePlace'); +const issueCountry = defineModel('issueCountry'); +const issueDate = defineModel('issueDate'); +const type = defineModel('type'); +const expireDate = defineModel('expireDate'); const birthDate = defineModel('birthDate'); +const workerStatus = defineModel('workerStatus'); const nationality = defineModel('nationality'); -const placeOfBirth = defineModel('placeOfBirth'); -const countryOfBirth = defineModel('countryOfBirth'); -const firstNameEN = defineModel('firstNameEn'); -const middleNameEN = defineModel('middleNameEn'); +const gender = defineModel('gender'); const lastNameEN = defineModel('lastNameEn'); +const lastName = defineModel('lastName'); +const middleNameEN = defineModel('middleNameEn'); const middleName = defineModel('middleName'); +const firstNameEN = defineModel('firstNameEn'); +const firstName = defineModel('firstName'); +const namePrefix = defineModel('namePrefix'); +const passportNumber = defineModel('passportNumber'); const genderOptions = ref[]>([]); let genderFilter: ( @@ -96,8 +85,8 @@ let workerStatusFilter: ( function matPreFixName() { if (!gender.value) return; - if (gender.value === 'male') prefixName.value = 'mr'; - else prefixName.value = 'mrs'; + if (gender.value === 'male') namePrefix.value = 'mr'; + else namePrefix.value = 'mrs'; } onMounted(() => { @@ -187,7 +176,7 @@ watch( ); watch( - () => prefixName.value, + () => namePrefix.value, (v) => { if (v === 'mr') gender.value = 'male'; else if (v !== '') gender.value = 'female'; @@ -232,7 +221,7 @@ watch( input-debounce="0" option-value="value" option-label="label" - v-model="passportType" + v-model="type" class="col-12" :dense="dense" :readonly="readonly" @@ -304,11 +293,11 @@ watch( :for="`${prefixId}-select-prefix-name`" :label="$t('personnel.form.prefixName')" @filter="prefixNameFilter" - :model-value="readonly ? prefixName || '-' : prefixName" + :model-value="readonly ? namePrefix || '-' : namePrefix" @update:model-value=" - (v) => (typeof v === 'string' ? (prefixName = v) : '') + (v) => (typeof v === 'string' ? (namePrefix = v) : '') " - @clear="prefixName = ''" + @clear="namePrefix = ''" >