交易所前端蓝色ui 4.5 jiem
lxf
2025-04-18 02a3d94d359b34e915f34abec024cbc1504a6a7c
src/views/my/components/identityAuthenty.vue
@@ -2,8 +2,15 @@
  <!-- 0:未认证 1:已提交申请,未审核 2:认证成功 3:认证失败  -->
  <div>
    <!--未认证或已认证时 -->
    <el-dialog class="my_security" :title="$t('message.user.shenfenrenzheng')" v-model="visible"
      :close-on-click-modal="false" @close="handClose" width="480px" center>
    <el-dialog
      class="my_security"
      :title="$t('message.user.shenfenrenzheng')"
      v-model="visible"
      :close-on-click-modal="false"
      @close="handClose"
      width="480px"
      center
    >
      <div class="flex_center">
        <!-- 未审核 -->
        <div v-if="identifyStatus == 1" class="status_show">
@@ -12,7 +19,11 @@
        </div>
        <!-- 认证成功 -->
        <div v-if="identifyStatus == 2" class="status_show">
          <img src="@/assets/myImages/icon-image/account-security/success-green.png" width="50" height="50" />
          <img
            src="@/assets/myImages/icon-image/account-security/success-green.png"
            width="50"
            height="50"
          />
          <div class="state_tip">{{ $t("message.user.yirenzheng") }}</div>
        </div>
        <!-- 认证失败 -->
@@ -26,20 +37,32 @@
      <div>
        <!-- 国籍选择 -->
        <div class="label">{{ $t("message.user.guoji") }}</div>
        <vue3-country-intl v-model="nationality" :disabled="identifyStatus == 1" :showAreaCode="false" type="country"
          :useChinese="isUseChinese" :placeholder="$t('message.user.qingxuanzeguoji')"
          :noDataText="$t('message.user.nationNodata')">
        <vue3-country-intl
          v-model="nationality"
          :disabled="identifyStatus == 1"
          :showAreaCode="false"
          type="country"
          :useChinese="isUseChinese"
          :placeholder="$t('message.user.qingxuanzeguoji')"
          :noDataText="$t('message.user.nationNodata')"
        >
        </vue3-country-intl>
        <!-- 姓名 -->
        <div class="label label_top">{{ $t("message.user.xingming") }}</div>
        <el-input v-model="name" :disabled="identifyStatus == 1"
          :placeholder="$t('message.user.qsr_xingming')"></el-input>
        <el-input
          v-model="name"
          :disabled="identifyStatus == 1"
          :placeholder="$t('message.user.qsr_xingming')"
        ></el-input>
        <!-- 身份证号码 -->
        <div class="label label_top">
          {{ $t("message.user.zhengjianhao") }}
        </div>
        <el-input v-model="idNumber" :disabled="identifyStatus == 1"
          :placeholder="$t('message.user.qsr_zengjianhaoma')"></el-input>
        <el-input
          v-model="idNumber"
          :disabled="identifyStatus == 1"
          :placeholder="$t('message.user.qsr_zengjianhaoma')"
        ></el-input>
        <!-- 图片上传 -->
        <div class="label label_top">
          {{ $t("message.user.shimingrenzhengtupianshangchuan") }}
@@ -47,10 +70,16 @@
        <div class="image_upload">
          <!-- 正面 -->
          <div class="text-center">
            <el-upload class="avatar-uploader" :action="`${nowUrl}/api/api/uploadFile`"
              accept=".jpg,.jpeg,.png,.gif.JPG,.JPEG,.PNG,.GIF" :show-file-list="false"
              :on-success="handelDoucumentsFront" :on-error="onErrorUpload" :before-upload="beforeAvatarUpload"
              :disabled="identifyStatus == 1">
            <el-upload
              class="avatar-uploader"
              :action="`${nowUrl}/wap/public/uploadimg!execute.action`"
              accept=".jpg,.jpeg,.png,.gif.JPG,.JPEG,.PNG,.GIF"
              :show-file-list="false"
              :on-success="handelDoucumentsFront"
              :on-error="onErrorUpload"
              :before-upload="beforeAvatarUpload"
              :disabled="identifyStatus == 1"
            >
              <img v-if="oneImg" :src="oneImg" class="avatar" />
              <el-icon v-else class="avatar-uploader-icon">
                <Plus />
