From 4931fb42270d5fd00a0a22270d684476ffa53917 Mon Sep 17 00:00:00 2001
From: 李凌 <344137771@qq.com>
Date: Sat, 11 Oct 2025 18:35:08 +0800
Subject: [PATCH] 1
---
src/views/register/index.vue | 109 +++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 75 insertions(+), 34 deletions(-)
diff --git a/src/views/register/index.vue b/src/views/register/index.vue
index dc0613c..de0ff1c 100644
--- a/src/views/register/index.vue
+++ b/src/views/register/index.vue
@@ -1,42 +1,58 @@
<template>
<div class="register">
- <div class="top" @click="router.go(-1)"><img src="../../assets/image/icon-close.png" alt=""></div>
- <Step :step="1"></Step>
+ <div class="top flex justify-between items-center">
+ <img src="../../assets/image/icon-close.png" alt="" @click="router.go(-1)">
+ <div @click="onRoute('/customerService')">{{ $t('onLineService') }}</div>
+ </div>
+ <!-- <Step :step="1"></Step> -->
<div class="title textColor">{{ $t('register') }}</div>
<div class="flex re-tab">
- <div class="textColor1" :class="activeIndex == 0 ? 'active' : ''" @click="changeIndex(0)">{{
+ <!-- <div class="textColor1" :class="activeIndex == 0 ? 'active' : ''" @click="changeIndex(0)">{{
$t('account')
- }}</div>
- <!-- <div class="textColor1" :class="activeIndex == 1 ? 'active' : ''" @click="changeIndex(1)">{{ $t('email') }}
- </div>
- <div class="textColor1" :class="activeIndex == 2 ? 'active' : ''" @click="changeIndex(2)">{{
- $t('phoneNum')
}}</div> -->
+ <div class="textColor1" :class="activeIndex == 1 ? 'active' : ''" @click="changeIndex(1)">
+ {{ $t('电子邮箱') }}
+ </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="username"
- :area="isArea" :dialCode="dialCode" @selectArea="onSelectArea" :icon="icon" />
+ <ExInput :label="getRegType(activeIndex, true)" :placeholderText="getRegType(activeIndex, false)"
+ v-model="username" :area="isArea" :dialCode="dialCode" @selectArea="onSelectArea" :icon="icon" />
- <ExInput :label="$t('setPassword')" :placeholderText="$t('passwordTips')" v-model="password" typeText="password" />
- <ExInput :label="$t('repassword')" :placeholderText="$t('surePassword')" v-model="repassword" typeText="password" />
- <ExInput :label="$t('setSafeword')" :placeholderText="$t('safewordTips')" v-model="safeword" typeText="password"
- v-if="activeIndex === 1" />
- <div class="inputCom" v-if="activeIndex === 1">
- <p class="label textColor">{{ $t('验证码') }}</p>
+ <ExInput :label="$t('设置登录密码')" :placeholderText="$t('请输入8-16位字符,必须包含大写字母、和特殊字符')" v-model="password"
+ typeText="password" />
+ <ExInput :label="$t('确认登录密码')" :placeholderText="$t('surePassword')" v-model="repassword" typeText="password" />
+ <ExInput :label="$t('setSafeword')" :placeholderText="$t('请输入6位阿拉伯数字的资金密码')" v-model="safeword"
+ typeText="password" v-if="activeIndex === 1 || activeIndex === 2" />
+ <div class="inputCom" v-if="activeIndex === 1 || activeIndex === 2">
+ <p class="label textColor" v-if="activeIndex == 1">{{ $t('邮箱验证码') }}</p>
+ <p class="label textColor" v-else-if="activeIndex == 2">{{ $t('手机验证码') }}</p>
+ <p class="label textColor" v-else>{{ $t('验证码') }}</p>
<div class="iptbox inputBackground">
- <input class="inputBackground textColor" type="text" :placeholder="$t('entryVerifyCode')"
+
+ <input class="inputBackground textColor" type="text"
+ :placeholder="activeIndex == 1 ? $t('请输入邮箱验证码') : activeIndex == 2 ? $t('请输入手机验证码') : $t('entryVerifyCode')"
v-model="verifyCode">
- <span v-if="type !== 3" @click="senCode">{{ $t('sendVerifyCode') }}
+
+ <span v-if="type !== 3" @click="senCode">
+ <span v-if="activeIndex == 1">{{ $t('发送邮箱验证码') }}</span>
+ <span v-else-if="activeIndex == 2">{{ $t('发送手机验证码') }}</span>
+ <span v-else>{{ $t('sendVerifyCode') }}</span>
<template v-if="time">({{ time }})s</template>
</span>
</div>
</div>
- <ExInput :label="$t('invitCode')" :placeholderText="$t('entryInvitCode')" v-model="invitCode" :clearBtn="false" />
+ <ExInput :label="$t('金融机构代码')" :placeholderText="$t('请输入金融机构识别码')" v-model="invitCode" :clearBtn="false" />
<div class="protocol textColor">
<i @click="agreeProt">
<img v-show="agree" src="../../assets/image/login/prot2.png" alt="" />
<img v-show="!agree" src="../../assets/image/login/prot1.png" alt="" />
</i>
- {{ $t('readAgree') }}<span class="colorMain" @click="router.push('/TermsOfService')">{{
+ <!-- {{ $t('readAgree') }}<span class="colorMain" @click="router.push('/TermsOfService')">{{
+ $t('serviceConf')
+ }}</span> -->
+ {{ $t('readAgree') }}<span class="colorMain" @click="router.push('/aboutUs?serviceTerm=23')">{{
$t('serviceConf')
}}</span>
</div>
@@ -67,14 +83,28 @@
import img2 from "../../assets/image/slider/2.png";
import { getStorage } from '@/utils/index'
import { useI18n } from 'vue-i18n'
+import { customerServiceUrl } from "@/config";
import { useRouter } from 'vue-router';
import { ref, onMounted, reactive, onUnmounted } from 'vue';
import { showToast } from "vant";
import store from '@/store/store'
+const customer_service_url = ref(customerServiceUrl) // 客服链接,有值的话就会跳转到客服外链
const { t } = useI18n()
const router = useRouter()
const onRoute = (path) => {
- router.push(path)
+ if (path == 'back') {
+ router.go(-1)
+ } else {
+ if (path == '/customerService') {
+ if (customer_service_url.value) {
+ window.location.href = customer_service_url.value;
+ } else {
+ router.push(path)
+ }
+ } else {
+ router.push(path)
+ }
+ }
}
const userStore = useUserStore();
@@ -90,7 +120,7 @@
const safeword = ref('')
const fundPassword = ref('')
const refundPassword = ref('')
-const activeIndex = ref(0)
+const activeIndex = ref(1)
const typeText = ref('password')
let isArea = ref(false)
let dialCode = ref(0)
@@ -120,9 +150,9 @@
case 0:
return bFlag ? t('account') : t('entryAccount');
case 1:
- return bFlag ? t('email') : t('entryEmail');
+ return bFlag ? t('电子邮箱') : t('entryEmail');
case 2:
- return bFlag ? t('phoneNum') : t('entryPhone');
+ return bFlag ? t('手机号码') : t('请输入手机号码');
}
}
@@ -131,7 +161,7 @@
return false
}
_sendVerifyCode({
- target: username.value,
+ target: activeIndex.value === 1 ? username.value : dialCode.value + username.value,
}).then((res) => {
time.value = 30;
state.timer = setInterval(() => {
@@ -172,8 +202,15 @@
const agreeProt = () => {
agree.value = !agree.value
}
+
+// 密码验证
+const validatePassword = (password) => {
+ const passwordRegex = /^(?=.*[A-Z])(?=.*[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]).{8,16}$/;
+ return passwordRegex.test(password);
+}
+
const register = () => {
- console.log(activeIndex.value,'activeIndex.value')
+ console.log(activeIndex.value, 'activeIndex.value')
if (activeIndex.value == 0) {
if (username.value == '') {
showToast(t('entryAccount'));
@@ -198,7 +235,7 @@
return
}
} else if (activeIndex.value == 2) {
- if(!(/(^[1-9]\d*$)/.test(username.value))){
+ if (!(/(^[1-9]\d*$)/.test(username.value))) {
showToast(t('entryPhone'));
return
}
@@ -211,12 +248,17 @@
showToast(t('entryPassword'));
return
}
- if (password.value.length < 6) {
+
+ if (!validatePassword(password.value)) {
showToast(t('passwordTips'));
return
}
if (repassword.value !== password.value) {
showToast(t('noSamePassword'));
+ return
+ }
+ if (invitCode.value.length == '') {
+ showToast(t('请输入金融机构代码'));
return
}
if (!agree.value) {
@@ -252,11 +294,11 @@
}
}
- if (activeIndex.value === 1) {
+ if (activeIndex.value === 1 || activeIndex.value === 2) {
_bindEmailRegister({
- username: username.value,
+ username: activeIndex.value === 1 ? username.value : dialCode.value + username.value,
password: password.value,
- type: '2', // 2邮箱
+ type: activeIndex.value === 1 ? '2' : '1', // 2邮箱,1手机
verifcode: verifyCode.value,
usercode: invitCode.value,
safeword: safeword.value
@@ -264,7 +306,8 @@
userStore[GET_USERINFO](res)
store.state.user.userInfo = res
// 其他操作？？
- router.push('/identity')
+ // router.push('/identity')
+ router.push('/login')
})
} else {
_registerUser({
@@ -284,8 +327,6 @@
});
}
}
-
-
</script>
<style lang="scss" scoped>
--
Gitblit v1.9.3