436 lines
12 KiB
JavaScript
436 lines
12 KiB
JavaScript
const app = getApp();
|
||
const config = require('../../config/config.js');
|
||
const apiClient = require('../../utils/api-client.js');
|
||
const imageCacheManager = require('../../utils/image-cache-manager.js');
|
||
|
||
Page({
|
||
data: {
|
||
// 用户基本信息
|
||
userInfo: null,
|
||
// 动态列表
|
||
feedList: [],
|
||
// 统计数据
|
||
stats: {
|
||
friendsCount: 0,
|
||
postsCount: 0,
|
||
likesCount: 0
|
||
},
|
||
// 加载状态
|
||
loading: true,
|
||
error: '',
|
||
// 页面相关
|
||
currentPage: 1,
|
||
pageSize: 5,
|
||
hasMoreData: true,
|
||
loadingMore: false,
|
||
// 当前年份
|
||
currentYear: new Date().getFullYear(),
|
||
// 是否是当前用户的资料页
|
||
isCurrentUser: false,
|
||
// 关注状态
|
||
isFollowing: false,
|
||
// 好友状态
|
||
isFriend: false,
|
||
// 系统适配信息
|
||
systemInfo: {},
|
||
statusBarHeight: 0,
|
||
navBarHeight: 0,
|
||
windowHeight: 0,
|
||
safeAreaBottom: 0
|
||
},
|
||
|
||
onLoad: function(options) {
|
||
|
||
if (!options.customId) {
|
||
wx.showToast({
|
||
title: '用户信息错误',
|
||
icon: 'none'
|
||
});
|
||
wx.navigateBack();
|
||
return;
|
||
}
|
||
|
||
// 保存用户ID
|
||
this.setData({
|
||
customId: options.customId
|
||
});
|
||
|
||
// 初始化系统信息
|
||
this.initSystemInfo();
|
||
|
||
// 加载用户资料
|
||
this.loadUserProfile();
|
||
},
|
||
|
||
// 初始化系统信息
|
||
initSystemInfo: function() {
|
||
try {
|
||
const systemInfo = wx.getSystemInfoSync();
|
||
const menuButtonInfo = wx.getMenuButtonBoundingClientRect();
|
||
|
||
this.setData({
|
||
systemInfo: systemInfo,
|
||
statusBarHeight: systemInfo.statusBarHeight,
|
||
navBarHeight: menuButtonInfo.top + menuButtonInfo.height,
|
||
windowHeight: systemInfo.windowHeight,
|
||
safeAreaBottom: systemInfo.safeArea?.bottom || systemInfo.windowHeight
|
||
});
|
||
} catch (error) {
|
||
console.error('获取系统信息失败:', error);
|
||
}
|
||
},
|
||
|
||
// 加载用户资料
|
||
loadUserProfile: function() {
|
||
const { customId } = this.data;
|
||
this.setData({ loading: true, error: '' });
|
||
|
||
wx.request({
|
||
url: `${config.api.baseUrl}/api/v1/users/${customId}`,
|
||
method: 'GET',
|
||
success: (res) => {
|
||
|
||
// 🔥 统一处理401 - 使用apiClient的统一处理
|
||
const apiClient = require('../../utils/api-client.js');
|
||
if (apiClient.is401Error && apiClient.is401Error(res)) {
|
||
const app = getApp();
|
||
const isLoggedIn = app?.globalData?.isLoggedIn || false;
|
||
apiClient.handle401Error(isLoggedIn);
|
||
return;
|
||
}
|
||
|
||
if (res.data.code !== 200) {
|
||
this.setData({
|
||
loading: false,
|
||
error: res.data.message || '加载用户资料失败'
|
||
});
|
||
return;
|
||
}
|
||
|
||
const userData = res.data.data.user || {};
|
||
|
||
// 处理头像URL
|
||
let avatar = userData.avatar || '/images/findme-logo.png';
|
||
if (avatar && !avatar.startsWith('http')) {
|
||
try {
|
||
const baseDomain = config.api.baseUrl.replace(/\/api\/v1$/, '');
|
||
avatar = `${baseDomain}${avatar}`;
|
||
} catch (e) {
|
||
console.error('头像路径处理失败:', e);
|
||
}
|
||
}
|
||
|
||
// 缓存头像
|
||
imageCacheManager.cacheImage(avatar, 'user_avatar')
|
||
.then(cachedAvatar => {
|
||
|
||
// 更新用户数据
|
||
const processedUserInfo = {
|
||
...userData,
|
||
avatar: cachedAvatar,
|
||
nickname: userData.nickname || userData.customId || '未知用户',
|
||
// 格式化用户信息
|
||
formattedGender: userData.gender === 1 ? '男' : (userData.gender === 2 ? '女' : '未设置'),
|
||
formattedLocation: userData.location || '未设置'
|
||
};
|
||
|
||
// 检查是否是当前用户
|
||
const currentUser = app.globalData.userInfo || {};
|
||
const isCurrentUser = currentUser.user && currentUser.user.customId === customId;
|
||
|
||
this.setData({
|
||
userInfo: processedUserInfo,
|
||
stats: res.data.data.stats || this.data.stats,
|
||
isCurrentUser: isCurrentUser,
|
||
isFollowing: res.data.data.isFollowing || false,
|
||
isFriend: res.data.data.isFriend || false,
|
||
loading: false
|
||
});
|
||
|
||
// 加载用户动态
|
||
this.loadUserFeeds();
|
||
})
|
||
.catch(error => {
|
||
console.error('头像缓存失败:', error);
|
||
// 继续处理，使用原始头像URL
|
||
this.setData({
|
||
userInfo: userData,
|
||
loading: false
|
||
});
|
||
this.loadUserFeeds();
|
||
});
|
||
},
|
||
fail: (err) => {
|
||
console.error('加载用户资料失败:', err);
|
||
this.setData({
|
||
loading: false,
|
||
error: '网络请求失败，请检查网络连接'
|
||
});
|
||
}
|
||
});
|
||
},
|
||
|
||
// 加载用户动态
|
||
loadUserFeeds: function() {
|
||
const { customId, currentPage, pageSize, feedList } = this.data;
|
||
|
||
// 防止重复加载
|
||
if (this.data.loadingMore || !this.data.hasMoreData) {
|
||
return;
|
||
}
|
||
|
||
this.setData({ loadingMore: true });
|
||
|
||
wx.request({
|
||
url: `${config.api.baseUrl}/api/v1/feeds/user/${customId}`,
|
||
method: 'GET',
|
||
data: {
|
||
page: currentPage,
|
||
pageSize: pageSize
|
||
},
|
||
header: {
|
||
'Authorization': `Bearer ${apiClient.getToken() || ''}`
|
||
},
|
||
success: (res) => {
|
||
|
||
if (res.data.code === 200) {
|
||
const newFeeds = res.data.data.feeds || [];
|
||
|
||
// 格式化动态数据
|
||
const processedFeeds = newFeeds.map(feed => {
|
||
// 格式化时间
|
||
let formattedTime = '未知时间';
|
||
try {
|
||
formattedTime = this.formatTime(feed.createdAt || '');
|
||
} catch (error) {
|
||
console.error('时间格式化失败:', error);
|
||
}
|
||
|
||
// 处理媒体URL
|
||
let processedMedia = [];
|
||
if (feed.media && Array.isArray(feed.media)) {
|
||
processedMedia = feed.media.map(mediaItem => {
|
||
let url = mediaItem.url || '';
|
||
if (url && !url.startsWith('http') && url.startsWith('/')) {
|
||
try {
|
||
const baseDomain = config.api.baseUrl.replace(/\/api\/v1$/, '');
|
||
url = `${baseDomain}${url}`;
|
||
} catch (e) {}
|
||
}
|
||
return {
|
||
...mediaItem,
|
||
url: url
|
||
};
|
||
});
|
||
}
|
||
|
||
const imageMedia = processedMedia.filter(item => item.type === 'image');
|
||
const imageRowCount = imageMedia.length > 0 ? Math.ceil(imageMedia.length / 3) : 0;
|
||
|
||
return {
|
||
...feed,
|
||
formattedTime: formattedTime,
|
||
media: processedMedia,
|
||
imageMedia,
|
||
imageRowCount
|
||
};
|
||
});
|
||
|
||
// 合并动态列表
|
||
const updatedFeeds = currentPage === 1 ? processedFeeds : [...feedList, ...processedFeeds];
|
||
|
||
this.setData({
|
||
feedList: updatedFeeds,
|
||
currentPage: currentPage + 1,
|
||
hasMoreData: res.data.data.hasMore || false,
|
||
loadingMore: false
|
||
});
|
||
} else {
|
||
console.error('加载用户动态失败:', res.data.message);
|
||
this.setData({ loadingMore: false });
|
||
}
|
||
},
|
||
fail: (err) => {
|
||
console.error('加载用户动态网络失败:', err);
|
||
this.setData({ loadingMore: false });
|
||
}
|
||
});
|
||
},
|
||
|
||
// 格式化时间
|
||
formatTime: function(timeStr) {
|
||
if (!timeStr) return '未知时间';
|
||
|
||
const createTime = new Date(timeStr);
|
||
if (isNaN(createTime.getTime())) return '未知时间';
|
||
|
||
const now = new Date();
|
||
const diffMinutes = Math.floor((now - createTime) / (1000 * 60));
|
||
|
||
// 5分钟内：刚刚
|
||
if (diffMinutes < 5) return '刚刚';
|
||
|
||
// 1小时内：xx分钟前
|
||
if (diffMinutes < 60) return `${diffMinutes}分钟前`;
|
||
|
||
// 24小时内：xx小时前
|
||
const diffHours = Math.floor(diffMinutes / 60);
|
||
if (diffHours < 24) return `${diffHours}小时前`;
|
||
|
||
// 7天内：xx天前
|
||
const diffDays = Math.floor(diffHours / 24);
|
||
if (diffDays < 7) return `${diffDays}天前`;
|
||
|
||
// 格式化日期时间
|
||
const year = createTime.getFullYear();
|
||
const month = String(createTime.getMonth() + 1).padStart(2, '0');
|
||
const day = String(createTime.getDate()).padStart(2, '0');
|
||
|
||
// 跨年份显示完整日期，同年份省略年份
|
||
return year === this.data.currentYear
|
||
? `${month}月${day}日`
|
||
: `${year}年${month}月${day}日`;
|
||
},
|
||
|
||
// 点击返回按钮
|
||
onBack: function() {
|
||
wx.navigateBack();
|
||
},
|
||
|
||
// 点击关注/取消关注
|
||
onFollowToggle: function() {
|
||
const { customId, isFollowing } = this.data;
|
||
|
||
wx.request({
|
||
url: `${config.api.baseUrl}/api/v1/users/${customId}/follow`,
|
||
method: isFollowing ? 'DELETE' : 'POST',
|
||
header: {
|
||
'Authorization': `Bearer ${apiClient.getToken() || ''}`
|
||
},
|
||
success: (res) => {
|
||
if (res.data.code === 200) {
|
||
this.setData({
|
||
isFollowing: !isFollowing
|
||
});
|
||
wx.showToast({
|
||
title: isFollowing ? '已取消关注' : '关注成功',
|
||
icon: 'success'
|
||
});
|
||
} else {
|
||
wx.showToast({
|
||
title: res.data.message || '操作失败',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
},
|
||
fail: (err) => {
|
||
console.error('关注操作失败:', err);
|
||
wx.showToast({
|
||
title: '网络请求失败',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
});
|
||
},
|
||
|
||
// 点击发送消息
|
||
onSendMessage: function() {
|
||
const { customId, userInfo } = this.data;
|
||
wx.navigateTo({
|
||
url: `/pages/message/chat/chat?userId=${customId}&userName=${userInfo.nickname || '未知用户'}`
|
||
});
|
||
},
|
||
|
||
// 点击添加好友
|
||
onAddFriend: function() {
|
||
const { customId, userInfo } = this.data;
|
||
|
||
wx.request({
|
||
url: `${config.api.baseUrl}/api/v1/friends/request`,
|
||
method: 'POST',
|
||
data: {
|
||
targetUserId: customId,
|
||
message: '我想加你为好友'
|
||
},
|
||
header: {
|
||
'Authorization': `Bearer ${apiClient.getToken() || ''}`
|
||
},
|
||
success: (res) => {
|
||
if (res.data.code === 200) {
|
||
wx.showToast({
|
||
title: '好友请求已发送',
|
||
icon: 'success'
|
||
});
|
||
} else {
|
||
wx.showToast({
|
||
title: res.data.message || '发送请求失败',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
},
|
||
fail: (err) => {
|
||
console.error('发送好友请求失败:', err);
|
||
wx.showToast({
|
||
title: '网络请求失败',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
});
|
||
},
|
||
|
||
// 点击动态图片
|
||
onImageTap: function(e) {
|
||
const { index, feedIndex } = e.currentTarget.dataset;
|
||
const feed = this.data.feedList[feedIndex];
|
||
if (!feed || !feed.imageMedia) return;
|
||
|
||
const urls = feed.imageMedia.map(item => item.url);
|
||
if (urls.length === 0) return;
|
||
|
||
wx.previewImage({
|
||
current: urls[index],
|
||
urls: urls
|
||
});
|
||
},
|
||
|
||
// 点击动态项
|
||
onFeedTap: function(e) {
|
||
const { feedIndex } = e.currentTarget.dataset;
|
||
const feed = this.data.feedList[feedIndex];
|
||
if (!feed) return;
|
||
|
||
// 可以跳转到动态详情页，如果有的话
|
||
wx.showToast({
|
||
title: '查看动态详情',
|
||
icon: 'none'
|
||
});
|
||
},
|
||
|
||
// 下拉刷新
|
||
onPullDownRefresh: function() {
|
||
this.setData({
|
||
currentPage: 1,
|
||
hasMoreData: true,
|
||
feedList: []
|
||
}, () => {
|
||
this.loadUserProfile();
|
||
wx.stopPullDownRefresh();
|
||
});
|
||
},
|
||
|
||
// 上拉加载更多
|
||
onReachBottom: function() {
|
||
this.loadUserFeeds();
|
||
},
|
||
|
||
// 分享功能
|
||
onShareAppMessage: function() {
|
||
const { userInfo } = this.data;
|
||
return {
|
||
title: `${userInfo.nickname}的个人主页`,
|
||
path: `/pages/user-profile/user-profile?customId=${this.data.customId}`,
|
||
imageUrl: userInfo.avatar || '/images/findme-logo.png'
|
||
};
|
||
}
|
||
});
|
||
|