Initial commit
This commit is contained in:
sjk
421
miniprogram/pages/points/index.js
Normal file
421
miniprogram/pages/points/index.js
Normal file
@@ -0,0 +1,421 @@
|
||||
import {
|
||||
getUserPoints,
|
||||
getPointsOverview,
|
||||
getPointsHistory,
|
||||
getPointsRules,
|
||||
getPointsExchangeList,
|
||||
exchangePoints,
|
||||
getUserExchangeRecords,
|
||||
dailyCheckin
|
||||
} from '../../services/points/index';
|
||||
|
||||
const weChatAuthService = require('../../services/auth/wechat');
|
||||
|
||||
Page({
|
||||
data: {
|
||||
userPoints: 0,
|
||||
pointsOverview: {
|
||||
total_points: 0,
|
||||
available_points: 0,
|
||||
frozen_points: 0,
|
||||
total_earned: 0,
|
||||
total_spent: 0,
|
||||
this_month_earned: 0,
|
||||
this_month_spent: 0
|
||||
},
|
||||
pointsHistory: [],
|
||||
pointsRules: [],
|
||||
exchangeItems: [],
|
||||
exchangeRecords: [],
|
||||
currentTab: 0,
|
||||
showExchangeModal: false,
|
||||
selectedItem: null,
|
||||
loading: false,
|
||||
historyPage: 1,
|
||||
exchangePage: 1,
|
||||
recordsPage: 1,
|
||||
hasMoreHistory: true,
|
||||
hasMoreExchange: true,
|
||||
hasMoreRecords: true,
|
||||
tabList: [
|
||||
{ text: '积分明细', key: 0 },
|
||||
{ text: '积分规则', key: 1 },
|
||||
{ text: '积分兑换', key: 2 }
|
||||
]
|
||||
},
|
||||
|
||||
onLoad() {
|
||||
this.init();
|
||||
},
|
||||
|
||||
async init() {
|
||||
console.log('积分页面初始化');
|
||||
this.setData({ loading: true });
|
||||
|
||||
// 检查登录状态
|
||||
if (!weChatAuthService.isLoggedIn()) {
|
||||
console.log('用户未登录，跳转到登录页面');
|
||||
wx.showToast({
|
||||
title: '请先登录',
|
||||
icon: 'none'
|
||||
});
|
||||
setTimeout(() => {
|
||||
wx.navigateTo({
|
||||
url: '/pages/login/index'
|
||||
});
|
||||
}, 1500);
|
||||
this.setData({ loading: false });
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
// 并行加载基础数据
|
||||
await Promise.all([
|
||||
this.loadUserPoints(),
|
||||
this.loadPointsOverview(),
|
||||
this.loadPointsHistory(),
|
||||
this.loadPointsRules(),
|
||||
this.loadExchangeItems()
|
||||
]);
|
||||
} catch (error) {
|
||||
console.error('积分页面初始化失败:', error);
|
||||
|
||||
// 检查是否是认证错误
|
||||
if (error.message && error.message.includes('未授权')) {
|
||||
wx.showToast({
|
||||
title: '登录已过期，请重新登录',
|
||||
icon: 'none'
|
||||
});
|
||||
setTimeout(() => {
|
||||
wx.navigateTo({
|
||||
url: '/pages/login/index'
|
||||
});
|
||||
}, 1500);
|
||||
} else {
|
||||
wx.showToast({
|
||||
title: '加载失败，请重试',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
} finally {
|
||||
this.setData({ loading: false });
|
||||
}
|
||||
},
|
||||
|
||||
// 加载用户积分
|
||||
async loadUserPoints() {
|
||||
try {
|
||||
console.log('开始获取用户积分...');
|
||||
const response = await getUserPoints();
|
||||
console.log('用户积分API响应:', response);
|
||||
|
||||
if (response.code === 200) {
|
||||
const points = response.data.points || 0;
|
||||
console.log('设置用户积分:', points);
|
||||
this.setData({
|
||||
userPoints: points
|
||||
});
|
||||
} else {
|
||||
console.error('获取用户积分失败 - 业务错误:', response.message);
|
||||
throw new Error(response.message || '获取积分失败');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('获取用户积分失败:', error);
|
||||
throw error; // 重新抛出错误，让上层处理
|
||||
}
|
||||
},
|
||||
|
||||
// 加载积分概览
|
||||
async loadPointsOverview() {
|
||||
try {
|
||||
console.log('开始获取积分概览...');
|
||||
const response = await getPointsOverview();
|
||||
console.log('积分概览API响应:', response);
|
||||
|
||||
if (response.code === 200) {
|
||||
console.log('设置积分概览数据:', response.data);
|
||||
this.setData({
|
||||
pointsOverview: response.data
|
||||
});
|
||||
} else {
|
||||
console.error('获取积分概览失败 - 业务错误:', response.message);
|
||||
throw new Error(response.message || '获取积分概览失败');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('获取积分概览失败:', error);
|
||||
throw error; // 重新抛出错误，让上层处理
|
||||
}
|
||||
},
|
||||
|
||||
// 加载积分历史记录
|
||||
async loadPointsHistory(page = 1, append = false) {
|
||||
try {
|
||||
const response = await getPointsHistory({ page, pageSize: 10 });
|
||||
if (response.code === 200) {
|
||||
const newHistory = response.data.list.map(item => ({
|
||||
...item,
|
||||
type: item.type === 1 ? 'earn' : 'spend', // 转换类型：1=获得(earn), 2=消费(spend)
|
||||
date: this.formatDate(item.created_at),
|
||||
time: this.formatTime(item.created_at)
|
||||
}));
|
||||
|
||||
this.setData({
|
||||
pointsHistory: append ? [...this.data.pointsHistory, ...newHistory] : newHistory,
|
||||
historyPage: page,
|
||||
hasMoreHistory: newHistory.length === 10
|
||||
});
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('获取积分历史记录失败:', error);
|
||||
}
|
||||
},
|
||||
|
||||
// 加载积分规则
|
||||
async loadPointsRules() {
|
||||
try {
|
||||
const response = await getPointsRules();
|
||||
if (response.code === 200) {
|
||||
this.setData({
|
||||
pointsRules: response.data.map(rule => ({
|
||||
id: rule.id,
|
||||
title: rule.title, // 后端返回的字段名是title，不是name
|
||||
description: rule.description
|
||||
}))
|
||||
});
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('获取积分规则失败:', error);
|
||||
}
|
||||
},
|
||||
|
||||
// 加载兑换商品
|
||||
async loadExchangeItems(page = 1, append = false) {
|
||||
try {
|
||||
const response = await getPointsExchangeList({ page, pageSize: 10 });
|
||||
if (response.code === 200) {
|
||||
// 后端直接返回数组，不是包含list的对象
|
||||
const dataArray = Array.isArray(response.data) ? response.data : (response.data.list || []);
|
||||
const newItems = dataArray.map(item => ({
|
||||
id: item.id,
|
||||
name: item.name,
|
||||
description: item.description,
|
||||
points: item.points, // 后端返回的字段名是points，不是points_required
|
||||
image: item.image,
|
||||
stock: item.stock
|
||||
}));
|
||||
|
||||
this.setData({
|
||||
exchangeItems: append ? [...this.data.exchangeItems, ...newItems] : newItems,
|
||||
exchangePage: page,
|
||||
hasMoreExchange: newItems.length === 10
|
||||
});
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('获取兑换商品失败:', error);
|
||||
}
|
||||
},
|
||||
|
||||
// 加载兑换记录
|
||||
async loadExchangeRecords(page = 1, append = false) {
|
||||
try {
|
||||
const response = await getUserExchangeRecords({ page, pageSize: 10 });
|
||||
if (response.code === 200) {
|
||||
const newRecords = response.data.list.map(record => ({
|
||||
...record,
|
||||
date: this.formatDate(record.created_at)
|
||||
}));
|
||||
|
||||
this.setData({
|
||||
exchangeRecords: append ? [...this.data.exchangeRecords, ...newRecords] : newRecords,
|
||||
recordsPage: page,
|
||||
hasMoreRecords: newRecords.length === 10
|
||||
});
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('获取兑换记录失败:', error);
|
||||
}
|
||||
},
|
||||
|
||||
// 格式化日期
|
||||
formatDate(dateString) {
|
||||
const date = new Date(dateString);
|
||||
return date.toISOString().split('T')[0];
|
||||
},
|
||||
|
||||
// 格式化时间
|
||||
formatTime(dateString) {
|
||||
const date = new Date(dateString);
|
||||
return date.toTimeString().split(' ')[0].substring(0, 5); // 返回 HH:MM 格式
|
||||
},
|
||||
|
||||
onTabChange(e) {
|
||||
const { value } = e.detail;
|
||||
this.setData({
|
||||
currentTab: value
|
||||
});
|
||||
|
||||
// 切换到兑换记录标签时加载数据
|
||||
if (value === 3 && this.data.exchangeRecords.length === 0) {
|
||||
this.loadExchangeRecords();
|
||||
}
|
||||
},
|
||||
|
||||
onExchangeItem(e) {
|
||||
const { item } = e.currentTarget.dataset;
|
||||
const { userPoints } = this.data;
|
||||
|
||||
// 检查积分是否足够
|
||||
if (userPoints < item.points) {
|
||||
wx.showToast({
|
||||
title: '积分不足',
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
// 检查库存
|
||||
if (item.stock <= 0) {
|
||||
wx.showToast({
|
||||
title: '商品已售罄',
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
// 显示兑换确认弹窗
|
||||
wx.showModal({
|
||||
title: '确认兑换',
|
||||
content: `确定要用${item.points}积分兑换${item.name}吗？\n\n兑换后积分将立即扣除，请确认操作。`,
|
||||
confirmText: '确认兑换',
|
||||
cancelText: '取消',
|
||||
success: (res) => {
|
||||
if (res.confirm) {
|
||||
this.doExchangePoints(item);
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
async doExchangePoints(item) {
|
||||
try {
|
||||
wx.showLoading({
|
||||
title: '兑换中...',
|
||||
mask: true
|
||||
});
|
||||
|
||||
const response = await exchangePoints(item.id, 1);
|
||||
|
||||
if (response.code === 200) {
|
||||
wx.hideLoading();
|
||||
|
||||
// 显示成功提示
|
||||
wx.showToast({
|
||||
title: '兑换成功！',
|
||||
icon: 'success',
|
||||
duration: 2000
|
||||
});
|
||||
|
||||
// 延迟刷新数据，让用户看到成功提示
|
||||
setTimeout(async () => {
|
||||
try {
|
||||
// 刷新用户积分和相关数据
|
||||
await Promise.all([
|
||||
this.loadUserPoints(),
|
||||
this.loadPointsOverview(),
|
||||
this.loadPointsHistory(1, false),
|
||||
this.loadExchangeItems(1, false)
|
||||
]);
|
||||
} catch (refreshError) {
|
||||
console.error('刷新数据失败:', refreshError);
|
||||
}
|
||||
}, 1000);
|
||||
|
||||
} else {
|
||||
throw new Error(response.message || '兑换失败');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('积分兑换失败:', error);
|
||||
wx.hideLoading();
|
||||
|
||||
// 根据错误类型显示不同的提示
|
||||
let errorMessage = '兑换失败，请重试';
|
||||
if (error.message.includes('积分不足')) {
|
||||
errorMessage = '积分不足，无法兑换';
|
||||
} else if (error.message.includes('库存')) {
|
||||
errorMessage = '商品库存不足';
|
||||
} else if (error.message.includes('网络')) {
|
||||
errorMessage = '网络异常，请检查网络连接';
|
||||
}
|
||||
|
||||
wx.showToast({
|
||||
title: errorMessage,
|
||||
icon: 'none',
|
||||
duration: 3000
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
// 下拉刷新
|
||||
async onPullDownRefresh() {
|
||||
try {
|
||||
await this.init();
|
||||
wx.showToast({
|
||||
title: '刷新成功',
|
||||
icon: 'success'
|
||||
});
|
||||
} catch (error) {
|
||||
wx.showToast({
|
||||
title: '刷新失败',
|
||||
icon: 'none'
|
||||
});
|
||||
} finally {
|
||||
wx.stopPullDownRefresh();
|
||||
}
|
||||
},
|
||||
|
||||
// 上拉加载更多
|
||||
onReachBottom() {
|
||||
const { currentTab } = this.data;
|
||||
|
||||
if (currentTab === 0 && this.data.hasMoreHistory) {
|
||||
// 加载更多积分历史
|
||||
this.loadPointsHistory(this.data.historyPage + 1, true);
|
||||
} else if (currentTab === 2 && this.data.hasMoreExchange) {
|
||||
// 加载更多兑换商品
|
||||
this.loadExchangeItems(this.data.exchangePage + 1, true);
|
||||
} else if (currentTab === 3 && this.data.hasMoreRecords) {
|
||||
// 加载更多兑换记录
|
||||
this.loadExchangeRecords(this.data.recordsPage + 1, true);
|
||||
}
|
||||
},
|
||||
|
||||
async onShow() {
|
||||
// 未登录则不触发签到与刷新
|
||||
if (!weChatAuthService.isLoggedIn()) {
|
||||
return;
|
||||
}
|
||||
// 每日签到：页面显示时尝试发放当天首次登录积分
|
||||
try {
|
||||
const res = await dailyCheckin();
|
||||
console.log('[积分] 每日签到结果:', res);
|
||||
} catch (e) {
|
||||
console.warn('[积分] 每日签到失败或未登录:', e);
|
||||
}
|
||||
// 刷新积分相关数据
|
||||
try {
|
||||
await Promise.all([
|
||||
this.loadUserPoints(),
|
||||
this.loadPointsOverview(),
|
||||
this.loadPointsHistory(1, false)
|
||||
]);
|
||||
} catch (err) {
|
||||
console.warn('[积分] 刷新数据失败:', err);
|
||||
}
|
||||
},
|
||||
onShareAppMessage() {
|
||||
return {
|
||||
title: '我的积分',
|
||||
path: '/pages/points/index'
|
||||
};
|
||||
}
|
||||
});
|
||||
Reference in New Issue
Block a user