云端文件下载

pages/UserProfileModal/UserProfileModal.vue

@@ -48,8 +48,8 @@
 		onMounted,
 		ref
 	} from 'vue';
-	import { getUserInfo } from '@/utils/cloud-api.js'
-	import {getToken} from '@/utils/user-info.js'
+	import { getUserInfo, updateUserInfo } from '@/utils/cloud-api.js'
+	import { getToken } from '@/utils/user-info.js'
 
 	const closeUserCard = () => {
 		console.log("点击了返回")
@@ -63,13 +63,39 @@
 		})
 	}
 	
-	const saveUpdate = () => {
-		uni.navigateBack({
-			url: '/pages/Chat/Chat'
-		})
+	const saveUpdate = async() => {
+		// 表单校验
+		if (!editUsername.value.trim()) {
+			uni.showToast({ title: '用户名不能为空', icon: 'none' })
+			return
+		}
+		
+		uni.showLoading({ title: '保存中...', mask: true })
+		
+		try {
+			await updateUserInfo(
+				UserToken.value,
+				UserId.value,
+				editUsername.value.trim(),
+				editEmail.value.trim(),
+				editUserAvatar.value
+			)
+			uni.hideLoading()
+			uni.showToast({ title: '保存成功', icon: 'success' })
+			// 保存成功后延迟返回上一页
+			setTimeout(() => {
+				closeUserCard()
+			}, 800)
+		} catch (err) {
+			uni.hideLoading()
+			const msg = typeof err === 'string' ? err : '保存失败，请稍后重试'
+			uni.showToast({ title: msg, icon: 'none' })
+			console.error('保存用户信息失败:', err)
+		}
 	}
 
-
+	const UserToken = ref('')
+	const UserId = ref('')
 	const editUserAvatar = ref('')
 	const editUsername = ref('')
 	const editEmail = ref('')
@@ -84,7 +110,7 @@
 			sourceType: ['album', 'camera'],
 			success: (res) => {
 				const tempFilePath = res.tempFilePaths[0]
-				handlrImageSelected(tempFilePath)
+				handleImageSelected(tempFilePath)
 			},
 			fail: (err) => {
 				console.log('选择图片失败', err);
@@ -93,17 +119,22 @@
 	}
 
 	// 处理选择的图片
-	const handlrImageSelected = (filePath) => {
+	const handleImageSelected = (filePath) => {
 		editUserAvatar.value = filePath
 	}
 	
 	onMounted(async()=>{
-		const token = getToken()
-		const UserInfo = await getUserInfo(token)
-		
-		editUserAvatar.value = UserInfo.avatar || ''
-		editUsername.value = UserInfo.username || ''
-		editEmail.value = UserInfo.email || ''
+		UserToken.value = getToken()
+		try {
+			const UserInfo = await getUserInfo(UserToken.value)
+			UserId.value = UserInfo._id || ''
+			editUserAvatar.value = UserInfo.avatar || ''
+			editUsername.value = UserInfo.username || ''
+			editEmail.value = UserInfo.email || ''
+		} catch (err) {
+			console.error('获取用户信息失败:', err)
+			uni.showToast({ title: '加载用户信息失败', icon: 'none' })
+		}
 	})
 </script>