hookehuyr

refactor(用户设置): 更新API调用以匹配后端接口变更

在登录页面中,将手机号输入框的类型从`text`改为`tel`,并将自动完成属性从`mobile`改为`tel`,以提升用户体验。在密码设置页面中,将`updatePasswordAPI`改为`resetPasswordAPI`,以匹配后端接口的更新。在头像设置页面中,将`uploadAvatarAPI`改为`updateUserInfoAPI`,以统一用户信息更新接口。
......@@ -20,8 +20,8 @@
id="mobile"
v-model="mobile"
name="mobile"
type="text"
autocomplete="mobile"
type="tel"
autocomplete="tel"
required
class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-green-500 focus:border-green-500"
/>
......
<!--
* @Date: 2025-03-24 13:04:21
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-03-24 13:32:25
* @LastEditTime: 2025-03-26 00:46:59
* @FilePath: /mlaj/src/views/profile/settings/AvatarSettingPage.vue
* @Description: 修改头像页面
-->
......@@ -54,7 +54,7 @@
import { ref, onMounted } from "vue";
import AppLayout from "@/components/layout/AppLayout.vue";
import FrostedGlass from "@/components/ui/FrostedGlass.vue";
import { getUserInfoAPI, uploadAvatarAPI } from "@/api/users";
import { getUserInfoAPI, updateUserInfoAPI } from "@/api/users";
import { useTitle } from '@vueuse/core';
......@@ -83,7 +83,7 @@ const handleAvatarChange = async (file) => {
const formData = new FormData();
formData.append("avatar", file);
const response = await uploadAvatarAPI(formData);
const response = await updateUserInfoAPI(formData);
if (response.data) {
userAvatar.value = response.data.url;
alert("头像上传成功");
......
<!--
* @Date: 2025-03-24 13:04:21
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-03-24 13:19:54
* @LastEditTime: 2025-03-26 00:49:20
* @FilePath: /mlaj/src/views/profile/settings/PasswordSettingPage.vue
* @Description: 修改密码页面
-->
......@@ -62,7 +62,7 @@
import { ref } from 'vue';
import AppLayout from '@/components/layout/AppLayout.vue';
import FrostedGlass from '@/components/ui/FrostedGlass.vue';
import { updatePasswordAPI } from '@/api/users';
import { resetPasswordAPI } from '@/api/users';
import { useTitle } from '@vueuse/core';
......@@ -82,7 +82,7 @@ const validateConfirmPassword = (val) => val === newPassword.value;
const handlePasswordChange = async () => {
loading.value = true;
try {
const response = await updatePasswordAPI({
const response = await resetPasswordAPI({
oldPassword: oldPassword.value,
newPassword: newPassword.value
});
......