From 1b014557e4555e44214aed669ff676c24cfc84fc Mon Sep 17 00:00:00 2001
From: Kuingsmile <96409857+Kuingsmile@users.noreply.github.com>
Date: Tue, 18 Nov 2025 14:36:48 +0800
Subject: [PATCH] :bug: Fix(custom): add download finished and failed tab
 contents

ISSUES CLOSED: #409
---
 src/renderer/manage/pages/BucketPage.vue | 90 +++++++++++++++++++++++-
 1 file changed, 89 insertions(+), 1 deletion(-)

diff --git a/src/renderer/manage/pages/BucketPage.vue b/src/renderer/manage/pages/BucketPage.vue
index 30861edf..395675d6 100644
--- a/src/renderer/manage/pages/BucketPage.vue
+++ b/src/renderer/manage/pages/BucketPage.vue
@@ -1025,7 +1025,7 @@
 
             <!-- Download Tabs Content -->
             <div class="tab-content">
-              <!-- Similar structure for download tabs... -->
+              <!-- Downloading Tab -->
               <div v-if="activeDownLoadTab === 'downloading'" class="tab-panel">
                 <div style="display: flex; gap: 0.5rem; margin-bottom: 1rem">
                   <button class="action-button secondary" @click="handleCopyDownloadingTaskInfo">
@@ -1060,6 +1060,94 @@
                   </template>
                 </VirtualScroller>
               </div>
+
+              <!-- Finished Tab -->
+              <div v-if="activeDownLoadTab === 'finished'" class="tab-panel">
+                <div style="display: flex; gap: 0.5rem; margin-bottom: 1rem">
+                  <button class="action-button secondary" @click="handleCopyDownloadingTaskInfo">
+                    <CopyIcon class="action-icon" />
+                    {{ t('pages.manage.bucket.copyDownloadTask') }}
+                  </button>
+                  <button class="action-button secondary" @click="handleDeleteDownloadedTask">
+                    <Trash2Icon class="action-icon" />
+                    {{ t('pages.manage.bucket.clearFinishedTasks') }}
+                  </button>
+                  <button class="action-button secondary" @click="handleDeleteAllDownloadedTask">
+                    <Trash2Icon class="action-icon" />
+                    {{ t('pages.manage.bucket.clearAll') }}
+                  </button>
+                  <button class="action-button secondary" @click="handleOpenDownloadedFolder">
+                    <FolderIcon class="action-icon" />
+                    {{ t('pages.manage.bucket.openDownloadFolder') }}
+                  </button>
+                </div>
+                <VirtualScroller
+                  :items="downloadedTaskList.filter(item => item.status === 'downloaded')"
+                  :item-height="60"
+                  :height="500"
+                  view-mode="list"
+                >
+                  <template #default="{ item }">
+                    <div class="file-list-item">
+                      <div class="file-list-info">
+                        <div class="file-list-name">
+                          {{ formatFileName(item.sourceFileName) }}
+                        </div>
+                        <div class="file-list-meta">
+                          <span>{{ item.finishTime }}</span>
+                          <span class="badge success">
+                            {{ t('pages.manage.bucket.success') }}
+                          </span>
+                        </div>
+                      </div>
+                    </div>
+                  </template>
+                </VirtualScroller>
+              </div>
+
+              <!-- Failed Tab -->
+              <div v-if="activeDownLoadTab === 'failed'" class="tab-panel">
+                <div style="display: flex; gap: 0.5rem; margin-bottom: 1rem">
+                  <button class="action-button secondary" @click="handleCopyDownloadingTaskInfo">
+                    <CopyIcon class="action-icon" />
+                    {{ t('pages.manage.bucket.copyDownloadTask') }}
+                  </button>
+                  <button class="action-button secondary" @click="handleDeleteDownloadedTask">
+                    <Trash2Icon class="action-icon" />
+                    {{ t('pages.manage.bucket.clearFinishedTasks') }}
+                  </button>
+                  <button class="action-button secondary" @click="handleDeleteAllDownloadedTask">
+                    <Trash2Icon class="action-icon" />
+                    {{ t('pages.manage.bucket.clearAll') }}
+                  </button>
+                  <button class="action-button secondary" @click="handleOpenDownloadedFolder">
+                    <FolderIcon class="action-icon" />
+                    {{ t('pages.manage.bucket.openDownloadFolder') }}
+                  </button>
+                </div>
+                <VirtualScroller
+                  :items="downloadedTaskList.filter(item => item.status !== 'downloaded')"
+                  :item-height="60"
+                  :height="500"
+                  view-mode="list"
+                >
+                  <template #default="{ item }">
+                    <div class="file-list-item">
+                      <div class="file-list-info">
+                        <div class="file-list-name">
+                          {{ formatFileName(item.sourceFileName) }}
+                        </div>
+                        <div class="file-list-meta">
+                          <span>{{ item.finishTime }}</span>
+                          <span class="badge error">
+                            {{ t('pages.manage.bucket.failed') }}
+                          </span>
+                        </div>
+                      </div>
+                    </div>
+                  </template>
+                </VirtualScroller>
+              </div>
             </div>
           </div>
         </div>