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
|
|
@ -112,7 +112,6 @@ watch(
|
|||
id="select-br-id"
|
||||
option-label="label"
|
||||
option-value="value"
|
||||
lazy-rules="ondemand"
|
||||
:dense="dense"
|
||||
:readonly="readonly"
|
||||
:options="codeOptions"
|
||||
|
|
@ -142,7 +141,6 @@ watch(
|
|||
class="col-md-3 col-6"
|
||||
option-value="id"
|
||||
option-label="name"
|
||||
lazy-rules="ondemand"
|
||||
id="input-source-nationality"
|
||||
v-model="registeredBranchId"
|
||||
:dense="dense"
|
||||
|
|
@ -177,7 +175,6 @@ watch(
|
|||
</q-select>
|
||||
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
for="input-name"
|
||||
:dense="dense"
|
||||
outlined
|
||||
|
|
@ -190,7 +187,6 @@ watch(
|
|||
:rules="[(val: string) => !!val || $t('form.error.required')]"
|
||||
/>
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
for="input-process"
|
||||
:dense="dense"
|
||||
outlined
|
||||
|
|
@ -212,7 +208,7 @@ watch(
|
|||
</template>
|
||||
</q-input>
|
||||
<!-- <q-input
|
||||
lazy-rules="ondemand"
|
||||
|
||||
for="input-detail"
|
||||
:dense="dense"
|
||||
outlined
|
||||
|
|
@ -290,7 +286,6 @@ watch(
|
|||
</q-field>
|
||||
</div>
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
for="input-remark"
|
||||
:dense="dense"
|
||||
outlined
|
||||
|
|
|
|||
|
|
@ -61,7 +61,6 @@ const serviceCodeFilter = selectFilterOptionRefMod(
|
|||
</div>
|
||||
<div v-if="!service" class="col-12 row q-col-gutter-sm">
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:dense="dense"
|
||||
outlined
|
||||
readonly
|
||||
|
|
@ -74,7 +73,6 @@ const serviceCodeFilter = selectFilterOptionRefMod(
|
|||
v-model="code"
|
||||
/>
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:dense="dense"
|
||||
outlined
|
||||
:readonly="readonly"
|
||||
|
|
@ -87,7 +85,6 @@ const serviceCodeFilter = selectFilterOptionRefMod(
|
|||
:rules="[(val: string) => !!val || $t('form.error.required')]"
|
||||
/>
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:dense="dense"
|
||||
outlined
|
||||
:readonly="readonly"
|
||||
|
|
@ -100,7 +97,6 @@ const serviceCodeFilter = selectFilterOptionRefMod(
|
|||
:for="`input-detail`"
|
||||
/>
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
:dense="dense"
|
||||
outlined
|
||||
:readonly="readonly"
|
||||
|
|
@ -131,7 +127,7 @@ const serviceCodeFilter = selectFilterOptionRefMod(
|
|||
id="select-br-id"
|
||||
option-label="label"
|
||||
option-value="value"
|
||||
lazy-rules="ondemand"
|
||||
|
||||
:dense="dense"
|
||||
:readonly="readonly"
|
||||
:options="serviceCodeOptions"
|
||||
|
|
@ -149,7 +145,6 @@ const serviceCodeFilter = selectFilterOptionRefMod(
|
|||
</template>
|
||||
</q-select> -->
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
id="input-service-code"
|
||||
for="input-service-code"
|
||||
:disable="!readonly && disableCode"
|
||||
|
|
@ -175,7 +170,6 @@ const serviceCodeFilter = selectFilterOptionRefMod(
|
|||
class="col-md-3 col-8"
|
||||
option-value="id"
|
||||
option-label="name"
|
||||
lazy-rules="ondemand"
|
||||
v-model="registeredBranchId"
|
||||
id="input-source-nationality"
|
||||
for="input-source-nationality"
|
||||
|
|
@ -211,7 +205,6 @@ const serviceCodeFilter = selectFilterOptionRefMod(
|
|||
</q-select>
|
||||
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
id="input-service-name"
|
||||
for="input-service-name"
|
||||
:dense="dense"
|
||||
|
|
@ -224,7 +217,6 @@ const serviceCodeFilter = selectFilterOptionRefMod(
|
|||
:rules="[(val: string) => !!val || $t('form.error.required')]"
|
||||
/>
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
id="input-service-description"
|
||||
for="input-service-description"
|
||||
:dense="dense"
|
||||
|
|
|
|||
|
|
@ -73,7 +73,6 @@ withDefaults(
|
|||
<div class="col-12 row q-col-gutter-sm">
|
||||
<q-input
|
||||
v-if="priceDisplay?.price"
|
||||
lazy-rules="ondemand"
|
||||
:dense="dense"
|
||||
outlined
|
||||
:readonly="readonly"
|
||||
|
|
@ -87,7 +86,6 @@ withDefaults(
|
|||
|
||||
<q-input
|
||||
v-if="priceDisplay?.agentPrice"
|
||||
lazy-rules="ondemand"
|
||||
:dense="dense"
|
||||
outlined
|
||||
:readonly="readonly"
|
||||
|
|
@ -101,7 +99,6 @@ withDefaults(
|
|||
|
||||
<q-input
|
||||
v-if="priceDisplay?.serviceCharge"
|
||||
lazy-rules="ondemand"
|
||||
:dense="dense"
|
||||
outlined
|
||||
:readonly="readonly"
|
||||
|
|
|
|||
|
|
@ -344,7 +344,6 @@ function confirmDelete(items: unknown[], index: number) {
|
|||
|
||||
<!-- field name -->
|
||||
<q-select
|
||||
lazy-rules="ondemand"
|
||||
dense
|
||||
outlined
|
||||
emit-value
|
||||
|
|
@ -374,7 +373,6 @@ function confirmDelete(items: unknown[], index: number) {
|
|||
<!-- type -->
|
||||
<div class="col-md col-12">
|
||||
<q-select
|
||||
lazy-rules="ondemand"
|
||||
dense
|
||||
outlined
|
||||
emit-value
|
||||
|
|
@ -483,7 +481,6 @@ function confirmDelete(items: unknown[], index: number) {
|
|||
{{ $t('general.telephone') }}
|
||||
</div>
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
v-if="p.type === 'string'"
|
||||
v-model="p.phoneNumberLength"
|
||||
input-class="text-caption"
|
||||
|
|
@ -516,7 +513,6 @@ function confirmDelete(items: unknown[], index: number) {
|
|||
{{ $t('form.decimal') }}
|
||||
</div>
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
v-model="p.decimalPlace"
|
||||
class="col additional-label"
|
||||
:class="{ 'q-mt-xs': $q.screen.lt.md }"
|
||||
|
|
@ -536,7 +532,6 @@ function confirmDelete(items: unknown[], index: number) {
|
|||
>
|
||||
<div class="col rounded">
|
||||
<q-input
|
||||
lazy-rules="ondemand"
|
||||
v-model="p.options[i]"
|
||||
class="col additional-label"
|
||||
dense
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue