From d543f8d97fde46ce6a4bd280c8893238f60fd2b7 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Tue, 4 Jul 2023 12:33:35 +0800
Subject: [PATCH] fix

---
 .vscode/settings.json                        |  3 +-
 src/api/types.ts                             |  2 +
 src/components/cards/SubscribeCard.vue       | 18 ++++-
 src/views/reorganize/DownloadingListView.vue | 69 +++++++++++---------
 4 files changed, 58 insertions(+), 34 deletions(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 2ed64c2a..d15a735d 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -109,5 +109,6 @@
                 "borderStyle": "solid"
             }
         ]
-    }
+    },
+    "vue3snippets.enable-compile-vue-file-on-did-save-code": true
 }
\ No newline at end of file
diff --git a/src/api/types.ts b/src/api/types.ts
index f656ad1d..d24f2810 100644
--- a/src/api/types.ts
+++ b/src/api/types.ts
@@ -39,6 +39,8 @@ export interface Subscribe {
   state: string;
   // 最后更新时间
   last_update: string;
+  // 订阅用户
+  username: string;
 }
 
 // 历史记录
diff --git a/src/components/cards/SubscribeCard.vue b/src/components/cards/SubscribeCard.vue
index e1c29242..a9319e55 100644
--- a/src/components/cards/SubscribeCard.vue
+++ b/src/components/cards/SubscribeCard.vue
@@ -151,10 +151,26 @@ const dropdownItems = ref([
           class="me-1"
           v-if="props.media?.total_episode"
         />
-        <span class="text-subtitle-2" :class="getTextClass()" v-if="props.media?.season"
+        <span
+          class="text-subtitle-2 me-4"
+          :class="getTextClass()"
+          v-if="props.media?.season"
           >{{ (props.media?.total_episode || 0) - (props.media?.lack_episode || 0) }} /
           {{ props.media?.total_episode }}</span
         >
+        <IconBtn
+          icon="mdi-account"
+          :color="getTextColor()"
+          class="me-1"
+          v-if="props.media?.username"
+        />
+        <span
+          class="text-subtitle-2"
+          :class="getTextClass()"
+          v-if="props.media?.username"
+        >
+          {{ props.media?.username }}
+        </span>
       </div>
     </VCardText>
 
diff --git a/src/views/reorganize/DownloadingListView.vue b/src/views/reorganize/DownloadingListView.vue
index 49a736fc..c7898aeb 100644
--- a/src/views/reorganize/DownloadingListView.vue
+++ b/src/views/reorganize/DownloadingListView.vue
@@ -1,58 +1,63 @@
 <script lang="ts" setup>
-import api from '@/api'
-import type { DownloadingInfo } from '@/api/types'
-import NoDataFound from '@/components/NoDataFound.vue'
-import DownloadingCard from '@/components/cards/DownloadingCard.vue'
-import PullRefresh from 'pull-refresh-vue3'
+import api from "@/api";
+import type { DownloadingInfo } from "@/api/types";
+import NoDataFound from "@/components/NoDataFound.vue";
+import DownloadingCard from "@/components/cards/DownloadingCard.vue";
+import PullRefresh from "pull-refresh-vue3";
+
+// 定时器
+let refreshTimer: NodeJS.Timer | null = null;
 
 // 数据列表
-const dataList = ref<DownloadingInfo[]>([])
+const dataList = ref<DownloadingInfo[]>([]);
 
 // 获取订阅列表数据
 const fetchData = async () => {
   try {
-    dataList.value = await api.get('download')
-    isRefreshed.value = true
+    dataList.value = await api.get("download");
+    isRefreshed.value = true;
   } catch (error) {
-    console.error(error)
+    console.error(error);
   }
-}
+};
 
 // 刷新状态
-const loading = ref(false)
+const loading = ref(false);
 
 // 是否刷新过
-const isRefreshed = ref(false)
+const isRefreshed = ref(false);
 
 // 下拉刷新
 const onRefresh = () => {
-  loading.value = true
-  fetchData()
-  loading.value = false
-}
+  loading.value = true;
+  fetchData();
+  loading.value = false;
+};
 
 // 加载时获取数据
 onBeforeMount(() => {
-  fetchData()
-})
+  fetchData();
+  // 启动定时器
+  refreshTimer = setInterval(() => {
+    fetchData();
+  }, 3000);
+});
+
+// 组件卸载时停止定时器
+onUnmounted(() => {
+  if (refreshTimer) {
+    clearInterval(refreshTimer);
+    refreshTimer = null;
+  }
+});
 </script>
 
 <template>
-  <PullRefresh
-    v-model="loading"
-    @refresh="onRefresh"
-  >
-    <div
-      class="grid gap-3 grid-downloading-card"
-      v-if="dataList.length > 0"
-    >
-      <DownloadingCard
-        v-for="data in dataList"
-        :key="data.hash"
-        :info="data"
-      />
+  <PullRefresh v-model="loading" @refresh="onRefresh">
+    <div class="grid gap-3 grid-downloading-card" v-if="dataList.length > 0">
+      <DownloadingCard v-for="data in dataList" :key="data.hash" :info="data" />
     </div>
-    <NoDataFound 
+    <NoDataFound
       v-if="dataList.length === 0 && isRefreshed"
       error-code="404"
       error-title="没有任务"