From 6b50a4d9baa75b5f385bf1a9113e4b0e18f7f37c Mon Sep 17 00:00:00 2001
From: zjl <xx@qq.com>
Date: Tue, 17 Dec 2024 15:02:01 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=BF=AE=E6=94=B9=E5=AF=86?=
 =?UTF-8?q?=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/Header/AmendPwd.vue | 47 ++++++++++++++++-------
 1 file changed, 34 insertions(+), 13 deletions(-)

diff --git a/src/layout/components/Header/AmendPwd.vue b/src/layout/components/Header/AmendPwd.vue
index 8343669..75477cc 100644
--- a/src/layout/components/Header/AmendPwd.vue
+++ b/src/layout/components/Header/AmendPwd.vue
@@ -9,17 +9,20 @@
 </template>
 
 <script lang="ts" setup>
-  import { ref,nextTick } from 'vue';
+  import { ref, nextTick } from 'vue';
   import { basicModal, useModal } from '@/components/Modal';
   import { ElMessage } from 'element-plus';
   import { BasicForm, FormSchema, useForm } from '@/components/Form/index';
   import { changePassword } from '@/api/system/user';
 
+  /**
+   * 创建表单
+   */
   const schemas: FormSchema[] = [
     {
       field: 'password',
       component: 'Input',
-      type:'password',
+      type: 'password',
       label: '旧密码',
       componentProps: {
         placeholder: '请输入旧密码',
@@ -29,7 +32,7 @@
     {
       field: 'newPassword',
       component: 'Input',
-      type:'password',
+      type: 'password',
       label: '新密码',
       componentProps: {
         placeholder: '请输入新密码',
@@ -39,7 +42,7 @@
     {
       field: 'confirmPassword',
       component: 'Input',
-      type:'password',
+      type: 'password',
       label: '确认密码',
       componentProps: {
         placeholder: '请再次输入新密码',
@@ -50,7 +53,10 @@
 
   const modalRef: any = ref(null);
 
-  const [register, { submit,resetFields,getFieldsValue }] = useForm({
+  /**
+   * 定义页面
+   */
+  const [register, { submit, resetFields, getFieldsValue }] = useForm({
     collapsedRows: 3,
     labelWidth: 80,
     layout: 'horizontal',
@@ -58,38 +64,53 @@
     schemas,
   });
 
+  /**
+   * 定义模态
+   */
   const [modalRegister, { openModal, closeModal, setSubLoading }] = useModal({
     title: '修改密码',
     subBtuText: '提交修改',
   });
 
+  /**
+   * 提交表单数据
+   */
   async function formSubmit() {
     const formRes = await submit();
     if (formRes) {
-      try{
-        await changePassword(getFieldsValue())
-      closeModal();
-      ElMessage.success('修改成功');
-      } catch(e){
+      try {
+        await changePassword(getFieldsValue());
+        closeModal();
+        ElMessage.success('修改成功');
+      } catch (e) {
         setSubLoading(false);
       }
-
     } else {
       ElMessage.error('验证失败，请填写完整信息');
       setSubLoading(false);
     }
   }
 
+  /**
+   * 显示弹窗
+   */
   async function showModal() {
     openModal();
-    await nextTick()
-    resetFields()
+    await nextTick();
+    resetFields();
   }
 
+  /**
+   * 执行重置
+   * @param values 参数
+   */
   function handleReset(values: Recordable) {
     console.log(values);
   }
 
+  /**
+   * 定义函数
+   */
   defineExpose({
     showModal,
   });