|
@@ -16,6 +16,29 @@
|
|
|
</Field>
|
|
</Field>
|
|
|
<Field v-model="formData.cardnum" name="cardnum" :label="$t('user.authentication.cardnum')"
|
|
<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" />
|
|
|
|
|
+ <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" :placeholder="$t('user.register.tips1')" :rules="formRules.mobilephone">
|
|
|
|
|
+ <template #label>
|
|
|
|
|
+ <span>{{ $t('user.register.mobile') }}</span>
|
|
|
|
|
+ <span style="margin-left: 10px;" @click="show = true">{{ countryCode }}</span>
|
|
|
|
|
+ <Popup v-model:show="show" position="bottom" teleport="body" round>
|
|
|
|
|
+ <Picker :columns="datalist" @cancel="onCancel" @confirm="onConfirm"
|
|
|
|
|
+ :confirm-button-text="$t('operation.confirm')" :cancel-button-text="$t('operation.cancel')">
|
|
|
|
|
+ <template #option="{ text, index }">
|
|
|
|
|
+ <slot name="option" :row="datalist[index]" :index="index">
|
|
|
|
|
+ {{ text }}
|
|
|
|
|
+ </slot>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </Picker>
|
|
|
|
|
+ </Popup>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </Field>
|
|
|
|
|
+ <Field name="bankid" :label="$t('banksign.OpenBankAccId')" :rules="formRules.bankid" is-link>
|
|
|
|
|
+ <template #input>
|
|
|
|
|
+ <app-select v-model="formData.bankid" :placeholder="$t('banksign.Pleaseselectyourbank')"
|
|
|
|
|
+ :options="banklist" :optionProps="{ label: 'bankname', value: 'bankid' }" />
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </Field>
|
|
|
<Field name="bankid" :label="$t('banksign.OpenBankAccId')" :rules="formRules.bankid" is-link>
|
|
<Field name="bankid" :label="$t('banksign.OpenBankAccId')" :rules="formRules.bankid" is-link>
|
|
|
<template #input>
|
|
<template #input>
|
|
|
<app-select v-model="formData.bankid" :placeholder="$t('banksign.Pleaseselectyourbank')"
|
|
<app-select v-model="formData.bankid" :placeholder="$t('banksign.Pleaseselectyourbank')"
|
|
@@ -57,8 +80,8 @@
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts" setup>
|
|
<script lang="ts" setup>
|
|
|
-import { shallowRef } from 'vue'
|
|
|
|
|
-import { CellGroup, Button, Field, Form, FormInstance, showFailToast, FieldRule } from 'vant'
|
|
|
|
|
|
|
+import { shallowRef, computed, ref, onMounted } from 'vue'
|
|
|
|
|
+import { CellGroup, Button, Field, Form, FormInstance, showFailToast, FieldRule, Popup, Picker, PickerConfirmEventParams } from 'vant'
|
|
|
import { addAuthReq } from '@/business/user'
|
|
import { addAuthReq } from '@/business/user'
|
|
|
import { fullloading, dialog } from '@/utils/vant'
|
|
import { fullloading, dialog } from '@/utils/vant'
|
|
|
import { getCerTypePersonList } from "@/constants/account"
|
|
import { getCerTypePersonList } from "@/constants/account"
|
|
@@ -68,7 +91,8 @@ import { validateRules } from '@/constants/regex'
|
|
|
import { useRequest } from '@/hooks/request'
|
|
import { useRequest } from '@/hooks/request'
|
|
|
import { getWskhOpenAccountConfigs } from '@/services/api/account'
|
|
import { getWskhOpenAccountConfigs } from '@/services/api/account'
|
|
|
import { useQueryCusBankSignBank } from '@/business/bank'
|
|
import { useQueryCusBankSignBank } from '@/business/bank'
|
|
|
-import { i18n } from '@/stores'
|
|
|
|
|
|
|
+import { getCountryCodeList } from '@/constants/unit'
|
|
|
|
|
+import { i18n, useUserStore } from '@/stores'
|
|
|
import AppUploader from '@mobile/components/base/uploader/index.vue'
|
|
import AppUploader from '@mobile/components/base/uploader/index.vue'
|
|
|
import AppSelect from '@mobile/components/base/select/index.vue'
|
|
import AppSelect from '@mobile/components/base/select/index.vue'
|
|
|
import service from '@/services'
|
|
import service from '@/services'
|
|
@@ -78,6 +102,17 @@ const { formData, formSubmit, modifyremark } = addAuthReq()
|
|
|
const { router } = useNavigation()
|
|
const { router } = useNavigation()
|
|
|
const { global: { t } } = i18n
|
|
const { global: { t } } = i18n
|
|
|
|
|
|
|
|
|
|
+const userStore = useUserStore()
|
|
|
|
|
+
|
|
|
|
|
+// 是否弹出选择器
|
|
|
|
|
+const show = shallowRef(false)
|
|
|
|
|
+const datalist = computed(() => {
|
|
|
|
|
+ return getCountryCodeList().map(e => {
|
|
|
|
|
+ return { text: e.value, value: e.value }
|
|
|
|
|
+ })
|
|
|
|
|
+})
|
|
|
|
|
+const countryCode = ref(datalist.value[0]?.value.toString() ?? '')
|
|
|
|
|
+
|
|
|
const showHalfBodyPhoto = shallowRef('0')
|
|
const showHalfBodyPhoto = shallowRef('0')
|
|
|
const showCardBackPhoto = shallowRef('0')
|
|
const showCardBackPhoto = shallowRef('0')
|
|
|
const halfBodyPhotoTitle = shallowRef(t('user.authentication.halfbodyphoto'))
|
|
const halfBodyPhotoTitle = shallowRef(t('user.authentication.halfbodyphoto'))
|
|
@@ -86,6 +121,15 @@ const oem = service.getConfig('oem')
|
|
|
|
|
|
|
|
const { banklist } = useQueryCusBankSignBank()
|
|
const { banklist } = useQueryCusBankSignBank()
|
|
|
|
|
|
|
|
|
|
+const onCancel = () => {
|
|
|
|
|
+ show.value = false
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+const onConfirm = ({ selectedValues: [value] }: PickerConfirmEventParams) => {
|
|
|
|
|
+ show.value = false
|
|
|
|
|
+ countryCode.value = value.toString()
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
// 获取网上开户配置
|
|
// 获取网上开户配置
|
|
|
useRequest(getWskhOpenAccountConfigs, {
|
|
useRequest(getWskhOpenAccountConfigs, {
|
|
|
params: {
|
|
params: {
|
|
@@ -172,4 +216,8 @@ const onSubmit = () => {
|
|
|
})
|
|
})
|
|
|
})
|
|
})
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+onMounted(() => {
|
|
|
|
|
+ formData.mobilephone = userStore.userInfo.mobile2
|
|
|
|
|
+})
|
|
|
</script>
|
|
</script>
|