@@ -59,9 +88,16 @@
            <p>{{ $t("message.user.zhengjianzhengmian") }}</p>
          </div>
          <div class="text-center" style="margin: 0 10px">
            <el-upload class="avatar-uploader" :action="`${nowUrl}/api/api/uploadFile`"
              accept=".jpg,.jpeg,.png,.gif.JPG,.JPEG,.PNG,.GIF" :show-file-list="false" :on-success="handelDoucumentsBack"
              :on-error="onErrorUpload" :before-upload="beforeAvatarUpload" :disabled="identifyStatus == 1">
            <el-upload
              class="avatar-uploader"
              :action="`${nowUrl}/wap/public/uploadimg!execute.action`"
              accept=".jpg,.jpeg,.png,.gif.JPG,.JPEG,.PNG,.GIF"
              :show-file-list="false"
              :on-success="handelDoucumentsBack"
              :on-error="onErrorUpload"
              :before-upload="beforeAvatarUpload"
              :disabled="identifyStatus == 1"
            >
              <!-- v-if="idBackImg || identifyStatus == 2 || identifyStatus == 3" -->
              <img v-if="twoImg" :src="twoImg" class="avatar" />
              <el-icon v-else class="avatar-uploader-icon">
@@ -71,9 +107,16 @@
            <p>{{ $t("message.user.zhengjianfanmian") }}</p>
          </div>
          <div class="text-center">
            <el-upload class="avatar-uploader" :action="`${nowUrl}/api/api/uploadFile`"
              accept=".jpg,.jpeg,.png,.gif.JPG,.JPEG,.PNG,.GIF" :show-file-list="false" :on-success="holdIdCardSuccess"
              :on-error="onErrorUpload" :before-upload="beforeAvatarUpload" :disabled="identifyStatus == 1">
            <el-upload
              class="avatar-uploader"
              :action="`${nowUrl}/wap/public/uploadimg!execute.action`"
              accept=".jpg,.jpeg,.png,.gif.JPG,.JPEG,.PNG,.GIF"
              :show-file-list="false"
              :on-success="holdIdCardSuccess"
              :on-error="onErrorUpload"
              :before-upload="beforeAvatarUpload"
              :disabled="identifyStatus == 1"
            >
              <!-- v-if="
                  handheldPhoto || identifyStatus == 2 || identifyStatus == 3
                " -->
@@ -88,27 +131,53 @@
        <!-- 操作按钮 -->
        <div class="bind_btn">
          <!-- 未认证 -->
          <el-button type="primary" @click="applyBtn" v-if="identifyStatus == 0">{{ $t("message.user.shenqingrenzheng")
          }}</el-button>
          <el-button
            type="primary"
            @click="applyBtn"
            v-if="identifyStatus == 0"
            >{{ $t("message.user.shenqingrenzheng") }}</el-button
          >
          <!-- 未审核 -->
          <el-button type="primary" v-if="identifyStatus == 1" disabled="true">{{ $t("message.home.yitijiao")
          }}</el-button>
          <el-button
            type="primary"
            v-if="identifyStatus == 1"
            disabled="true"
            >{{ $t("message.home.yitijiao") }}</el-button
          >
          <!-- 认证失败 -->
          <el-button type="primary" @click="applyBtn" v-if="identifyStatus == 3">{{ $t("message.user.chongxinrenzheng")
          }}</el-button>
          <el-button
            type="primary"
            @click="applyBtn"
            v-if="identifyStatus == 3"
            >{{ $t("message.user.chongxinrenzheng") }}</el-button
          >
          <!-- 认证成功 -->
          <el-button type="primary" @click="handClose" v-if="identifyStatus == 2">{{ $t("message.user.queren")
          }}</el-button>
          <el-button
            type="primary"
            @click="handClose"
            v-if="identifyStatus == 2"
            >{{ $t("message.user.queren") }}</el-button
          >
        </div>
      </div>
    </el-dialog>
    <!--提交成功弹窗 -->
    <template v-if="submitDialogShow">
      <el-dialog class="my_security" :title="$t('message.user.shenfenrenzheng')" v-model="visible"
        :close-on-click-modal="false" width="480px" center>
      <el-dialog
        class="my_security"
        :title="$t('message.user.shenfenrenzheng')"
        v-model="visible"
        :close-on-click-modal="false"
        width="480px"
        center
      >
        <div class="text-center">
          <img src="@/assets/myImages/icon-image/account-security/success-green.png" width="85px" height="85px" />
          <img
            src="@/assets/myImages/icon-image/account-security/success-green.png"
            width="85px"
            height="85px"
          />
          <p style="font-size: 20px">
            <b>{{ $t("message.user.tijiaochenggong") }}</b>
          </p>
@@ -176,7 +245,7 @@
  },
  mounted() {
    //获取域名
    this.nowUrl = "https://enjdhdg.site";
    this.nowUrl = "https://btc.btcwapo.com";
    //调用身份认证信息方法
    this.spToken = localStorage.getItem("spToken");
    if (this.spToken) {