From 6540da0112dc559136488b74b3f4edc8086206d6 Mon Sep 17 00:00:00 2001
From: Xwen <929716663@qq.com>
Date: Wed, 20 Dec 2023 23:50:28 +0800
Subject: [PATCH] =?UTF-8?q?perf:=E5=AE=8C=E5=96=84=E6=B3=A8=E5=86=8C?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Yi.Bbs.Vue3/src/views/login/index.vue | 27 ++++++++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/Yi.Bbs.Vue3/src/views/login/index.vue b/Yi.Bbs.Vue3/src/views/login/index.vue
index 723598d9..b393cb52 100644
--- a/Yi.Bbs.Vue3/src/views/login/index.vue
+++ b/Yi.Bbs.Vue3/src/views/login/index.vue
@@ -88,8 +88,13 @@
                     />
                   </el-form-item>
                 </el-col>
-                <el-button type="primary" size="large" @click="captcha">
-                  获取验证码
+                <el-button
+                  type="primary"
+                  size="large"
+                  @click="captcha"
+                  :disabled="isDisabledCode"
+                >
+                  {{ codeInfo }}
                 </el-button>
               </div>
               <el-form-item label="验证码" class="title-item"></el-form-item>
@@ -244,13 +249,29 @@ const register = async (formEl) => {
 };
 
 //验证码
+const codeInfo = ref("发送验证码");
+const isDisabledCode = ref(false);
 const captcha = async () => {
   if (registerForm.phone !== "") {
-    const response = await getCodePhone(registerForm.phone);
+    const { data } = await getCodePhone(registerForm.phone);
+    registerForm.uuid = data.uuid;
     ElMessage({
       message: `已向${registerForm.phone}发送验证码，请注意查收`,
       type: "success",
     });
+    isDisabledCode.value = true;
+    let time = 60; //定义剩下的秒数
+    let timer = setInterval(function () {
+      if (time == 0) {
+        //清除定时器和复原按钮
+        clearInterval(timer);
+        codeInfo.value = "发送验证码";
+        time = 60; //这个10是重新开始
+      } else {
+        codeInfo.value = "剩余" + time + "秒";
+        time--;
+      }
+    }, 1000);
   } else {
     ElMessage({
       message: `清先输入手机号`,