修改密码

src/layout/components/Header/AmendPwd.vue

@@ -19,11 +19,12 @@
   import { basicModal, useModal } from '@/components/Modal';
   import { message } from 'ant-design-vue';
   import { BasicForm, FormSchema, useForm } from '@/components/Form/index';
+  import { changePassword } from '@/api/system/user';
 
   const schemas: FormSchema[] = [
     {
-      name: 'formerPwd',
-      component: 'Input',
+      name: 'password',
+      component: 'InputPassword',
       label: '旧密码',
       componentProps: {
         placeholder: '请输入旧密码',
@@ -31,8 +32,8 @@
       rules: [{ required: true, message: '请输入旧密码', trigger: ['blur'] }],
     },
     {
-      name: 'password',
-      component: 'Input',
+      name: 'newPassword',
+      component: 'InputPassword',
       label: '新密码',
       componentProps: {
         placeholder: '请输入新密码',
@@ -40,8 +41,8 @@
       rules: [{ required: true, message: '请输入新密码', trigger: ['blur'] }],
     },
     {
-      name: 'rePassword',
-      component: 'Input',
+      name: 'confirmPassword',
+      component: 'InputPassword',
       label: '确认密码',
       componentProps: {
         placeholder: '请再次输入新密码',
@@ -52,7 +53,7 @@
 
   const modalRef: any = ref(null);
 
-  const [register, { submit, resetFields }] = useForm({
+  const [register, { submit, resetFields,getFieldsValue }] = useForm({
     colProps: { span: 24 },
     labelCol: { span: 5 },
     layout: 'horizontal',
@@ -68,9 +69,13 @@
   async function formSubmit() {
     const formRes = await submit();
     if (formRes) {
-      await resetFields();
-      closeModal();
-      message.success('修改成功');
+      try{
+        await changePassword(getFieldsValue())
+        closeModal();
+        message.success('修改成功');
+      } catch(e){
+        setSubLoading(false);
+      }
     } else {
       message.error('验证失败，请填写完整信息');
       setSubLoading(false);