feat: 找回密码

src/axios/module/user.js

@@ -19,8 +19,18 @@ const code = (params = {}) => {
 	return POST(`${Prefix}/office/timescoderegi/api/getVerificationCode`, params)
 }
 
+const resetPasswordByMobile = (params = {}) => {
+	return POST(`${Prefix}/office/timescodefindps/api/forgotPasswordPhone`, params)
+}
+
+const resetPasswordByEmail = (params = {}) => {
+	return POST(`${Prefix}/office/timescodefindps/api/forgotPasswordEmiail`, params)
+}
+
 export default {
 	login,
 	register,
 	code,
+	resetPasswordByMobile,
+	resetPasswordByEmail,
 }

src/views/User/reset-pass.vue

@@ -3,8 +3,11 @@
     <div class="reset-pass">
       <el-tabs v-model="activeName" class="tab-no-bottom">
         <el-tab-pane label="手机号找回" name="first">
-          <el-form :model="mobileForm" status-icon>
-            <el-form-item>
+          <el-form ref="mobileForm" :model="mobileForm" status-icon>
+            <el-form-item prop='userName' :rules="[{
+                        required: true,
+                        message: '不能为空',
+                    }]">
               <el-input v-model="mobileForm.userName"
                         placeholder="请输入用户名"></el-input>
             </el-form-item>
@@ -35,8 +38,11 @@
         </el-tab-pane>
 
         <el-tab-pane label="邮箱找回" name="second">
-          <el-form :model="emailForm" status-icon>
-            <el-form-item>
+          <el-form ref="emailForm" :model="emailForm" status-icon>
+            <el-form-item prop='userName' :rules="[{
+                        required: true,
+                        message: '不能为空',
+                    }]">
               <el-input v-model="emailForm.userName"
                         placeholder="请输入用户名"></el-input>
             </el-form-item>
@@ -125,9 +131,15 @@ export default {
   },
   methods: {
     resetByMobile() {
-      if (this.mobileForm.mobile === '') {
-        this.$message({type: 'error', message: '请输入手机号码'});
-      } else {
+      this.$refs['mobileForm'].validate((valid) => {
+        if (valid) {
+          this.$api.user.resetPasswordByMobile({
+            "userName": this.mobileForm.userName,
+            "phone": this.mobileForm.mobile
+          }).then(res => {
+            console.log(res)
+            if (res.success) {
+              this.$message.success(res.returnMsg || '发送成功，请注意查收')
               this.hasSent = true;
               this.timer = setInterval(() => {
                 this.time -= 1;
@@ -137,12 +149,23 @@ export default {
                   this.hasSent = false;
                 }
               }, 1000);
+            } else {
+              this.$message.error(res.returnMsg || '网络错误，请稍后再试')
+            }
+          })
         }
+      })
     },
     resetByEmail() {
-      if (this.emailForm.email === '') {
-        this.$message({type: 'error', message: '请输入邮箱号'});
-      } else {
+      this.$refs['emailForm'].validate((valid) => {
+        if (valid) {
+          this.$api.user.resetPasswordByEmail({
+            "userName": this.emailForm.userName,
+            "e-miail": this.emailForm.email
+          }).then(res => {
+            console.log(res)
+            if (res.success) {
+              this.$message.success(res.returnMsg || '发送成功，请注意查收')
               this.hasSent = true;
               this.timer = setInterval(() => {
                 this.time -= 1;
@@ -152,7 +175,16 @@ export default {
                   this.hasSent = false;
                 }
               }, 1000);
+            } else {
+              this.$message.error(res.returnMsg || '网络错误，请稍后再试')
+            }
+          })
         }
+      })
+      // if (this.emailForm.email === '') {
+      //   this.$message({type: 'error', message: '请输入邮箱号'});
+      // } else {
+      // }
     }
   },
 }