From d081cdaabcb942298f1df374f6a1cd626741098f Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期四, 08 六月 2023 14:17:14 +0800
Subject: [PATCH] 新增页面和配置，部分接口对接
---
src/views/Admin/components/pwdMod.vue | 59 ++++++++++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 48 insertions(+), 11 deletions(-)
diff --git a/src/views/Admin/components/pwdMod.vue b/src/views/Admin/components/pwdMod.vue
index 63b8145..3725c90 100644
--- a/src/views/Admin/components/pwdMod.vue
+++ b/src/views/Admin/components/pwdMod.vue
@@ -1,6 +1,7 @@
<template>
<a-modal
title="重置密码"
+ centered
:visible="visible"
:confirm-loading="confirmLoading"
width="50%"
@@ -11,11 +12,16 @@
:afterClose="clearMod"
>
<a-form-model ref="ruleForm" :rules="rules" :model="form" :label-col="labelCol" :wrapper-col="wrapperCol" :colon="false">
- <a-form-model-item label="请输入新密码" prop="newPwd">
- <a-input v-model="form.newPwd"/>
+ <a-form-model-item label="原密码" prop="oldPwd">
+<!-- <a-input v-model="form.oldPwd"/>-->
+ <a-input-password v-model="form.oldPwd" placeholder="请输入原密码" />
</a-form-model-item>
- <a-form-model-item label="确认密码" prop="checkPwd">
- <a-input v-model="form.checkPwd"/>
+ <a-form-model-item label="新密码" prop="newPwd">
+<!-- <a-input v-model="form.newPwd"/>-->
+ <a-input-password v-model="form.newPwd" placeholder="请输入新密码" />
+ </a-form-model-item>
+ <a-form-model-item label="重复新密码" prop="reNewPwd">
+ <a-input-password v-model="form.reNewPwd" placeholder="请再次输入新密码" />
</a-form-model-item>
</a-form-model>
</a-modal>
@@ -23,7 +29,9 @@
<script>
import {verifyPasswordPowerful, verifyPhone, verifyTelPhone} from "@/util/validate";
-
+import { updatePwd } from '@/api/user'
+import {loginOut} from "@/api/login";
+import {Session} from "@/util/storage";
export default {
name: 'pwdMod',
data () {
@@ -52,14 +60,20 @@
confirmLoading: false,
labelCol: { span: 4 },
wrapperCol: { span: 14 },
+ updateType: 0,
form: {
- id: null,
+ uid: null,
+ oldPwd: '',
newPwd: '',
- checkPwd: ''
+ reNewPwd: ''
},
rules: {
- newPwd: [{ required: true, validator: validatePwd, trigger: 'blur'}],
- checkPwd: [{ required: true, validator: validatePwd2, trigger: 'blur'}]
+ // oldPwd: [{ required: true, validator: validatePwd, trigger: 'blur'}],
+ // newPwd: [{ required: true, validator: validatePwd, trigger: 'blur'}],
+ // reNewPwd: [{ required: true, validator: validatePwd2, trigger: 'blur'}]
+ oldPwd: [{ required: true, message: '请输入原密码', trigger: 'blur'}],
+ newPwd: [{ required: true, message: '请输入新密码', trigger: 'blur'}],
+ reNewPwd: [{ required: true, validator: validatePwd2, trigger: 'blur'}]
}
}
},
@@ -69,13 +83,36 @@
methods:{
clearMod(){
this.$refs.ruleForm.clearValidate()
+ this.$refs.ruleForm.resetFields()
},
onSubmit() {
this.$refs.ruleForm.validate(valid => {
if (valid) {
- alert('submit!');
- this.visible = false
+ let {reNewPwd, ...data} = this.form
+ updatePwd(data).then(res=>{
+ if(res.data.code == 100){
+ if(this.updateType == 1){
+ this.$message.success('密码修改成功，需重新登录');
+ loginOut().then(res=>{
+ if (res.data.code === 100) {
+ Session.clear(); // 清除缓存/token等
+ // 使用 reload 时，不需要调用 resetRoute() 重置路由
+ this.$router.push('/')
+ // window.location.reload();
+ } else {
+ this.$message.warning(res.data.msg);
+ }
+ })
+ }else{
+ this.$message.success('密码修改成功');
+ this.$emit('refresh')
+ }
+ this.visible = false
+ }else{
+ this.$message.warning(res.data.msg);
+ }
+ })
} else {
console.log('error submit!!');
return false;
--
Gitblit v1.9.2