cxw-010203

src/views/Login/forgetPWD/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-19 14:45:23
- * @LastEditTime: 2021-10-19 16:25:16
+ * @LastEditTime: 2021-10-19 16:42:35
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/Login/forgetPWD/index.vue
@@ -11,10 +11,10 @@
         <span class="fpw-label">忘记密码</span>
         <a-form-model layout="horizontal" :model="form" :rules="rules" ref="forgetForm">
             <a-form-model-item label="手机号码" prop="phone">
-                <a-input v-model="form.phone" placeholder="手机号码" />
+                <a-input v-model="form.phone" placeholder="手机号码" autocomplete="off"/>
             </a-form-model-item>
             <a-form-model-item label="验证码" prop="code">
-                <a-input v-model="form.code" placeholder="验证码">
+                <a-input v-model="form.code" placeholder="验证码" autocomplete="off">
                     <span class="fp-s1" slot="suffix" v-if="showCode" @click="countdown">发送验证码</span>
                     <span class="fp-s1" slot="suffix" v-else>{{count}}</span>
                 </a-input>
@@ -92,7 +92,7 @@ export default {
         onNext() {
             this.$refs.forgetForm.validate((valid) => {
                 if (valid) {
-                    alert("submit!");
+                    this.$emit("nextStep")
                 } else {
                     console.log("error submit!!");
                     return false;

src/views/Login/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-19 11:53:35
- * @LastEditTime: 2021-10-19 16:19:02
+ * @LastEditTime: 2021-10-19 16:32:04
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/Login/index.vue
@@ -14,7 +14,7 @@
         <div class="login-inner">
             <div class="login-div">
                 <loginForm @forgetPassword="handlerForget" v-if="dateType===1"></loginForm>
-                <forgetPWD v-if="dateType===2" @reLogin="handlerRelogin"></forgetPWD>
+                <forgetPWD v-if="dateType===2" @reLogin="handlerRelogin" @nextStep="handlerNext"></forgetPWD>
                 <resetPassword v-if="dateType===3" @reLogin="handlerRelogin"></resetPassword>
             </div>
         </div>
@@ -44,6 +44,9 @@ export default {
         handlerRelogin() {
             this.dateType = 1;
         },
+        handlerNext() {
+            this.dateType = 3;
+        },
     },
 };
 </script>

src/views/Login/loginForm/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-19 14:14:52
- * @LastEditTime: 2021-10-19 16:21:48
+ * @LastEditTime: 2021-10-19 16:42:11
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/Login/loginForm/index.vue
@@ -10,16 +10,16 @@
     <div class="lgf-outter">
         <a-form-model layout="horizontal" :model="form" :rules="rules" ref="loginForm">
             <a-form-model-item label="用户名" prop="phone">
-                <a-input v-model="form.phone" placeholder="请输入账号" />
+                <a-input v-model="form.phone" placeholder="请输入账号" autocomplete="off"/>
             </a-form-model-item>
             <a-form-model-item label="密码" prop="pwd">
-                <a-input v-model="form.pwd" :type="pwdType" placeholder="请输入密码">
+                <a-input v-model="form.pwd" :type="pwdType" placeholder="请输入密码" autocomplete="off">
                     <span slot="suffix" class="iconfont icon-zhengyan-21 login-eye" v-if="pwdType==='password'" @click="changePwdType"></span>
                     <span slot="suffix" class="iconfont icon-in_biyan login-eye" v-else @click="changePwdType"></span>
                 </a-input>
             </a-form-model-item>
             <a-form-model-item label="验证码" prop="code">
-                <a-input v-model="form.code" placeholder="请输入验证码">
+                <a-input v-model="form.code" placeholder="请输入验证码" autocomplete="off">
                     <a-button slot="addonAfter" style="width: 100px" @click="countdown" v-if="showCode">FNMAK</a-button>
                     <a-button slot="addonAfter" style="width: 100px" v-else>{{count}}</a-button>
                 </a-input>

src/views/Login/resetPassword/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-10-19 15:36:15
- * @LastEditTime: 2021-10-19 16:29:17
+ * @LastEditTime: 2021-10-19 16:40:01
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/Login/resetPassword/index.vue
@@ -11,10 +11,10 @@
         <span class="fpw-label">重新设置密码</span>
         <a-form-model layout="horizontal" :model="form" :rules="rules" ref="resetForm">
             <a-form-model-item label="设置密码" prop="pwd1">
-                <a-input v-model="form.pwd1" placeholder="请输入新密码" />
+                <a-input type="password" v-model="form.pwd1" placeholder="请输入新密码" autocomplete="off"/>
             </a-form-model-item>
             <a-form-model-item label="再次输入" prop="pwd2">
-                <a-input v-model="form.pwd2" placeholder="请再次输入新密码" />
+                <a-input type="password" v-model="form.pwd2" placeholder="请再次输入新密码" autocomplete="off"/>
             </a-form-model-item>
         </a-form-model>
         <div class="fpw-d1">