Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2025-12-12 09:18:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(achievements): 优化加载逻辑

Browse Source 
fix#4
This commit is contained in:
BTMuli
2023-03-22 00:29:53 +08:00
parent 82fa23e036
commit 03d8fd2344
2 changed files with 9 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/pages/Achievements.vue
View File

@@ -127,7 +127,7 @@ import {
const achievementsStore = useAchievementsStore();
// Data
const title = ref("");
const title = ref(achievementsStore.title);
const seriesList = ref([] as TGSeries[]);
const selectedIndex = ref(-1);
const selectedSeries = ref(-1);
@@ -138,7 +138,6 @@ const loading = ref(true);
onMounted(async () => {
await loadData();
loading.value = false;
});
// 加载数据，数据源：合并后的本地数据
@@ -148,7 +147,8 @@ async function loadData() {
// 按照 order 排序
seriesList.value = seriesDB.sort((a, b) => a.order - b.order);
selectedAchievement.value = await ReadAllTGData("Achievements");
title.value = await getTitle();
loading.value = false;
title.value = achievementsStore.title;
}
// 渲染选中的成就系列
async function selectSeries(index: number) {
@@ -169,15 +169,6 @@ async function selectSeries(index: number) {
function openImg() {
createTGWindow(getCardInfo.value.profile, "nameCard", getCardInfo.value.name, 840, 400, false);
}
// 获取标题
async function getTitle() {
return `成就完成数：${achievementsStore.fin_achievements}/${
achievementsStore.total_achievements
} 完成率：${(
(achievementsStore.fin_achievements / achievementsStore.total_achievements) *
100
).toFixed(2)}%`;
}
// 导入 UIAF 数据，进行数据合并、刷新
async function importJson() {
const selectedFile = await dialog.open({
@@ -196,6 +187,8 @@ async function importJson() {
return;
}
let remoteData: Achievements = JSON.parse(remoteRaw);
// loading
loading.value = true;
// 遍历 remoteData
remoteData.list.map(async data => {
// 获取 id
@@ -235,7 +228,6 @@ async function importJson() {
return data.completed === true;
}).length;
const total_achievements = achievementsDB.length;
console.log(fin_achievements, total_achievements);
achievementsStore.flushData(total_achievements, fin_achievements);
// 刷新数据
await loadData();

4
src/store/modules/achievements.ts
View File

@@ -16,16 +16,20 @@ const useAchievementsStore = defineStore({
// 这个数据用于说明当前的数据版本，不会被渲染
last_version: "v3.5",
UIAF_Version: "v1.1",
// 显示用，避免重复计算
title: "成就完成数：0/899 完成率：0%",
};
},
actions: {
init() {
this.total_achievements = 899;
this.fin_achievements = 0;
this.title = "成就完成数：0/899 完成率：0%";
},
flushData(total: number, fin: number) {
this.total_achievements = total;
this.fin_achievements = fin;
this.title = `成就完成数：${fin}/${total} 完成率：${((fin / total) * 100).toFixed(2)}%`;
},
},
persist: true,