1

PC-20250623MANY\Administrator

2025-07-22 3003b7486ddeffd169f2b2f564fc0ff8c2c58bb3

 src/page/authentication/index.vue

@@ -1,14 +1,22 @@
<template>
  <div class="bank_card_page">
    <van-nav-bar
      :placeholder="true"
      :safe-area-inset-top="true"
      title="KYC"
      left-arrow
      @click-left="$router.go(-1)"
    >
    </van-nav-bar>
    <div class="content">
      <div class="top_back">
<!--      <div class="top_back">
        <div class="left_back_icon" @click="$router.go(-1)">
          <img src="../../assets/img/zuojiantou.png" alt />
        </div>
      </div>
      <div class="titles">
      </div> -->
     <!-- <div class="titles">
        <span>{{ $t("hj146") }}</span>
      </div>
      </div> -->
      <div class="bank_name">
        <div class="lefts">
          <span>{{ $t("hj195") + ":" }}</span>
@@ -32,7 +40,7 @@
          <input
            v-if="showBtn"
            type="text"
            placeholder="Please enter your ID card"
            placeholder="Please enter your Aadhaar card"
            v-model="form.idCard"
          />
          <input v-if="!showBtn" type="text" v-model="form.idCard" readonly />
@@ -40,13 +48,13 @@
      </div>
      <div class="bank_name">
        <div class="lefts">
          <span>{{ "Vaild Number" + ":" }}</span>
          <span>{{ $t("电话号码") + ":" }}</span>
        </div>
        <div class="rights">
          <input
            v-if="showBtn"
            type="text"
            placeholder="Please enter your ID card"
            placeholder="Please enter your telephone number"
            v-model="form.vaildNumber"
          />
          <input
@@ -62,7 +70,7 @@
          <el-upload
            :with-credentials="true"
            class="avatar-uploader"
            :action="admin + '/user/upload.do'"
            :action="admin + 'user/upload.do'"
            list-type="picture-card"
            name="upload_file"
            :show-file-list="false"
@@ -88,7 +96,7 @@
          <el-upload
            :with-credentials="true"
            class="avatar-uploader"
            :action="admin + '/user/upload.do'"
            :action="admin + 'user/upload.do'"
            list-type="picture-card"
            name="upload_file"
            :show-file-list="false"
@@ -157,7 +165,7 @@
import { Toast } from "mint-ui";
import { isNull, idCardReg, isName } from "@/utils/utils";
import { compress } from "@/utils/imgupload";

import apiUrl from "@/axios/api.url.js";
export default {
  name: "bankCard",
  data() {
@@ -175,7 +183,7 @@
      img2Key: "",
      img3Key: "",
      showBtn: true,
      admin: "",
      admin: apiUrl.baseURL,
      imgStatus: false,
      imgStatus2: false,
      messFlag: this.$store.state.userInfo.isActive == 3 ? true : false,
@@ -196,11 +204,6 @@
      document.body.classList.remove("black-bg");
      document.body.classList.add("red-bg");
    }
    this.admin = process.env.API_HOST;
    console.log(this.admin);
    if (this.admin == undefined) {
      this.admin = "https://api.guosen.org";
    }
  },
  methods: {
    handleAvatarSuccess(res, file) {
@@ -219,7 +222,6 @@
    },
    beforeAvatarUpload2(file) {
      this.imgStatus2 = true;
      // const _that = this
      const isLt10M = file.size / 1024 / 1024 < 10;
      if (!isLt10M) {
        this.$message.error(this.$t("hj205"));
@@ -237,7 +239,7 @@
    },
    async getUserInfo() {
      // 获取用户信息
      let data = await api.getUserInfo();
      let data = await api.getUserInfodata();
      if (data.status === 0) {
        // 判断是否登录
        this.$store.commit("dialogVisible", false);
@@ -252,7 +254,6 @@
          this.form.name = this.$store.state.userInfo.realName;
          this.form.img1key = this.$store.state.userInfo.img1Key;
          this.form.img2key = this.$store.state.userInfo.img2Key;
          //   this.form.img3key = this.$store.state.userInfo.img3Key
          this.showBtn = false;
        }
      } else {
@@ -273,34 +274,28 @@
      if (i) {
        Toast(this.$t("hj206"));
      } else {
        // Indicator.open('Loading...')
        this.img1Key = file;
        // this.$refs.formDate.submit()
        // this.uploadIdImg({upload_file:file})
        var reader = new FileReader();
        reader.onload = (data) => {
          let res = data.target || data.srcElement;
          this.form.img1Key = res.result;
          // Indicator.close()
        };
        // reader.onloadend = () => {
        //   Indicator.close()
        // }

        reader.readAsDataURL(file);
      }
    },
    toSure() {
      // 实名认证弹框
      if (isNull(this.form.name)) {
        // if (isNull(this.form.name) || !isName(this.form.name)) {
        Toast(this.$t("hj207"));
      } else if (isNull(this.form.idCard)) {
        Toast(this.$t("hj208"));
      }
      // else if (isNull(this.form.img1key) || isNull(this.form.img2key)) {
      //   Toast(this.$t('hj209'));
      // }
      else {
      } else if (!this.form.img1key) {
        Toast(this.$t("hj209"));
      } else if (!this.form.img2key) {
        Toast(this.$t("hj209"));
      } else {
        // 显示确认弹窗
        this.toAuthentication();
      }
@@ -310,6 +305,7 @@
        realName: this.form.name,
        idCard: this.form.idCard,
        vaildNumber: this.form.vaildNumber,
        img1key: this.form.img1key,
        img2key: this.form.img2key,
        img3key: this.form.img3key,
      };
@@ -329,6 +325,22 @@
</script>

<style scoped lang="less">
@green: #c4d600;
  /deep/ .van-nav-bar__content {
    height: 65px;
  }
  /deep/ .van-nav-bar__title {
    font-family: "DINPro";
    width: 100%;
    height: 1.17333rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: 0.48rem;
    color: #14181f;
  }
.bank_card_page {
  width: 100%;
  height: 100%;
@@ -337,7 +349,7 @@

  .content {
    width: 100%;
    height: 100%;
    height: 100vh;
    padding: 0 0.6rem;

    .top_back {
@@ -409,7 +421,7 @@
  display: flex;
  align-items: center;
  justify-content: center;
  background: #5c288c;
  background: @green;
  font-size: 0.4103rem;
  color: #fff;

@@ -434,7 +446,7 @@
/deep/ .el-upload--picture-card {
  background: none;
  width: 100%;
  height: 1.6rem;
  height: 100PX;
  line-height: 1.6rem;
}