refactor: by value visa

This commit is contained in:
Thanaphon Frappet 2024-11-12 09:06:26 +07:00
parent c70cfb0602
commit 2e1e82b2bc
2 changed files with 182 additions and 139 deletions

View file

@ -3007,13 +3007,21 @@ const emptyCreateDialog = ref(false);
outlined outlined
title="customerEmployee.form.group.visa" title="customerEmployee.form.group.visa"
:readonly="!isEdit" :readonly="!isEdit"
v-model:visa-type="meta.type" v-model:arrival-at="meta.arrivalAt"
v-model:visa-number="meta.number" v-model:arrival-tm-no="meta.arrivalTMNo"
v-model:arrival-tm="meta.arrivalTM"
v-model:mrz="meta.mrz"
v-model:entry-count="meta.entryCount"
v-model:issue-place="meta.issuePlace"
v-model:issue-country="meta.issueCountry"
v-model:issueDate="meta.issueDate"
v-model:type="meta.type"
v-model:expire-date="meta.expireDate"
v-model:visa-issue-date="meta.issueDate" v-model:visa-issue-date="meta.issueDate"
v-model:visa-expiry-date="meta.expireDate" v-model:visa-expiry-date="meta.expireDate"
v-model:visa-issuing-place="meta.issuePlace" v-model:remark="meta.remark"
v-model:entry-count="meta.entryCount" v-model:worker-type="meta.workerType"
v-model:issue-country="meta.issueCountry" v-model:number="meta.number"
/> />
<NoticeJobEmployment v-if="mode === 'noticeJobEmployment'" /> <NoticeJobEmployment v-if="mode === 'noticeJobEmployment'" />
@ -4703,15 +4711,23 @@ const emptyCreateDialog = ref(false);
ocr ocr
dense dense
outlined outlined
title="customerEmployee.form.group.visa" :title="$t('customerEmployee.form.group.visa')"
:readonly="!isEdit" :readonly="!isEdit"
v-model:visa-type="meta.type" v-model:arrival-at="meta.arrivalAt"
v-model:visa-number="meta.number" v-model:arrival-tm-no="meta.arrivalTMNo"
v-model:arrival-tm="meta.arrivalTM"
v-model:mrz="meta.mrz"
v-model:entry-count="meta.entryCount"
v-model:issue-place="meta.issuePlace"
v-model:issue-country="meta.issueCountry"
v-model:issueDate="meta.issueDate"
v-model:type="meta.type"
v-model:expire-date="meta.expireDate"
v-model:visa-issue-date="meta.issueDate" v-model:visa-issue-date="meta.issueDate"
v-model:visa-expiry-date="meta.expireDate" v-model:visa-expiry-date="meta.expireDate"
v-model:visa-issuing-place="meta.issuePlace" v-model:remark="meta.remark"
v-model:entry-count="meta.entryCount" v-model:worker-type="meta.workerType"
v-model:issue-country="meta.issueCountry" v-model:number="meta.number"
/> />
<NoticeJobEmployment v-if="mode === 'noticeJobEmployment'" /> <NoticeJobEmployment v-if="mode === 'noticeJobEmployment'" />
@ -4733,12 +4749,14 @@ const emptyCreateDialog = ref(false);
{{ $t('customerEmployee.form.group.passport') }} {{ $t('customerEmployee.form.group.passport') }}
</div> </div>
<FormEmployeePassport <template
v-for="( v-for="(
value, index value, index
) in currentFromDataEmployee.employeePassport" ) in currentFromDataEmployee.employeePassport"
>
<FormEmployeePassport
v-if="value !== undefined"
prefix-id="drawer-info-employee" prefix-id="drawer-info-employee"
:key="index"
id="form-passport" id="form-passport"
hide-title hide-title
dense dense
@ -4746,7 +4764,9 @@ const emptyCreateDialog = ref(false);
separator separator
:title="$t('customerEmployee.form.group.passport')" :title="$t('customerEmployee.form.group.passport')"
:readonly="employeeFormState.currentIndexPassport !== index" :readonly="employeeFormState.currentIndexPassport !== index"
:full-name="employeeFormState.currentIndexPassport !== index" :full-name="
employeeFormState.currentIndexPassport !== index
"
v-model:birth-country="value.birthCountry" v-model:birth-country="value.birthCountry"
v-model:previous-passportRef="value.previousPassportRef" v-model:previous-passportRef="value.previousPassportRef"
v-model:issue-place="value.issuePlace" v-model:issue-place="value.issuePlace"
@ -4777,7 +4797,10 @@ const emptyCreateDialog = ref(false);
</template> </template>
<template v-slot:button> <template v-slot:button>
<div class="surface-1 row rounded" style="min-height: 35px"> <div
class="surface-1 row rounded"
style="min-height: 35px"
>
<UndoButton <UndoButton
v-if=" v-if="
employeeFormState.isEmployeeEdit && employeeFormState.isEmployeeEdit &&
@ -4836,7 +4859,9 @@ const emptyCreateDialog = ref(false);
employeeFormState.currentIndexPassport === -1 || employeeFormState.currentIndexPassport === -1 ||
(!employeeFormState.isEmployeeEdit && (!employeeFormState.isEmployeeEdit &&
value.id !== undefined && value.id !== undefined &&
!(employeeFormState.currentIndexPassport === -1) && !(
employeeFormState.currentIndexPassport === -1
) &&
employeeFormState.currentIndexPassport === index) employeeFormState.currentIndexPassport === index)
" "
id="btn-info-basic-delete" id="btn-info-basic-delete"
@ -4856,6 +4881,7 @@ const emptyCreateDialog = ref(false);
</div> </div>
</template> </template>
</FormEmployeePassport> </FormEmployeePassport>
</template>
</div> </div>
</template> </template>
@ -4866,15 +4892,24 @@ const emptyCreateDialog = ref(false);
id="form-visa" id="form-visa"
dense dense
outlined outlined
title="customerEmployee.form.group.visa" :title="$t('customerEmployee.form.group.visa')"
:readonly="employeeFormState.currentIndexVisa !== index" :readonly="employeeFormState.currentIndexVisa !== index"
v-model:visa-type="value.type" :hide-title="index !== 0"
v-model:visa-number="value.number" v-model:arrival-at="value.arrivalAt"
v-model:arrival-tm-no="value.arrivalTMNo"
v-model:arrival-tm="value.arrivalTM"
v-model:mrz="value.mrz"
v-model:entry-count="value.entryCount"
v-model:issue-place="value.issuePlace"
v-model:issue-country="value.issueCountry"
v-model:issueDate="value.issueDate"
v-model:type="value.type"
v-model:expire-date="value.expireDate"
v-model:visa-issue-date="value.issueDate" v-model:visa-issue-date="value.issueDate"
v-model:visa-expiry-date="value.expireDate" v-model:visa-expiry-date="value.expireDate"
v-model:visa-issuing-place="value.issuePlace" v-model:remark="value.remark"
v-model:entry-count="value.entryCount" v-model:worker-type="value.workerType"
v-model:issue-country="value.issueCountry" v-model:number="value.number"
> >
<template v-slot:expiryDate> <template v-slot:expiryDate>
{{ $t('general.expirationDate') }} : {{ $t('general.expirationDate') }} :

