feat

src/components/password-change/index.vue

@@ -11,107 +11,102 @@
   >
     <a-form :model="form" layout="vertical">
       <a-form-item :label="'新密码'" field="newPassword" :required="true">
-        <a-input-password
-          v-model="form.newPassword"
-          :placeholder="'请输入新密码'"
-          allow-clear
-        />
+        <a-input-password v-model="form.newPassword" :placeholder="'请输入新密码'" allow-clear />
       </a-form-item>
-      
+
       <a-form-item :label="'确认密码'" field="confirmPassword" :required="true">
-        <a-input-password
-          v-model="form.confirmPassword"
-          :placeholder="'请再次输入新密码'"
-          allow-clear
-        />
+        <a-input-password v-model="form.confirmPassword" :placeholder="'请再次输入新密码'" allow-clear />
       </a-form-item>
     </a-form>
   </a-modal>
 </template>
 
 <script lang="ts" setup>
-import { ref, watch } from 'vue';
-import { Message } from '@arco-design/web-vue';
-import { resetUserPassword } from '@/api/module/user';
-import SafeStorage, { AppStorageKey } from '@/utils/safeStorage';
+import { ref, watch } from 'vue'
+import { Message } from '@arco-design/web-vue'
+import { resetUserPassword } from '@/api/module/user'
+import SafeStorage, { AppStorageKey } from '@/utils/safeStorage'
 
 interface Props {
-  open: boolean;
+  open: boolean
 }
 
-const props = defineProps<Props>();
+const props = defineProps<Props>()
 const emit = defineEmits<{
-  (e: 'update:open', value: boolean): void;
-}>();
+  (e: 'update:open', value: boolean): void
+}>()
 
-const loading = ref(false);
-const visible = ref(props.open);
+const loading = ref(false)
+const visible = ref(props.open)
 
 const form = ref({
   newPassword: '',
-  confirmPassword: ''
-});
+  confirmPassword: '',
+})
 
 // 监听 props.open 变化
-watch(() => props.open, (val) => {
-  visible.value = val;
-});
+watch(
+  () => props.open,
+  (val) => {
+    visible.value = val
+  }
+)
 
 // 监听 visible 变化，同步到父组件
 watch(visible, (val) => {
-  emit('update:open', val);
-});
+  emit('update:open', val)
+})
 
 // 保存密码
 const handleSavePassword = async () => {
   // 表单验证
   if (!form.value.newPassword || !form.value.confirmPassword) {
-    Message.error('请填写新密码和确认密码');
-    return;
+    Message.error('请填写新密码和确认密码')
+    return
   }
-  
+
   if (form.value.newPassword.length < 6) {
-    Message.error('密码至少需要6个字符');
-    return;
+    Message.error('密码至少需要6个字符')
+    return
   }
-  
+
   if (form.value.newPassword !== form.value.confirmPassword) {
-    Message.error('两次输入的密码不一致');
-    return;
+    Message.error('两次输入的密码不一致')
+    return
   }
-  
-  loading.value = true;
-  
+
+  loading.value = true
+
   try {
     // 从 SafeStorage 获取登录用户信息
-    const userInfo = SafeStorage.get(AppStorageKey.USER_INFO) || {};
+    const userInfo = SafeStorage.get(AppStorageKey.USER_INFO) || {}
     const res = await resetUserPassword({
       account: userInfo.account || '',
       code: '123456', // 暂时没校验，随便传
       password: form.value.newPassword,
-      phone: userInfo.phone || '13800138000' // 暂时没校验，随便传
-    });
-    
+      phone: userInfo.phone || '13800138000', // 暂时没校验，随便传
+    })
+
     if (res.code === 0) {
-      Message.success('密码修改成功');
-      handleClose();
+      Message.success('密码修改成功')
+      handleClose()
     } else {
-      Message.error(res.message || '密码修改失败');
+      Message.error(res.message || '密码修改失败')
     }
   } catch (error) {
-    console.error('修改密码失败:', error);
-    Message.error('密码修改失败，请稍后重试');
+    console.error('修改密码失败:', error)
+    Message.error('密码修改失败，请稍后重试')
   } finally {
-    loading.value = false;
+    loading.value = false
   }
-};
+}
 
 // 关闭弹窗
 const handleClose = () => {
   form.value = {
     newPassword: '',
-    confirmPassword: ''
-  };
-  visible.value = false;
-};
-</script>
+    confirmPassword: '',
+  }
+  visible.value = false
+}
+</script>