|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
<template>
|
|
|
<uni-popup ref="dlRef" :animation="true" :is-mask-click="false" mask-background-color="rgba(255, 255, 255, 0.6);">
|
|
<uni-popup ref="dlRef" :animation="true" :is-mask-click="false" mask-background-color="rgba(255, 255, 255, 0.6);">
|
|
|
<!-- 返回 -->
|
|
<!-- 返回 -->
|
|
|
- <view class="icon-title-navBar-box">
|
|
|
|
|
|
|
+ <view class="icon-title-navBar-box333">
|
|
|
<view @click="handleBack" class="nav-bar-icon"></view>
|
|
<view @click="handleBack" class="nav-bar-icon"></view>
|
|
|
<text class="nav-bar-title">登录</text>
|
|
<text class="nav-bar-title">登录</text>
|
|
|
</view>
|
|
</view>
|
|
@@ -13,6 +13,17 @@
|
|
|
<view class="close-btn" v-if="loginData.clearTelIcon" @click="clearTel"></view>
|
|
<view class="close-btn" v-if="loginData.clearTelIcon" @click="clearTel"></view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
|
|
+ <!-- 验证码 -->
|
|
|
|
|
+ <view class="phone-input-box">
|
|
|
|
|
+ <input class="phone-input" type="text" v-model="loginData.yzmNumber" placeholder="请输入验证码" maxlength="4"
|
|
|
|
|
+ @input="clearYzmInput" />
|
|
|
|
|
+ <view class="close-btn" v-if="loginData.clearYzmIcon" @click="clearYzm"></view>
|
|
|
|
|
+
|
|
|
|
|
+ <text class="cxfs-btn" @click="startCountdown"
|
|
|
|
|
+ :class="{ 'cxfs-btn-disabled': loginData.isDisabled}">{{loginData.buttonText}}</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
<!-- 隐私协议 -->
|
|
<!-- 隐私协议 -->
|
|
|
<view class="agreement-checkbox-box">
|
|
<view class="agreement-checkbox-box">
|
|
|
<checkbox-group @change="handleUpdateAgree">
|
|
<checkbox-group @change="handleUpdateAgree">
|
|
@@ -26,12 +37,14 @@
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<!-- 登录按钮 -->
|
|
<!-- 登录按钮 -->
|
|
|
|
|
+ <ezyActiveVue class="ezy-btn-active login-btn yzm-btn" @aclick="handleLogin" :class="loginData.yzmStatus">登录
|
|
|
|
|
+ </ezyActiveVue>
|
|
|
</uni-popup>
|
|
</uni-popup>
|
|
|
<!-- 政策协议 -->
|
|
<!-- 政策协议 -->
|
|
|
<agree-content-dialog ref="agreeContentDialogRef" :agreeType="agreeType"></agree-content-dialog>
|
|
<agree-content-dialog ref="agreeContentDialogRef" :agreeType="agreeType"></agree-content-dialog>
|
|
|
<!-- 图形验证码 -->
|
|
<!-- 图形验证码 -->
|
|
|
- <captcha ref="captcha" :config="config" @captchaSuccess="captchaSuccess" @captchaError="captchaError"
|
|
|
|
|
- @captchaFail="captchaFail" @captchaReady="captchaReady" @captchaClose="captchaClose"></captcha>
|
|
|
|
|
|
|
+ <captchaVue ref="captcha" :config="config" @captchaSuccess="captchaSuccess" @captchaError="captchaError"
|
|
|
|
|
+ @captchaFail="captchaFail" @captchaReady="captchaReady" @captchaClose="captchaClose"></captchaVue>
|
|
|
<!-- 确认协议 -->
|
|
<!-- 确认协议 -->
|
|
|
<agree-dialog ref="agreeDialogRef" @confirm-btn="confirmBtn"></agree-dialog>
|
|
<agree-dialog ref="agreeDialogRef" @confirm-btn="confirmBtn"></agree-dialog>
|
|
|
</template>
|
|
</template>
|
|
@@ -46,9 +59,13 @@
|
|
|
} from "@/utils/common";
|
|
} from "@/utils/common";
|
|
|
import {
|
|
import {
|
|
|
login,
|
|
login,
|
|
|
- banbenImpinfo,sendCode
|
|
|
|
|
|
|
+ sendCode
|
|
|
} from "@/api/login";
|
|
} from "@/api/login";
|
|
|
import cacheManager from "@/utils/cacheManager";
|
|
import cacheManager from "@/utils/cacheManager";
|
|
|
|
|
+ import agreeContentDialog from '@/pages/login/agreeContentDialog.vue';
|
|
|
|
|
+ import agreeDialog from '@/pages/login/agreeDialog.vue'
|
|
|
|
|
+ import captchaVue from "@/components/captcha4/index.vue";
|
|
|
|
|
+ import ezyActiveVue from "@/components/ezyActive/ezyActive.vue"
|
|
|
|
|
|
|
|
const emits = defineEmits(['success'])
|
|
const emits = defineEmits(['success'])
|
|
|
|
|
|
|
@@ -71,7 +88,7 @@
|
|
|
timeLeft: 60, // 初始倒计时时间(秒)
|
|
timeLeft: 60, // 初始倒计时时间(秒)
|
|
|
intervalId: null, // 定时器ID
|
|
intervalId: null, // 定时器ID
|
|
|
isDisabled: false, // 按钮是否禁用
|
|
isDisabled: false, // 按钮是否禁用
|
|
|
- buttonText: '', // 按钮文本
|
|
|
|
|
|
|
+ buttonText: '获取验证码', // 按钮文本
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
const sliderData = reactive({})
|
|
const sliderData = reactive({})
|
|
@@ -109,6 +126,11 @@
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+ const validatePhone = (value) => {
|
|
|
|
|
+ const phoneRegex = /^1[3-9]\d{9}$/;
|
|
|
|
|
+ return phoneRegex.test(value)
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
function clearTelInput(event) {
|
|
function clearTelInput(event) {
|
|
|
if (event.detail.value.length > 0) {
|
|
if (event.detail.value.length > 0) {
|
|
|
loginData.clearTelIcon = true;
|
|
loginData.clearTelIcon = true;
|
|
@@ -124,6 +146,23 @@
|
|
|
loginData.clearTelIcon = false;
|
|
loginData.clearTelIcon = false;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+ function clearYzmInput(event) {
|
|
|
|
|
+ if (event.detail.value.length > 0) {
|
|
|
|
|
+ loginData.clearYzmIcon = true;
|
|
|
|
|
+ loginData.yzmStatus = 'login-btn-normal';
|
|
|
|
|
+ } else {
|
|
|
|
|
+ loginData.clearYzmIcon = false;
|
|
|
|
|
+ loginData.yzmStatus = 'login-btn-disabled';
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ function clearYzm() {
|
|
|
|
|
+ this.loginData.yzmNumber = '';
|
|
|
|
|
+ this.loginData.yzmStatus = 'login-btn-disabled';
|
|
|
|
|
+ this.loginData.clearYzmIcon = false;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
// 登录
|
|
// 登录
|
|
|
function handleLogin() {
|
|
function handleLogin() {
|
|
|
// 用户名
|
|
// 用户名
|
|
@@ -131,6 +170,16 @@
|
|
|
toast('请输入手机号')
|
|
toast('请输入手机号')
|
|
|
return;
|
|
return;
|
|
|
}
|
|
}
|
|
|
|
|
+ // 正确手机号
|
|
|
|
|
+ if (!validatePhone(loginData.phoneNumber)) {
|
|
|
|
|
+ toast('请输入正确手机号')
|
|
|
|
|
+ return;
|
|
|
|
|
+ }
|
|
|
|
|
+ // 验证码
|
|
|
|
|
+ if (!loginData.yzmNumber) {
|
|
|
|
|
+ toast('请输入验证码')
|
|
|
|
|
+ return;
|
|
|
|
|
+ }
|
|
|
// 协议
|
|
// 协议
|
|
|
if (!isAgreed.value) {
|
|
if (!isAgreed.value) {
|
|
|
agreeDialogRef.value.handleShow()
|
|
agreeDialogRef.value.handleShow()
|
|
@@ -144,30 +193,8 @@
|
|
|
if (res.code == 0) {
|
|
if (res.code == 0) {
|
|
|
// 更新用户信息
|
|
// 更新用户信息
|
|
|
cacheManager.set('auth', res.data)
|
|
cacheManager.set('auth', res.data)
|
|
|
- setTimeout(() => {
|
|
|
|
|
- banbenImpinfo({}).then(res => {
|
|
|
|
|
- if (res.code == 0) {
|
|
|
|
|
- cacheManager.updateObject("auth", {
|
|
|
|
|
- banbenId: res.data.banbenId,
|
|
|
|
|
- chanpinId: res.data.chanpinId,
|
|
|
|
|
- danyuanId: res.data.danyuanId,
|
|
|
|
|
- dengjiId: res.data.dengjiId,
|
|
|
|
|
- })
|
|
|
|
|
- // 更新学习信息 移除学习记录执通过后台更新记录
|
|
|
|
|
- if (cacheManager.get('xuexi-shuxue')) {
|
|
|
|
|
- cacheManager.remove("xuexi-shuxue")
|
|
|
|
|
- }
|
|
|
|
|
- // 关闭登录 返回支付
|
|
|
|
|
- toast('登录成功')
|
|
|
|
|
- // 返回支付
|
|
|
|
|
- handleBack();
|
|
|
|
|
- emits('success')
|
|
|
|
|
- }
|
|
|
|
|
- }).catch(() => {
|
|
|
|
|
- toast('数据异常')
|
|
|
|
|
- return false
|
|
|
|
|
- })
|
|
|
|
|
- })
|
|
|
|
|
|
|
+ // 返回重新支付
|
|
|
|
|
+ handleBack();
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
}
|
|
}
|
|
@@ -194,8 +221,15 @@
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
function startCountdown() {
|
|
function startCountdown() {
|
|
|
- if (loginData.buttonText === '重新发送') {
|
|
|
|
|
|
|
+
|
|
|
|
|
+ if (!loginData.phoneNumber) {
|
|
|
|
|
+ toast('请输入手机号')
|
|
|
|
|
+ return;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ if (loginData.buttonText === '重新发送' ||loginData.buttonText === '获取验证码') {
|
|
|
showCaptcha();
|
|
showCaptcha();
|
|
|
|
|
+ return;
|
|
|
}
|
|
}
|
|
|
loginData.isDisabled = true;
|
|
loginData.isDisabled = true;
|
|
|
loginData.buttonText = `重新发送(${loginData.timeLeft}S)`;
|
|
loginData.buttonText = `重新发送(${loginData.timeLeft}S)`;
|