From 5f5609326cb7d69c6cf89e42fd0e654fa416d8b6 Mon Sep 17 00:00:00 2001
From: yangyin <1850366751@qq.com>
Date: 星期四, 31 十月 2024 14:02:43 +0800
Subject: [PATCH] 修改手机号码登录页面
---
src/layout/component/sidebar/components/MenuList.vue | 18 ++++++++++--------
1 files changed, 10 insertions(+), 8 deletions(-)
diff --git a/src/layout/component/sidebar/components/MenuList.vue b/src/layout/component/sidebar/components/MenuList.vue
index 8cd4165..aa1689e 100644
--- a/src/layout/component/sidebar/components/MenuList.vue
+++ b/src/layout/component/sidebar/components/MenuList.vue
@@ -75,9 +75,7 @@
<el-form-item prop="verifyCode" label="楠岃瘉鐮�">
<el-input v-model="state.loginPhoneForm.verifyCode" placeholder="璇疯緭鍏ュ洓浣嶉獙璇佺爜" maxlength="6" clearable>
<template #append>
- <el-button type="primary" @click="handleSendVerifyCode" :disabled="countdown > 0">{{
- countdown > 0 ? `${countdown}绉掑悗閲嶈瘯` : '鑾峰彇楠岃瘉鐮�'
- }}</el-button>
+ <el-button type="primary" @click="handleSendVerifyCode" :disabled="hasSended">{{ sendCodeMsg }}</el-button>
</template>
</el-input>
</el-form-item>
@@ -106,7 +104,7 @@
const formPhoneRef = ref(); //鎵嬫満鍙风櫥褰�
const isLoginStatus = ref(!!Local.get(accessSessionKey));
const userName = ref('');
-const countdown = ref(0);
+const countdown = ref(null);
const firstUserCharacter = computed(() => userName.value?.[0]?.toUpperCase());
watchEffect(() => {
if (!isLoginStatus.value) return;
@@ -162,10 +160,10 @@
verifyCode: [{ required: true, message: '璇疯緭鍏ラ獙璇佺爜', trigger: 'blur' }],
};
const handleClick = (item) => {
- if(!item.routerName) return;
+ if (!item.routerName) return;
gotoRoute({ name: item.routerName });
};
-const LOGIN_CLIENT = 'Web 鐢ㄦ埛绔�';
+const LOGIN_CLIENT = 'Web绔�';
//鐧诲綍
const openLoginDlg = async () => {
@@ -174,6 +172,12 @@
const handleClose = () => {
state.isShowLogin = false;
};
+const hasSended = computed(() => {
+ return countdown.value !== null;
+});
+const sendCodeMsg = computed(() => {
+ return !hasSended.value ? '鑾峰彇楠岃瘉鐮�' : `${countdown.value} 绉掑悗閲嶈瘯`;
+});
//鐧诲綍
const onSubmit = async () => {
if (state.activeLoginName === 'accountUser') {
@@ -184,7 +188,6 @@
user: state.loginForm.account,
pass: state.loginForm.pwd,
client: LOGIN_CLIENT,
-
});
if (!res.json_ok) {
return ElMessage.error(res.json_msg);
@@ -199,7 +202,6 @@
phone: state.loginPhoneForm.phoneUser,
code: state.loginPhoneForm.verifyCode,
client: LOGIN_CLIENT,
-
});
if (!res.json_ok) {
return ElMessage.error(res.json_msg);
--
Gitblit v1.9.3