change: form now validate on blur or malform
This commit is contained in:
parent
466d50317e
commit
b7921d4173
29 changed files with 4 additions and 179 deletions
|
|
@ -224,7 +224,6 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
|
|||
</span>
|
||||
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:dense="dense"
|
||||
outlined
|
||||
:readonly="readonly || checkup.statusSave"
|
||||
|
|
@ -246,7 +245,6 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
|
|||
input-debounce="0"
|
||||
option-value="value"
|
||||
option-label="label"
|
||||
lazy-rules="ondemand"
|
||||
v-model="checkup.checkupType"
|
||||
:dense="dense"
|
||||
:readonly="readonly || checkup.statusSave"
|
||||
|
|
@ -276,7 +274,6 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
|
|||
option-value="id"
|
||||
input-debounce="0"
|
||||
option-label="name"
|
||||
lazy-rules="ondemand"
|
||||
class="col-2"
|
||||
v-model="checkup.provinceId"
|
||||
:dense="dense"
|
||||
|
|
@ -297,7 +294,6 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
|
|||
</q-select>
|
||||
<!-- @filter="provinceFilter" -->
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:dense="dense"
|
||||
outlined
|
||||
:readonly="readonly || checkup.statusSave"
|
||||
|
|
@ -320,7 +316,6 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
|
|||
input-debounce="0"
|
||||
option-value="value"
|
||||
option-label="label"
|
||||
lazy-rules="ondemand"
|
||||
v-model="checkup.medicalBenefitScheme"
|
||||
:dense="dense"
|
||||
:readonly="readonly || checkup.statusSave"
|
||||
|
|
@ -339,7 +334,6 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
|
|||
</template>
|
||||
</q-select>
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:label="$t('general.remark')"
|
||||
:dense="dense"
|
||||
outlined
|
||||
|
|
@ -380,7 +374,6 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
|
|||
input-debounce="0"
|
||||
option-label="label"
|
||||
option-value="value"
|
||||
lazy-rules="ondemand"
|
||||
v-model="checkup.insuranceCompany"
|
||||
:dense="dense"
|
||||
:readonly="readonly || checkup.statusSave"
|
||||
|
|
|
|||
|
|
@ -67,7 +67,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
|
|||
<div class="col-12 row q-col-gutter-y-sm">
|
||||
<div class="col-12 row q-col-gutter-sm">
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:for="`${prefixId}-input-citizen-id`"
|
||||
:dense="dense"
|
||||
outlined
|
||||
|
|
@ -84,7 +83,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
|
|||
</div>
|
||||
<div class="col-12 row q-col-gutter-sm">
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:for="`${prefixId}-input-father-first-name`"
|
||||
:dense="dense"
|
||||
outlined
|
||||
|
|
@ -95,7 +93,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
|
|||
v-model="employeeOther.fatherFirstName"
|
||||
/>
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:for="`${prefixId}-input-father-last-name`"
|
||||
:dense="dense"
|
||||
outlined
|
||||
|
|
@ -106,7 +103,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
|
|||
v-model="employeeOther.fatherLastName"
|
||||
/>
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:for="`${prefixId}-input-father-first-name-en`"
|
||||
:dense="dense"
|
||||
outlined
|
||||
|
|
@ -117,7 +113,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
|
|||
v-model="employeeOther.fatherFirstNameEN"
|
||||
/>
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:for="`${prefixId}-input-father-last-name-en`"
|
||||
:dense="dense"
|
||||
outlined
|
||||
|
|
@ -128,7 +123,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
|
|||
v-model="employeeOther.fatherLastNameEN"
|
||||
/>
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:for="`${prefixId}-input-father-birthplace`"
|
||||
:dense="dense"
|
||||
outlined
|
||||
|
|
@ -146,7 +140,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
|
|||
</div>
|
||||
<div class="col-12 row q-col-gutter-sm">
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:for="`${prefixId}-input-mother-first-name`"
|
||||
:dense="dense"
|
||||
outlined
|
||||
|
|
@ -157,7 +150,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
|
|||
v-model="employeeOther.motherFirstName"
|
||||
/>
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:for="`${prefixId}-input-mother-last-name`"
|
||||
:dense="dense"
|
||||
outlined
|
||||
|
|
@ -168,7 +160,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
|
|||
v-model="employeeOther.motherLastName"
|
||||
/>
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:for="`${prefixId}-input-mother-first-name-en`"
|
||||
:dense="dense"
|
||||
outlined
|
||||
|
|
@ -179,7 +170,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
|
|||
v-model="employeeOther.motherFirstNameEN"
|
||||
/>
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:for="`${prefixId}-input-mother-last-name-en`"
|
||||
:dense="dense"
|
||||
outlined
|
||||
|
|
@ -190,7 +180,6 @@ const employeeOther = defineModel<EmployeeOtherCreate>('employeeOther');
|
|||
v-model="employeeOther.motherLastNameEN"
|
||||
/>
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:for="`${prefixId}-input-mother-birthplace`"
|
||||
:dense="dense"
|
||||
outlined
|
||||
|
|
|
|||
|
|
@ -111,7 +111,6 @@ watch(
|
|||
input-debounce="0"
|
||||
option-value="value"
|
||||
option-label="label"
|
||||
lazy-rules="ondemand"
|
||||
v-model="passportType"
|
||||
class="col-12"
|
||||
:class="{ 'col-md-3': !ocr }"
|
||||
|
|
@ -136,7 +135,6 @@ watch(
|
|||
</template>
|
||||
</q-select>
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:for="`${prefixId}-input-passport-no`"
|
||||
:dense="dense"
|
||||
outlined
|
||||
|
|
@ -151,7 +149,6 @@ watch(
|
|||
]"
|
||||
/>
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:for="`${prefixId}-input-passport-ref`"
|
||||
:dense="dense"
|
||||
outlined
|
||||
|
|
@ -169,7 +166,6 @@ watch(
|
|||
"
|
||||
/>
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:for="`${prefixId}-input-passport-place`"
|
||||
:dense="dense"
|
||||
outlined
|
||||
|
|
@ -195,7 +191,6 @@ watch(
|
|||
input-debounce="0"
|
||||
option-value="value"
|
||||
option-label="label"
|
||||
lazy-rules="ondemand"
|
||||
:class="{ 'col-12': ocr, 'col-6': !ocr, 'col-md-3': !ocr }"
|
||||
v-model="passportIssuingCountry"
|
||||
:dense="dense"
|
||||
|
|
|
|||
|
|
@ -112,7 +112,6 @@ watch(
|
|||
input-debounce="0"
|
||||
option-value="value"
|
||||
option-label="label"
|
||||
lazy-rules="ondemand"
|
||||
:class="{ 'col-4': !ocr, 'col-6': ocr }"
|
||||
:dense="dense"
|
||||
:readonly="readonly"
|
||||
|
|
@ -140,7 +139,6 @@ watch(
|
|||
!!val || $t('selectValidate') + $t('formDialogInputVisaType'),
|
||||
]" -->
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:for="`${prefixId}-input-visa-no`"
|
||||
:dense="dense"
|
||||
outlined
|
||||
|
|
@ -175,7 +173,6 @@ watch(
|
|||
/>
|
||||
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:for="`${prefixId}-input-visa-place`"
|
||||
:dense="dense"
|
||||
outlined
|
||||
|
|
@ -202,7 +199,6 @@ watch(
|
|||
/>
|
||||
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:for="`${prefixId}-input-tm6`"
|
||||
:dense="dense"
|
||||
outlined
|
||||
|
|
|
|||
|
|
@ -190,7 +190,6 @@ const workplaceFilter = selectFilterOptionRefMod(
|
|||
input-debounce="0"
|
||||
option-label="label"
|
||||
option-value="value"
|
||||
lazy-rules="ondemand"
|
||||
v-model="work.jobType"
|
||||
:dense="dense"
|
||||
:readonly="readonly || work.statusSave"
|
||||
|
|
@ -219,7 +218,6 @@ const workplaceFilter = selectFilterOptionRefMod(
|
|||
hide-bottom-space
|
||||
class="col-6"
|
||||
input-debounce="0"
|
||||
lazy-rules="ondemand"
|
||||
option-label="label"
|
||||
option-value="value"
|
||||
v-model="work.workplace"
|
||||
|
|
@ -240,7 +238,6 @@ const workplaceFilter = selectFilterOptionRefMod(
|
|||
</template>
|
||||
</q-select>
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:for="`${prefixId}-input-work-end-date`"
|
||||
:label="$t('general.remark')"
|
||||
:dense="dense"
|
||||
|
|
@ -261,7 +258,6 @@ const workplaceFilter = selectFilterOptionRefMod(
|
|||
/>
|
||||
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:for="`${prefixId}-input-work-permit-no`"
|
||||
:dense="dense"
|
||||
outlined
|
||||
|
|
@ -289,7 +285,6 @@ const workplaceFilter = selectFilterOptionRefMod(
|
|||
/>
|
||||
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:for="`${prefixId}-input-owner-name`"
|
||||
:dense="dense"
|
||||
outlined
|
||||
|
|
@ -312,7 +307,6 @@ const workplaceFilter = selectFilterOptionRefMod(
|
|||
input-debounce="0"
|
||||
option-value="value"
|
||||
option-label="label"
|
||||
lazy-rules="ondemand"
|
||||
v-model="work.positionName"
|
||||
:dense="dense"
|
||||
:readonly="readonly || work.statusSave"
|
||||
|
|
|
|||
|
|
@ -124,7 +124,6 @@ onMounted(() => {
|
|||
|
||||
<div class="col-12 row" style="gap: var(--size-2)">
|
||||
<q-select
|
||||
lazy-rules="ondemand"
|
||||
:id="`${prefixId}-select-employer-branch`"
|
||||
:for="`${prefixId}-select-employer-branch`"
|
||||
:use-input="!customerBranch"
|
||||
|
|
@ -297,7 +296,6 @@ onMounted(() => {
|
|||
</q-select>
|
||||
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:for="`${prefixId}-input-code`"
|
||||
:dense="dense"
|
||||
outlined
|
||||
|
|
@ -310,7 +308,6 @@ onMounted(() => {
|
|||
/>
|
||||
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:for="`${prefixId}-input-nrc-no`"
|
||||
:dense="dense"
|
||||
outlined
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue