From e05ed94fad8716e4d97f0ae726bad24165a0e80c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Tue, 3 Sep 2024 22:30:52 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20=E7=BC=93=E5=AD=98=E5=8D=B3?=
 =?UTF-8?q?=E6=97=B6=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/common/Config.vue | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/pages/common/Config.vue b/src/pages/common/Config.vue
index bb148c0e..deb00bda 100644
--- a/src/pages/common/Config.vue
+++ b/src/pages/common/Config.vue
@@ -82,6 +82,7 @@
             <v-icon>mdi-database-remove</v-icon>
           </div>
         </template>
+        <template #append>{{ bytesToSize(cacheSize) }}</template>
       </v-list-item>
       <v-list-item v-show="showReset" title="重置数据库" @click="confirmResetDB()">
         <template #prepend>
@@ -144,9 +145,19 @@ const loadingTitle = ref<string>("正在加载...");
 const loadingSub = ref<string>("");
 const showReset = ref<boolean>(false);
 
+const cacheSize = ref<number>(0);
+
 onMounted(async () => {
   await TGLogger.Info("[Config] 打开设置页面");
   loading.value = false;
+  const cacheDir = await getCacheDir();
+  if (cacheDir === false) return;
+  let cacheBSize: number = 0;
+  for (const dir of cacheDir) {
+    const size: number = await core.invoke("get_dir_size", { path: dir });
+    cacheBSize += size;
+  }
+  cacheSize.value = cacheBSize;
 });
 
 // 备份数据
@@ -337,20 +348,16 @@ async function confirmDelCache(): Promise<void> {
   }
   let cacheBSize: number = 0;
   loadingTitle.value = "正在检测缓存...";
-  loadingSub.value = "耗时较久，请稍作等候";
   loading.value = true;
-  const timeStart = Date.now();
   for (const dir of CacheDir) {
     const size: number = await core.invoke("get_dir_size", { path: dir });
     cacheBSize += size;
   }
-  const cacheSize = bytesToSize(cacheBSize);
-  await TGLogger.Info(`[Config][confirmDelCache] 当前缓存大小为 ${cacheSize}`);
+  cacheSize.value = cacheBSize;
   loading.value = false;
-  const timeEnd = Date.now();
   const res = await showConfirm({
     title: "确认清除缓存吗？",
-    text: `当前缓存大小为 ${cacheSize}，耗时 ${timeEnd - timeStart} 毫秒`,
+    text: `当前缓存大小为 ${bytesToSize(cacheBSize)}`,
   });
   if (!res) {
     showSnackbar({