View file

@ -2330,13 +2330,21 @@ async function getInvoiceCodeFullPay() {
outlined outlined
title="customerEmployee.form.group.visa" title="customerEmployee.form.group.visa"
:readonly="!isEdit" :readonly="!isEdit"
v-model:visa-type="meta.type" v-model:arrival-at="meta.arrivalAt"
v-model:visa-number="meta.number" v-model:arrival-tm-no="meta.arrivalTMNo"
v-model:arrival-tm="meta.arrivalTM"
v-model:mrz="meta.mrz"
v-model:entry-count="meta.entryCount"
v-model:issue-place="meta.issuePlace"
v-model:issue-country="meta.issueCountry"
v-model:issueDate="meta.issueDate"
v-model:type="meta.type"
v-model:expire-date="meta.expireDate"
v-model:visa-issue-date="meta.issueDate" v-model:visa-issue-date="meta.issueDate"
v-model:visa-expiry-date="meta.expireDate" v-model:visa-expiry-date="meta.expireDate"
v-model:visa-issuing-place="meta.issuePlace" v-model:remark="meta.remark"
v-model:entry-count="meta.entryCount" v-model:worker-type="meta.workerType"
v-model:issue-country="meta.issueCountry" v-model:number="meta.number"
/> />
<NoticeJobEmployment v-if="mode === 'noticeJobEmployment'" /> <NoticeJobEmployment v-if="mode === 'noticeJobEmployment'" />