395 lines
11 KiB
JavaScript
395 lines
11 KiB
JavaScript
import { fetchComments } from '../../../services/comments/fetchComments';
|
||
import { fetchCommentsCount } from '../../../services/comments/fetchCommentsCount';
|
||
import { fetchUserComments } from '../../../services/comments/createComment';
|
||
import dayjs from 'dayjs';
|
||
const layoutMap = {
|
||
0: 'vertical',
|
||
};
|
||
Page({
|
||
data: {
|
||
pageLoading: false,
|
||
commentList: [],
|
||
pageNum: 1,
|
||
myPageNum: 1,
|
||
pageSize: 10,
|
||
total: 0,
|
||
myTotal: 0,
|
||
hasLoaded: false,
|
||
layoutText: layoutMap[0],
|
||
loadMoreStatus: 0,
|
||
myLoadStatus: 0,
|
||
spuId: '1060004',
|
||
commentLevel: '',
|
||
hasImage: '',
|
||
commentType: '',
|
||
totalCount: 0,
|
||
countObj: {
|
||
badCount: '0',
|
||
commentCount: '0',
|
||
goodCount: '0',
|
||
middleCount: '0',
|
||
hasImageCount: '0',
|
||
uidCount: '0',
|
||
},
|
||
},
|
||
onLoad(options) {
|
||
console.log('[评论页面] onLoad 接收到的参数:', options);
|
||
const { productId, spuId } = options;
|
||
// 兼容新旧参数名
|
||
const id = productId || spuId;
|
||
console.log('[评论页面] 最终使用的spuId:', id);
|
||
|
||
if (id) {
|
||
this.setData({ spuId: id });
|
||
|
||
console.log('[评论页面] 开始获取评论统计...');
|
||
this.getCount({ spuId: id });
|
||
|
||
console.log('[评论页面] 开始获取评论列表...');
|
||
this.getComments({ spuId: id });
|
||
}
|
||
},
|
||
async getCount(options) {
|
||
const { spuId } = options;
|
||
console.log('[评论页面] getCount 开始，spuId:', spuId, '类型:', typeof spuId);
|
||
|
||
try {
|
||
// 直接传递spuId作为productId参数
|
||
const result = await fetchCommentsCount(spuId);
|
||
console.log('[评论页面] fetchCommentsCount 返回数据:', result);
|
||
|
||
// 尝试获取用户自己的评论数
|
||
try {
|
||
const token = wx.getStorageSync('token');
|
||
if (token) {
|
||
const userCommentsData = await fetchUserComments({
|
||
page: 1,
|
||
pageSize: 1
|
||
});
|
||
if (userCommentsData && userCommentsData.total !== undefined) {
|
||
result.uidCount = String(userCommentsData.total);
|
||
console.log('[评论页面] 获取到用户评论数:', userCommentsData.total);
|
||
}
|
||
}
|
||
} catch (userError) {
|
||
console.log('[评论页面] 获取用户评论数失败，使用默认值0:', userError.message);
|
||
// 保持默认值0，不影响主要功能
|
||
}
|
||
|
||
console.log('[评论页面] 设置评论统计数据:', result);
|
||
this.setData({
|
||
countObj: result,
|
||
});
|
||
// const { data, code = '' } = result;
|
||
// if (code.toUpperCase() === 'SUCCESS') {
|
||
// wx.setNavigationBarTitle({
|
||
// title: `全部评价(${data.commentCount})`,
|
||
// });
|
||
// this.setData({
|
||
// countObj: data,
|
||
// });
|
||
// } else {
|
||
// wx.showToast({
|
||
// title: '查询失败，请稍候重试',
|
||
// });
|
||
// }
|
||
} catch (error) {
|
||
console.error('[评论页面] 获取评论统计失败:', error);
|
||
wx.showToast({
|
||
title: '获取评论失败，请稍候重试',
|
||
icon: 'none'
|
||
});
|
||
this.setData({
|
||
loadMoreStatus: 0,
|
||
});
|
||
}
|
||
},
|
||
generalQueryData(reset) {
|
||
const { hasImage, pageNum, pageSize, spuId, commentLevel } = this.data;
|
||
const params = {
|
||
pageNum: 1,
|
||
pageSize: 30,
|
||
queryParameter: {
|
||
spuId,
|
||
},
|
||
};
|
||
if (
|
||
Number(commentLevel) === 3 ||
|
||
Number(commentLevel) === 2 ||
|
||
Number(commentLevel) === 1
|
||
) {
|
||
params.queryParameter.commentLevel = Number(commentLevel);
|
||
}
|
||
if (hasImage && hasImage === '1') {
|
||
params.queryParameter.hasImage = true;
|
||
} else {
|
||
delete params.queryParameter.hasImage;
|
||
}
|
||
// 重置请求
|
||
if (reset) return params;
|
||
|
||
return {
|
||
...params,
|
||
pageNum: pageNum + 1,
|
||
pageSize,
|
||
};
|
||
},
|
||
async init(reset = true) {
|
||
console.log('[评论页面] init 开始，reset:', reset);
|
||
const { loadMoreStatus, commentList = [], spuId, hasImage, commentLevel } = this.data;
|
||
console.log('[评论页面] 当前页面数据状态:', { loadMoreStatus, commentListLength: commentList.length, spuId, hasImage, commentLevel });
|
||
|
||
// 在加载中或者无更多数据，直接返回
|
||
if (loadMoreStatus !== 0) {
|
||
console.log('[评论页面] 跳过加载，loadMoreStatus:', loadMoreStatus);
|
||
return;
|
||
}
|
||
|
||
console.log('[评论页面] 设置加载状态为1');
|
||
this.setData({
|
||
loadMoreStatus: 1,
|
||
});
|
||
|
||
// 构造正确的API参数格式
|
||
const apiParams = {
|
||
productId: spuId,
|
||
page: reset ? 1 : this.data.pageNum + 1,
|
||
pageSize: this.data.pageSize,
|
||
};
|
||
|
||
// 添加评分筛选
|
||
if (commentLevel && (commentLevel === '1' || commentLevel === '2' || commentLevel === '3')) {
|
||
apiParams.rating = Number(commentLevel);
|
||
}
|
||
|
||
// 添加图片筛选
|
||
if (hasImage === '1') {
|
||
apiParams.hasImages = true;
|
||
}
|
||
|
||
console.log('[评论页面] API调用参数:', apiParams);
|
||
|
||
try {
|
||
console.log('[评论页面] 开始调用fetchComments API...');
|
||
const data = await fetchComments(apiParams);
|
||
console.log('[评论页面] fetchComments API返回数据:', data);
|
||
if (data && data.comments) {
|
||
const { comments, totalCount = 0 } = data;
|
||
|
||
// 转换数据格式以匹配页面期望的结构
|
||
const pageList = comments.map((item) => ({
|
||
...item,
|
||
commentTime: dayjs(item.created_at).format('YYYY/MM/DD HH:mm'),
|
||
userName: item.user_name,
|
||
userHeadUrl: item.user_avatar,
|
||
commentScore: item.rating,
|
||
commentContent: item.content,
|
||
commentImageList: item.images || [],
|
||
commentResources: (item.images || []).map(imageUrl => ({
|
||
src: imageUrl,
|
||
type: 'image'
|
||
})),
|
||
isAnonymous: item.is_anonymous,
|
||
replyContent: item.reply_content,
|
||
specValue: item.product_spec
|
||
}));
|
||
|
||
if (Number(totalCount) === 0 && reset) {
|
||
this.setData({
|
||
commentList: [],
|
||
hasLoaded: true,
|
||
total: totalCount,
|
||
loadMoreStatus: 2,
|
||
});
|
||
return;
|
||
}
|
||
const _commentList = reset ? pageList : commentList.concat(pageList);
|
||
const _loadMoreStatus =
|
||
_commentList.length >= Number(totalCount) ? 2 : 0;
|
||
this.setData({
|
||
commentList: _commentList,
|
||
pageNum: data.pageNum || 1,
|
||
totalCount: Number(totalCount),
|
||
loadMoreStatus: _loadMoreStatus,
|
||
});
|
||
} else {
|
||
wx.showToast({
|
||
title: '查询失败，请稍候重试',
|
||
});
|
||
}
|
||
} catch (error) {}
|
||
this.setData({
|
||
hasLoaded: true,
|
||
});
|
||
},
|
||
getScoreArray(score) {
|
||
var array = [];
|
||
for (let i = 0; i < 5; i++) {
|
||
if (i < score) {
|
||
array.push(2);
|
||
} else {
|
||
array.push(0);
|
||
}
|
||
}
|
||
return array;
|
||
},
|
||
getComments(options) {
|
||
console.log('[评论页面] getComments 开始，参数:', options);
|
||
|
||
const { commentLevel = -1, spuId, hasImage = '' } = options;
|
||
if (commentLevel !== -1) {
|
||
this.setData({
|
||
commentLevel: commentLevel,
|
||
});
|
||
}
|
||
|
||
const updateData = {
|
||
hasImage: hasImage,
|
||
commentType: hasImage ? '4' : '',
|
||
spuId: spuId,
|
||
};
|
||
|
||
console.log('[评论页面] 设置评论筛选条件:', updateData);
|
||
this.setData(updateData);
|
||
|
||
console.log('[评论页面] 开始初始化评论列表...');
|
||
this.init(true);
|
||
},
|
||
|
||
// 获取我的评论列表
|
||
async getMyCommentsList() {
|
||
console.log('[评论页面] getMyCommentsList 开始');
|
||
const { myLoadStatus, myPageNum, pageSize } = this.data;
|
||
|
||
// 在加载中，直接返回
|
||
if (myLoadStatus !== 0) {
|
||
console.log('[评论页面] 跳过加载，myLoadStatus:', myLoadStatus);
|
||
return;
|
||
}
|
||
|
||
console.log('[评论页面] 设置我的评论加载状态为1');
|
||
this.setData({
|
||
myLoadStatus: 1,
|
||
});
|
||
|
||
try {
|
||
console.log('[评论页面] 开始调用fetchUserComments API...');
|
||
const data = await fetchUserComments({
|
||
page: myPageNum,
|
||
pageSize: pageSize
|
||
});
|
||
console.log('[评论页面] fetchUserComments API返回数据:', data);
|
||
|
||
if (data && data.list) {
|
||
const { list, total = 0 } = data;
|
||
|
||
// 转换数据格式以匹配页面期望的结构
|
||
const pageList = list.map((item) => ({
|
||
...item,
|
||
commentTime: dayjs(item.created_at).format('YYYY/MM/DD HH:mm'),
|
||
userName: item.user_name || '我',
|
||
userHeadUrl: item.user_avatar || 'https://tdesign.gtimg.com/miniprogram/template/retail/avatar/avatar1.png',
|
||
commentScore: item.rating,
|
||
commentContent: item.content,
|
||
commentImageList: item.images || [],
|
||
commentResources: (item.images || []).map(imageUrl => ({
|
||
src: imageUrl,
|
||
type: 'image'
|
||
})),
|
||
isAnonymous: item.is_anonymous,
|
||
replyContent: item.reply_content,
|
||
specValue: item.product_spec
|
||
}));
|
||
|
||
if (Number(total) === 0) {
|
||
this.setData({
|
||
commentList: [],
|
||
myTotal: total,
|
||
myLoadStatus: 2,
|
||
});
|
||
return;
|
||
}
|
||
|
||
const _commentList = myPageNum === 1 ? pageList : this.data.commentList.concat(pageList);
|
||
const _myLoadStatus = _commentList.length >= Number(total) ? 2 : 0;
|
||
|
||
this.setData({
|
||
commentList: _commentList,
|
||
myPageNum: myPageNum + 1,
|
||
myTotal: Number(total),
|
||
myLoadStatus: _myLoadStatus,
|
||
});
|
||
} else {
|
||
console.log('[评论页面] fetchUserComments API返回空结果或无list字段');
|
||
this.setData({
|
||
commentList: [],
|
||
myLoadStatus: 2,
|
||
});
|
||
}
|
||
} catch (error) {
|
||
console.error('[评论页面] 获取我的评论列表失败:', error);
|
||
wx.showToast({
|
||
title: '获取我的评论失败',
|
||
icon: 'none'
|
||
});
|
||
this.setData({
|
||
myLoadStatus: 0,
|
||
});
|
||
}
|
||
},
|
||
|
||
changeTag(e) {
|
||
var { commenttype } = e.currentTarget.dataset;
|
||
var { commentType } = this.data;
|
||
if (commentType === commenttype) return;
|
||
this.setData({
|
||
loadMoreStatus: 0,
|
||
commentList: [],
|
||
total: 0,
|
||
myTotal: 0,
|
||
myPageNum: 1,
|
||
pageNum: 1,
|
||
});
|
||
if (commenttype === '' || commenttype === '5') {
|
||
this.setData({
|
||
hasImage: '',
|
||
commentLevel: '',
|
||
});
|
||
} else if (commenttype === '4') {
|
||
this.setData({
|
||
hasImage: '1',
|
||
commentLevel: '',
|
||
});
|
||
} else {
|
||
this.setData({
|
||
hasImage: '',
|
||
commentLevel: commenttype,
|
||
});
|
||
}
|
||
if (commenttype === '5') {
|
||
this.setData({
|
||
myLoadStatus: 1,
|
||
commentType: commenttype,
|
||
});
|
||
this.getMyCommentsList();
|
||
} else {
|
||
this.setData({
|
||
myLoadStatus: 0,
|
||
commentType: commenttype,
|
||
});
|
||
this.init(true);
|
||
}
|
||
},
|
||
onReachBottom() {
|
||
const { total = 0, commentList } = this.data;
|
||
if (commentList.length === total) {
|
||
this.setData({
|
||
loadMoreStatus: 2,
|
||
});
|
||
return;
|
||
}
|
||
|
||
this.init(false);
|
||
},
|
||
});
|