From 03d8fd2344d66c9050d18e9577249b03a488b12c Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Wed, 22 Mar 2023 00:29:53 +0800
Subject: [PATCH] =?UTF-8?q?fix(achievements):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E5=8A=A0=E8=BD=BD=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

fix#4
---
 src/pages/Achievements.vue        | 18 +++++-------------
 src/store/modules/achievements.ts |  4 ++++
 2 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/src/pages/Achievements.vue b/src/pages/Achievements.vue
index 324204a0..ad50f925 100644
--- a/src/pages/Achievements.vue
+++ b/src/pages/Achievements.vue
@@ -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();
diff --git a/src/store/modules/achievements.ts b/src/store/modules/achievements.ts
index 0043acd3..b696fd8d 100644
--- a/src/store/modules/achievements.ts
+++ b/src/store/modules/achievements.ts
@@ -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,