65 lines
2.0 KiB
JavaScript
65 lines
2.0 KiB
JavaScript
const { withDataCache } = require('../../utils/page-cache');
|
|
const { getLayout } = require('../../utils/layout');
|
|
// pages/pet/achievements.js
|
|
const { api } = require('../../utils/request');
|
|
|
|
Page(withDataCache({
|
|
onResize: function() { this.setData(getLayout()); },
|
|
data: { loading: true, loadError: false,
|
|
achievements: [],
|
|
unlockedCount: 0,
|
|
totalCount: 0,
|
|
progressPercent: 0
|
|
},
|
|
|
|
onLoad: function() {
|
|
this.setData(getLayout());
|
|
this.loadAchievements();
|
|
},
|
|
|
|
onShow: function() {
|
|
this.loadAchievements();
|
|
},
|
|
|
|
loadAchievements: async function() {
|
|
if (this._pageLoading) return;
|
|
this._pageLoading = true;
|
|
this.setData({loading: !this._hasCachedData, loadError:false});
|
|
try {
|
|
const res = await api.petAchievements();
|
|
let list = res.achievements || [];
|
|
// 排序：已解锁的按解锁时间倒序（最新获得的排最前），未解锁的排后面
|
|
list = list.sort(function(a, b) {
|
|
var aUnlocked = a.unlocked ? 1 : 0;
|
|
var bUnlocked = b.unlocked ? 1 : 0;
|
|
if (aUnlocked !== bUnlocked) {
|
|
return bUnlocked - aUnlocked;
|
|
}
|
|
if (aUnlocked && bUnlocked) {
|
|
var ta = (a.unlocked_at || '').replace(/-/g, '').replace(/[: ]/g, '');
|
|
var tb = (b.unlocked_at || '').replace(/-/g, '').replace(/[: ]/g, '');
|
|
return tb.localeCompare(ta);
|
|
}
|
|
return 0;
|
|
});
|
|
const unlocked = list.filter(a => a.unlocked);
|
|
const total = list.length;
|
|
var pageData = {
|
|
achievements: list,
|
|
unlockedCount: unlocked.length,
|
|
totalCount: total,
|
|
progressPercent: total > 0 ? Math.round(unlocked.length / total * 100) : 0
|
|
};
|
|
this.setData(pageData);
|
|
} catch (e) {
|
|
this.setData({loadError:true});
|
|
console.error(e);
|
|
}
|
|
finally { this._pageLoading = false; this.setData({loading:false}); }
|
|
},
|
|
|
|
goBack: function() {
|
|
wx.navigateBack();
|
|
}
|
|
}, {"loadAchievements": ["petAchievements"]}));
|