From 11a2d079358d7220ce23499cca3acbde4c01efa1 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Mon, 12 May 2025 07:56:52 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=20App.vue=20=E4=B8=AD?=
 =?UTF-8?q?=E7=9A=84=E5=9B=BD=E9=99=85=E5=8C=96=E4=BB=A3=E7=A0=81=EF=BC=8C?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=20LoadingBanner=20=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E7=9A=84=E6=A0=B7=E5=BC=8F=EF=BC=8C=E5=A2=9E=E5=8A=A0=20Subscr?=
 =?UTF-8?q?ibeFilesDialog=20=E7=BB=84=E4=BB=B6=E7=9A=84=E5=8A=A0=E8=BD=BD?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E7=AE=A1=E7=90=86=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/@core/components/LoadingBanner.vue         | 2 +-
 src/App.vue                                    | 4 ----
 src/components/dialog/SubscribeFilesDialog.vue | 9 ++++++++-
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/@core/components/LoadingBanner.vue b/src/@core/components/LoadingBanner.vue
index df6272d3..7cb1a14d 100644
--- a/src/@core/components/LoadingBanner.vue
+++ b/src/@core/components/LoadingBanner.vue
@@ -7,7 +7,7 @@ const props = defineProps({
 </script>
 
 <template>
-  <div class="w-full text-center text-gray-500 text-sm flex flex-col items-center">
+  <div class="w-full text-center text-gray-500 text-sm flex flex-col items-center mb-5">
     <VProgressCircular v-if="!props.text || !props.progress" class="mb-3" size="64" indeterminate color="primary" />
     <VProgressCircular v-if="props.progress" class="mb-3" color="primary" :model-value="props.progress" size="64" />
     <span>{{ props.text }}</span>
diff --git a/src/App.vue b/src/App.vue
index 35c493d8..22dc21bd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,13 +4,9 @@ import { checkPrefersColorSchemeIsDark } from '@/@core/utils'
 import { ensureRenderComplete, removeEl } from './@core/utils/dom'
 import api from '@/api'
 import { useAuthStore } from '@/stores/auth'
-import { useI18n } from 'vue-i18n'
 import { getBrowserLocale, setI18nLanguage } from './plugins/i18n'
 import { SupportedLocale } from '@/types/i18n'
 
-// 国际化
-const { t } = useI18n()
-
 // 生效主题
 const { global: globalTheme } = useTheme()
 let themeValue = localStorage.getItem('theme') || 'light'
diff --git a/src/components/dialog/SubscribeFilesDialog.vue b/src/components/dialog/SubscribeFilesDialog.vue
index 4de17fa3..aab0291e 100644
--- a/src/components/dialog/SubscribeFilesDialog.vue
+++ b/src/components/dialog/SubscribeFilesDialog.vue
@@ -23,6 +23,9 @@ const emit = defineEmits(['close'])
 // 订阅文件信息
 const subScribeInfo = ref<SubscrbieInfo>()
 
+// 是否加载中
+const loading = ref(false)
+
 // 下载文件表头
 const downloadHeaders = [
   { title: t('dialog.subscribeFiles.episodeColumn'), key: 'episode_number', sortable: true },
@@ -39,9 +42,12 @@ const libraryHeaders = [
 // 调用API查询订阅文件信息
 async function loadSubscribeFilesInfo() {
   try {
+    loading.value = true
     subScribeInfo.value = await api.get(`subscribe/files/${props.subid}`)
   } catch (e) {
     console.log(e)
+  } finally {
+    loading.value = false
   }
 }
 
@@ -84,7 +90,8 @@ onBeforeMount(() => {
       <VCardItem class="my-2">
         <VDialogCloseBtn @click="emit('close')" />
       </VCardItem>
-      <VCardText>
+      <LoadingBanner v-if="loading" />
+      <VCardText v-else>
         <div class="media-page">
           <div class="media-header">
             <div class="media-poster">