翻译

lxf

2025-07-16 fcb00a66b4053550b473a29d7299c7a4737eea75

 src/page/register/index.vue

@@ -1,10 +1,7 @@
<template>
  <div class="register">
    <div class="top" @click="$router.go(-1)">
      <img
        :src="require(`../../assets/theme/${theme}/image/Union.png`)"
        alt=""
      />
      <img :src="require(`../../assets/theme/${theme}/image/Union.png`)" alt="" />
    </div>
    <!-- <Step :step="1"></Step> -->
    <div class="title textColor">{{ $t("注册") }}</div>
@@ -19,59 +16,21 @@
      </div> -->
      <!-- <div class="textColor1" :class="activeIndex == 2 ? 'active' : ''" @click="changeIndex(2)">{{ $t('手机号') }}</div> -->
    </div>
    <ExInput
      :label="getRegType(activeIndex, true)"
      :placeholderText="getRegType(activeIndex, false)"
      v-model.trim="username"
      :area="isArea"
      :dialCode="dialCode"
      @selectArea="onSelectArea"
      :icon="icon"
    />

    <ExInput
      :label="$t('设置密码')"
      :placeholderText="$t('密码（6-12个字符）')"
      v-model="password"
      typeText="password"
    />
    <ExInput
      :label="$t('确认密码')"
      :placeholderText="$t('请确认密码')"
      v-model="repassword"
      typeText="password"
    />
    <ExInput
      :label="$t('资金密码')"
      :placeholderText="$t('资金密码(6位数字)')"
      v-model="safeword"
      typeText="password"
    />
    <ExInput
      :label="$t('确认资金密码')"
      :placeholderText="$t('确认资金密码')"
      v-model="resafeword"
      typeText="password"
    />
    <ExInput
      :label="$t('邀请码(选填)')"
      :placeholderText="$t('请输入邀请码')"
      v-model="invitCode"
      :clearBtn="false"
    />
    <ExInput :label="getRegType(activeIndex, true)" :placeholderText="getRegType(activeIndex, false)"
      v-model.trim="username" :area="isArea" :dialCode="dialCode" @selectArea="onSelectArea" :icon="icon" />
    <ExInput :label="$t('手机号')" :placeholderText="$t('请输入手机号')" v-model="phone" type="text" />
    <ExInput :label="$t('设置密码')" :placeholderText="$t('密码（6-12个字符）')" v-model="password" typeText="password" />
    <ExInput :label="$t('确认密码')" :placeholderText="$t('请确认密码')" v-model="repassword" typeText="password" />
    <ExInput :label="$t('资金密码')" :placeholderText="$t('资金密码(6位数字)')" v-model="safeword" typeText="password" />
    <ExInput :label="$t('确认资金密码')" :placeholderText="$t('确认资金密码')" v-model="resafeword" typeText="password" />
    <ExInput :label="$t('邀请码(选填)')" :placeholderText="$t('请输入邀请码')" v-model="invitCode" :clearBtn="false" />
    <!-- <div class="title textColor">{{ $t("邮箱验证") }}</div> -->
    <p>{{ $t("verifyEmailTips", { account: account }) }}</p>
    <p style="color: #999">{{ $t("verifyEmailTips", { account: account }) }}</p>
    <div class="iptbox inputBackground">
      <input
        class="inputBackground textColor"
        type="text"
        :placeholder="$t('请输入验证码')"
        v-model="verifyCode"
      />
      <span @click="senCode"
        >{{ $t("发送验证码") }}
        <template v-if="time"> ({{ time }})s</template></span
      >
      <input class="inputBackground textColor" type="text" :placeholder="$t('请输入验证码')" v-model="verifyCode" />
      <span @click="senCode">{{ $t("发送验证码") }}
        <template v-if="time"> ({{ time }})s</template></span>
    </div>
    <div class="protocol textColor">
      <i @click="agreeProt">
@@ -79,36 +38,18 @@
        <img v-show="!agree" src="../../assets/image/login/prot1.png" alt="" />
      </i>
      {{ $t("我已阅读并同意")
      }}<span
        class="colorMain"
        @click="$router.push('/TermsOfService?serviceTerm=1')"
        >{{ $t("服务条款") }}</span
      >
      }}<span class="colorMain" @click="$router.push('/TermsOfService?serviceTerm=1')">{{ $t("服务条款") }}</span>
    </div>
    <div class="btn btnMain" @click="register">{{ $t("注册") }}</div>
    <div class="noTips textColor">
      {{ $t("已有账号")
      }}<span class="colorMain" @click="$router.push('/login')">
        {{ $t("去登录") }}</span
      >
        {{ $t("去登录") }}</span>
    </div>
    <nationality-list
      ref="controlChild"
      :title="$t('选择区域码')"
      @getName="getName(arguments)"
    ></nationality-list>
    <nationality-list ref="controlChild" :title="$t('选择区域码')" @getName="getName(arguments)"></nationality-list>

    <Vcode
      :imgs="[img1, img2]"
      :show="show"
      @success="onSuccess"
      :canvasHeight="200"
      @fail="onFail"
      @close="show = false"
      sliderText=""
      :successText="$t('验证通过!')"
      :failText="$t('验证失败,请重试')"
    />
    <Vcode :imgs="[img1, img2]" :show="show" @success="onSuccess" :canvasHeight="200" @fail="onFail"
      @close="show = false" sliderText="" :successText="$t('验证通过!')" :failText="$t('验证失败,请重试')" />

    <div>{{ msg }}</div>
  </div>
@@ -148,6 +89,7 @@
      safeword: "",
      invitCode: "", //邀请码
      activeIndex: 1,
      phone: '',
      typeText: "password",
      isArea: false,
      dialCode: 0, //电话号前缀
@@ -329,6 +271,7 @@
            ? this.username
            : `${this.username}`,
        password: this.password,
        phone: this.phone,
        re_password: this.repassword,
        re_safeword: this.resafeword,
        safeword: this.safeword,
@@ -338,19 +281,19 @@
      })
        .then((res) => {
          this.GET_USERINFO(res.data);
        //   if (this.activeIndex == 0 || this.activeIndex == 2) {
            this.$router.push("/finish");
        //   } else {
            // this.$router.push('/userCenter')
            // this.$router.push({
            //   name: "verify",
            //   query: {
            //     type: this.activeIndex,
            //     account:
            //       this.activeIndex == 1 ? this.username : `${this.username}`,
            //   },
            // });
        //   }
          //   if (this.activeIndex == 0 || this.activeIndex == 2) {
          this.$router.push("/finish");
          //   } else {
          // this.$router.push('/userCenter')
          // this.$router.push({
          //   name: "verify",
          //   query: {
          //     type: this.activeIndex,
          //     account:
          //       this.activeIndex == 1 ? this.username : `${this.username}`,
          //   },
          // });
          //   }
        })
        .catch((error) => {
          if (error.code === "ECONNABORTED") {
@@ -463,6 +406,7 @@
  align-items: center;
  height: 30px;
  margin-top: 20px;

  i {
    width: 30px;
    height: 30px;
@@ -483,11 +427,13 @@
  justify-content: space-between;
  align-items: center;
  border-radius: 6px;

  input {
    flex: 1;
    height: 100%;
    border: none;
  }

  span {
    color: #1d91ff;
  }