登录数据整理

pages/login/login.vue

@@ -4,16 +4,16 @@
 		<view class="ezy-login-wrap">
 			<view class="login-body-box">
 				<view class="login-title-img"></view>
-				<view class="yzm-show">验证码已发送至：{{data.phoneNumber}}</view>
+				<view class="yzm-show">验证码已发送至：{{loginData.phoneNumber}}</view>
 				<view class="phone-input-box">
-					<input class="phone-input" type="text" v-model="data.yzmNumber" placeholder="请输入验证码" maxlength="6"
+					<input class="phone-input" type="text" v-model="loginData.yzmNumber" placeholder="请输入验证码" maxlength="6"
 						@input="clearYzmInput" />
-					<view class="close-btn" v-if="data.clearYzmIcon" @click="clearYzm"></view>
+					<view class="close-btn" v-if="loginData.clearYzmIcon" @click="clearYzm"></view>
 				</view>
-				<view class="login-btn login-btn-disabled" @click="loginBtn" :class="data.yzmStatus"></view>
+				<view class="login-btn login-btn-disabled" @click="loginBtn" :class="loginData.yzmStatus"></view>
 				<text class="cxfs-btn" @click="startCountdown"
-					:class="{ 'cxfs-btn-disabled': data.isDisabled}">{{data.buttonText}}</text>
-				<text class="login-text">无法收到验证码</text>
+					:class="{ 'cxfs-btn-disabled': loginData.isDisabled}">{{loginData.buttonText}}</text>
+				<text class="login-text" @click="goIndex">无法收到验证码</text>
 				<text class="login-text">客服电话:400-052-2130</text>
 			</view>
 		</view>
@@ -35,7 +35,7 @@
 		login,
 		sendCode
 	} from "@/api/login.js"
-	const data = reactive({
+	const loginData = reactive({
 		phoneNumber: null,
 		yzmNumber: null,
 		clearYzmIcon: false,
@@ -44,20 +44,21 @@
 		intervalId: null, // 定时器ID
 		isDisabled: false, // 按钮是否禁用
 		buttonText: '重新发送', // 按钮文本
-		sliderObj: {},
 	})
 	const pageData = reactive({
 
 	})
 
 	onLoad((options) => {
-		Object.assign(pageData, JSON.parse(options.data))
-		console.log(pageData)
+		loginInit(options);
 		startCountdown();
-
 		getYzmBtn();
 	})
 
+	const loginInit = (options) => {
+		loginData.phoneNumber = options.telNum;
+		Object.assign(pageData, JSON.parse(options.data))
+	}
 
 	const getYzmBtn = () => {
 		let req = {
@@ -100,37 +101,43 @@
 
 	const clearYzmInput = (event) => {
 		if (event.detail.value.length > 0) {
-			data.clearYzmIcon = true;
+			loginData.clearYzmIcon = true;
 		} else {
-			data.clearYzmIcon = false;
+			loginData.clearYzmIcon = false;
 		}
 	}
 
 	const clearYzm = () => {
-		data.yzmNumber = '';
-		data.clearYzmIcon = false;
+		loginData.yzmNumber = '';
+		loginData.clearYzmIcon = false;
 	}
 
 	const startCountdown = () => {
-		data.isDisabled = true;
-		data.buttonText = `重新发送（${data.timeLeft}S）`;
+		loginData.isDisabled = true;
+		loginData.buttonText = `重新发送（${loginData.timeLeft}S）`;
 
 		// 清除之前的定时器（如果有）
-		if (data.intervalId) {
-			clearInterval(data.intervalId);
+		if (loginData.intervalId) {
+			clearInterval(loginData.intervalId);
 		}
 
 		// 设置新的定时器
-		data.intervalId = setInterval(() => {
-			data.timeLeft--;
-			if (data.timeLeft <= 0) {
-				clearInterval(data.intervalId);
-				data.timeLeft = 60; // 重置倒计时
-				data.isDisabled = false;
-				data.buttonText = '重新发送';
+		loginData.intervalId = setInterval(() => {
+			loginData.timeLeft--;
+			if (loginData.timeLeft <= 0) {
+				clearInterval(loginData.intervalId);
+				loginData.timeLeft = 60; // 重置倒计时
+				loginData.isDisabled = false;
+				loginData.buttonText = '重新发送';
 			} else {
-				data.buttonText = `重新发送（${data.timeLeft}S）`;
+				loginData.buttonText = `重新发送（${loginData.timeLeft}S）`;
 			}
 		}, 1000);
 	}
+	
+	const goIndex = () => {
+		uni.navigateTo({
+				url: `/pages/login/index?data=`+JSON.stringify(pageData)
+		})
+	}
 </script>