1
李凌
2026-01-21 e01cee0f0c5c5c2eb2d8595eadb3c7a9df2a37fc
src/views/authentication/index.vue
@@ -3,7 +3,8 @@
  <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 /> -->
@@ -65,7 +66,7 @@
              </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" />
@@ -73,20 +74,20 @@
                  :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')
@@ -113,6 +114,7 @@
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'))
@@ -206,16 +208,19 @@
    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'))
@@ -227,14 +232,19 @@
  })
}
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;
}
@@ -256,7 +266,7 @@
}
input:disabled {
  background:  $mainbgWhiteColor;
  background: $mainbgWhiteColor;
}
.list-view {