| | |
| | | <div style="padding-bottom: 30px" class="font-26 authentication"> |
| | | <fx-header @back="loginOut"> |
| | | <template #title> |
| | | {{ $t('primaryCertification') }} |
| | | <!-- {{ $t('primaryCertification') }} --> |
| | | {{ $t('realNameVertify') }} |
| | | </template> |
| | | </fx-header> |
| | | <!-- <country-list /> --> |
| | |
| | | </div> |
| | | <div class=" font-26 h-20 textColor1">{{ $t('credentObverse') }}</div> |
| | | </div> |
| | | <div class="flex-1 flex flex-col text-center justify-center items-center"> |
| | | <!-- <div class="flex-1 flex flex-col text-center justify-center items-center"> |
| | | <div class="upload-wrap"> |
| | | <img src="../../assets/image/kyc/2.png" alt="" class="w-full" |
| | | v-if="[1, 2].includes(status) && fileList.length === 0" /> |
| | |
| | | :after-read="afterRead" @click-upload="onClickUpload('fileList')" v-else /> |
| | | </div> |
| | | <div class="font-26 h-20" style="color:#868D9A;">{{ $t('handCredent') }}</div> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | </div> |
| | | <template v-if="!disabled()"> |
| | | <div class="font-35 mb-32 textColor">{{ $t('photoExample') }}</div> |
| | | <img src="@/assets/image/kyc/kyc-demo.png" alt="" style="width:100%;height:auto;" class="w-756 h-220 mb-100"> |
| | | <!-- <div class="mb-100 flex justify-center"> |
| | | <div class="flex flex-1 justify-center"> |
| | | <img src="../../assets/image/kyc/0.png" alt="" class="w-120 h-120" /> |
| | | </div> |
| | | <!-- <img src="@/assets/image/kyc/kyc-demo.png" alt="" style="width:100%;height:auto;" class="w-756 h-220 mb-100"> --> |
| | | <div class="mb-100 flex justify-center"> |
| | | <div class="flex flex-1 justify-center"> |
| | | <img src="../../assets/image/kyc/1.png" alt="" class="w-120 h-120" /> |
| | | </div> |
| | | </div> --> |
| | | <div class="flex flex-1 justify-center"> |
| | | <img src="../../assets/image/kyc/0.png" alt="" class="w-120 h-120" /> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <button class="apply-btn btnMain text-white font-35 h-100 rounded" @click="onSubmit" v-if="!disabled()">{{ |
| | | $t('Apply') |
| | |
| | | import countries from "./components/countryList"; |
| | | import { getCurrentInstance } from 'vue'; |
| | | import { useI18n } from "vue-i18n"; |
| | | import { customerServiceUrl } from '@/config' |
| | | const { t } = useI18n() |
| | | const router = useRouter() |
| | | const countryName = ref(t('selectNation')) |
| | |
| | | showToast(t('entryCredent')) |
| | | return |
| | | } |
| | | if (frontFile.value.length == 0 || reverseFile.value.length == 0|| fileList.value.length == 0) { |
| | | |
| | | // if (frontFile.value.length == 0 || reverseFile.value.length == 0 || fileList.value.length == 0) { // 需要手持身份证 |
| | | if (frontFile.value.length == 0 || reverseFile.value.length == 0) { // 不需要手持身份证 |
| | | showToast(t('uploadComplete')) |
| | | return |
| | | } |
| | | |
| | | _applyIdentify({ |
| | | name: name.value, |
| | | idnumber: idnumber.value, |
| | | frontFile: frontFile.value, |
| | | reverseFile: reverseFile.value, |
| | | fileList: fileList.value, |
| | | // fileList: fileList.value, |
| | | countryName: countryCode.value // this.countryName 存储的 code, 回来再遍历 |
| | | }).then(() => { |
| | | showToast(t('submitSuccess')) |
| | |
| | | }) |
| | | } |
| | | const tokefu = () => { |
| | | router.push('/customerService') |
| | | if (customerServiceUrl()) { |
| | | window.location.href = customerServiceUrl(); |
| | | } else { |
| | | router.push('/customerService') |
| | | } |
| | | } |
| | | |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | @import '../../assets/css/copy.scss'; |
| | | @import "@/views/authentication/components/intl.css"; |
| | | .box{ |
| | | |
| | | .box { |
| | | padding: 1.5rem !important; |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | input:disabled { |
| | | background: $mainbgWhiteColor; |
| | | background: $mainbgWhiteColor; |
| | | } |
| | | |
| | | .list-view { |