182 lines
4.0 KiB
JavaScript
182 lines
4.0 KiB
JavaScript
// pages/user/phone-verify/index.js
|
||
const weChatAuthService = require('../../../services/auth/wechat');
|
||
|
||
Page({
|
||
data: {
|
||
phoneNumber: '',
|
||
verifyCode: '',
|
||
canSendCode: false,
|
||
canConfirm: false,
|
||
sendCodeText: '发送验证码',
|
||
countdown: 0,
|
||
loading: false
|
||
},
|
||
|
||
onLoad(options) {
|
||
// weChatAuthService 已经是一个实例，直接使用
|
||
this.countdownTimer = null;
|
||
},
|
||
|
||
onUnload() {
|
||
if (this.countdownTimer) {
|
||
clearInterval(this.countdownTimer);
|
||
}
|
||
},
|
||
|
||
// 手机号输入
|
||
onPhoneInput(e) {
|
||
const phoneNumber = e.detail.value;
|
||
this.setData({
|
||
phoneNumber
|
||
});
|
||
this.checkCanSendCode();
|
||
this.checkCanConfirm();
|
||
},
|
||
|
||
// 验证码输入
|
||
onVerifyCodeInput(e) {
|
||
const verifyCode = e.detail.value;
|
||
this.setData({
|
||
verifyCode
|
||
});
|
||
this.checkCanConfirm();
|
||
},
|
||
|
||
// 检查是否可以发送验证码
|
||
checkCanSendCode() {
|
||
const { phoneNumber, countdown } = this.data;
|
||
const phoneRegex = /^1[3-9]\d{9}$/;
|
||
const canSendCode = phoneRegex.test(phoneNumber) && countdown === 0;
|
||
this.setData({
|
||
canSendCode
|
||
});
|
||
},
|
||
|
||
// 检查是否可以确认绑定
|
||
checkCanConfirm() {
|
||
const { phoneNumber } = this.data;
|
||
const phoneRegex = /^1[3-9]\d{9}$/;
|
||
const canConfirm = phoneRegex.test(phoneNumber);
|
||
this.setData({
|
||
canConfirm
|
||
});
|
||
},
|
||
|
||
// 发送验证码
|
||
async sendVerifyCode() {
|
||
if (!this.data.canSendCode) return;
|
||
|
||
try {
|
||
this.setData({ loading: true });
|
||
|
||
// 这里应该调用后端API发送验证码
|
||
// 暂时模拟发送成功
|
||
await this.simulateSendCode();
|
||
|
||
wx.showToast({
|
||
title: '验证码已发送',
|
||
icon: 'success'
|
||
});
|
||
|
||
// 开始倒计时
|
||
this.startCountdown();
|
||
|
||
} catch (error) {
|
||
console.error('发送验证码失败:', error);
|
||
wx.showToast({
|
||
title: '发送失败，请重试',
|
||
icon: 'none'
|
||
});
|
||
} finally {
|
||
this.setData({ loading: false });
|
||
}
|
||
},
|
||
|
||
// 模拟发送验证码（实际项目中应该调用真实API）
|
||
simulateSendCode() {
|
||
return new Promise((resolve) => {
|
||
setTimeout(resolve, 1000);
|
||
});
|
||
},
|
||
|
||
// 开始倒计时
|
||
startCountdown() {
|
||
let countdown = 60;
|
||
this.setData({
|
||
countdown,
|
||
sendCodeText: `${countdown}s后重发`,
|
||
canSendCode: false
|
||
});
|
||
|
||
this.countdownTimer = setInterval(() => {
|
||
countdown--;
|
||
if (countdown > 0) {
|
||
this.setData({
|
||
countdown,
|
||
sendCodeText: `${countdown}s后重发`
|
||
});
|
||
} else {
|
||
this.setData({
|
||
countdown: 0,
|
||
sendCodeText: '重新发送'
|
||
});
|
||
this.checkCanSendCode();
|
||
clearInterval(this.countdownTimer);
|
||
}
|
||
}, 1000);
|
||
},
|
||
|
||
// 确认绑定
|
||
async confirmBind() {
|
||
if (!this.data.canConfirm) return;
|
||
|
||
try {
|
||
this.setData({ loading: true });
|
||
|
||
const { phoneNumber } = this.data;
|
||
|
||
// 直接更新用户信息，不验证验证码
|
||
await this.updateUserPhone(phoneNumber);
|
||
|
||
wx.showToast({
|
||
title: '绑定成功',
|
||
icon: 'success'
|
||
});
|
||
|
||
// 延迟返回上一页
|
||
setTimeout(() => {
|
||
wx.navigateBack();
|
||
}, 1500);
|
||
|
||
} catch (error) {
|
||
console.error('绑定手机号失败:', error);
|
||
wx.showToast({
|
||
title: error.message || '绑定失败，请重试',
|
||
icon: 'none'
|
||
});
|
||
} finally {
|
||
this.setData({ loading: false });
|
||
}
|
||
},
|
||
|
||
|
||
|
||
// 更新用户手机号
|
||
async updateUserPhone(phoneNumber) {
|
||
try {
|
||
// 调用微信授权服务更新用户信息
|
||
await weChatAuthService.updateUserProfile({
|
||
phoneNumber: phoneNumber
|
||
});
|
||
|
||
// 更新本地存储的用户信息
|
||
const userInfo = wx.getStorageSync('userInfo') || {};
|
||
userInfo.phoneNumber = phoneNumber;
|
||
wx.setStorageSync('userInfo', userInfo);
|
||
|
||
} catch (error) {
|
||
console.error('更新用户手机号失败:', error);
|
||
throw error;
|
||
}
|
||
}
|
||
}); |