Переглянути джерело

发送验证码——>重新发送mmp

Va 7 роки тому
батько
коміт
ed6e6feafe
2 змінених файлів з 14 додано та 11 видалено
  1. 2 2
      src/assets/js/common.js
  2. 12 9
      src/views/home/login.vue

+ 2 - 2
src/assets/js/common.js

@@ -234,7 +234,7 @@ var sendCode=function(that,params,success){
         that.secondNum--;
         if(that.secondNum==0){
           clearInterval(that.reltime);
-          that.codestate=0;
+          that.codestate=2; //变成“重新发送”了!
           that.secondNum=60;
         }
       }, 1000);
@@ -265,7 +265,7 @@ var sendEmail=function(that,params,success){
         that.secondNum--;
         if(that.secondNum==0){
           clearInterval(that.reltime);
-          that.codestate=0;
+          that.codestate=2; //变成“重新发送”了!
           that.secondNum=60;
         }
       }, 1000);

+ 12 - 9
src/views/home/login.vue

@@ -26,7 +26,8 @@
         <div class="yanz-line">
           <input class="input" type="text" v-model="regParam.code" placeholder="请输入验证码">
           <button v-if="codestate===0" @click="sendCode()">发送验证码</button>
-          <button :class="{bgGrey:codestate===1}" v-if="codestate===1">已发送{{secondNum}}</button>
+          <button :class="{bgGrey:codestate===1}" v-if="codestate===1" disabled>已发送{{secondNum}}</button>
+          <button v-if="codestate===2" @click="sendCode()">重新发送</button>
         </div>
         <div class="login-line">
           <span><i class="iconfont icon-mima"></i></span>
@@ -110,10 +111,10 @@
           <span :class='{active:operateType=="mobile"}' @click="operateType='mobile'">手机找回</span>
           <span :class='{active:operateType=="email"}' @click="operateType='email'">邮箱找回</span>
         </div> -->
-        <div class="login-line" v-if="operateType=='email'">
+        <!-- <div class="login-line" v-if="operateType=='email'">
           <span><i class="iconfont icon-tubiao01"></i></span>
           <input class="input" v-model="setParam.username" type="text" placeholder="请输入您的邮箱">
-        </div>
+        </div> -->
         <div v-if="operateType=='mobile'">
           <div class="login-line">
             <span v-if="operateType=='email'"><i class="iconfont icon-tubiao01"></i></span>
@@ -133,6 +134,7 @@
             <input class="input" type="text" v-model="setParam.resettoken" placeholder="请输入验证码">
             <button v-if="codestate===0" @click="pwdSend()" :loading="codeLoad">发送验证码</button>
             <button :class="{bgGrey:codestate===1}" v-if="codestate===1">已发送{{secondNum}}</button>
+            <button v-if="codestate===2" @click="pwdSend()">重新发送</button>
           </div>
           <div class="login-line">
             <span><i class="iconfont icon-mima"></i></span>
@@ -179,6 +181,7 @@
           <el-button class="loginBtn cursor" @click="" :loading="codeLoad">
             <span v-if="codestate===0" @click="pwdSend()">发送邮件</span>
             <span v-if="codestate===1">已发送{{secondNum}}</span>
+            <span v-if="codestate===2" @click="pwdSend()">重新发送</span>
           </el-button>
           <!-- <el-button class="loginBtn cursor" @click="reSetPwd" v-if="operateType=='mobile'" :loading="setLoad">发送邮件</el-button> -->
         </div>
@@ -202,11 +205,11 @@
       class="statement-box"
       title="FX66平台风险提示及免责声明"
       :visible.sync="dialogVisible">
-        <publicWord></publicWord>
-        <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="readSure()">我已阅读</el-button>
-        </span>
-      </el-dialog>
+      <publicWord></publicWord>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="readSure()">我已阅读</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 
@@ -445,7 +448,7 @@ export default{
             this.secondNum--;
             if(this.secondNum==0){
               clearInterval(this.reltime);
-              this.codestate=0;
+              this.codestate=2;
               this.secondNum=60;
             }
           }, 1000);