修改密码

src/components/Form/src/BasicForm.vue

@@ -109,6 +109,7 @@
             v-else
             v-bind="getComponentProps(schema)"
             :is="schema.component"
+            :type="schema.type"
             v-model:value="formModel[schema.field]"
             :class="{ isFull: schema.isFull != false && getProps.isFull }"
           />

src/layout/components/Header/AmendPwd.vue

@@ -20,11 +20,13 @@
   import { basicModal, useModal } from '@/components/Modal';
   import { useMessage } from 'naive-ui';
   import { BasicForm, FormSchema, useForm } from '@/components/Form/index';
+  import { changePassword } from '@/api/system/user';
 
   const schemas: FormSchema[] = [
     {
-      field: 'formerPwd',
+      field: 'password',
       component: 'NInput',
+      type: 'password',
       label: '旧密码',
       giProps: {
         span: 1,
@@ -35,8 +37,9 @@
       rules: [{ required: true, message: '请输入旧密码', trigger: ['blur'] }],
     },
     {
-      field: 'password',
+      field: 'newPassword',
       component: 'NInput',
+      type: 'password',
       label: '新密码',
       giProps: {
         span: 1,
@@ -47,8 +50,9 @@
       rules: [{ required: true, message: '请输入新密码', trigger: ['blur'] }],
     },
     {
-      field: 'rePassword',
+      field: 'confirmPassword',
       component: 'NInput',
+      type: 'password',
       label: '确认密码',
       giProps: {
         span: 1,
@@ -72,7 +76,7 @@
         rePassword: '',
       });
 
-      const [register, { submit, resetFields }] = useForm({
+      const [register, { submit, resetFields, getFieldsValue }] = useForm({
         gridProps: { cols: 1 },
         collapsedRows: 3,
         labelWidth: 80,
@@ -89,15 +93,18 @@
       async function formSubmit() {
         const formRes = await submit();
         if (formRes) {
-          await resetFields();
+          try {
+            await changePassword(getFieldsValue());
             closeModal();
             message.success('修改成功');
+          } catch (e) {
+            setSubLoading(false);
+          }
         } else {
           message.error('验证失败，请填写完整信息');
           setSubLoading(false);
         }
       }
-
       function showModal() {
         openModal();
       }