|
|
@@ -12,11 +12,12 @@
|
|
|
<template #input>
|
|
|
<app-select v-model="formData.cardtype"
|
|
|
:placeholder="$t('user.authentication.pleaseselectthecardtype')"
|
|
|
- :options="cerTypePersonList" />
|
|
|
+ :options="cerTypePersonList" @confirm="formRef?.validate('cardtype')" />
|
|
|
</template>
|
|
|
</Field>
|
|
|
<Field v-model="formData.cardnum" name="cardnum" :label="$t('user.authentication.cardnum')"
|
|
|
- :placeholder="$t('user.authentication.pleaseenterthecardnum')" :rules="formRules.cardnum" />
|
|
|
+ :placeholder="$t('user.authentication.pleaseenterthecardnum')" :rules="formRules.cardnum"
|
|
|
+ v-if="formData.cardtype !== undefined" />
|
|
|
<Field v-if="formData.mobilephone != ''" name="mobilephone" v-model="formData.mobilephone"
|
|
|
:label="$t('user.register.mobile')" readonly />
|
|
|
<Field v-else v-model="formData.mobilephone" type="digit" name="mobilephone"
|
|
|
@@ -71,7 +72,7 @@
|
|
|
<template #footer>
|
|
|
<div class="g-form__footer inset">
|
|
|
<Button type="danger" @click="formRef?.submit" round block>{{ $t('user.authentication.submit')
|
|
|
- }}</Button>
|
|
|
+ }}</Button>
|
|
|
</div>
|
|
|
</template>
|
|
|
</app-view>
|
|
|
@@ -160,6 +161,10 @@ const formRules: { [key: string]: FieldRule[] } = {
|
|
|
required: true,
|
|
|
message: t("user.authentication.pleaseentertheusername"),
|
|
|
}],
|
|
|
+ cardtype: [{
|
|
|
+ message: t('user.authentication.pleaseselectthecardtype'),
|
|
|
+ validator: () => formData.cardtype !== undefined
|
|
|
+ }],
|
|
|
cardnum: [{
|
|
|
required: true,
|
|
|
message: t("user.authentication.pleaseenterthecardnum"),
|