GithubBackup/PicList
1
0
Fork 0
mirror of https://github.com/Kuingsmile/PicList.git synced 2026-05-06 20:42:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Fix(custom): add download finished and failed tab contents

Browse Source 
ISSUES CLOSED: #409
This commit is contained in:
Kuingsmile
2025-11-18 14:36:48 +08:00
parent 95bed5e1bb
commit 1b014557e4
1 changed files with 89 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
src/renderer/manage/pages/BucketPage.vue
View File

@@ -1025,7 +1025,7 @@
<!-- Download Tabs Content --> <!-- Download Tabs Content -->
<div class="tab-content"> <div class="tab-content">
<!-- Similar structure for download tabs... --> <!-- Downloading Tab -->
<div v-if="activeDownLoadTab === 'downloading'" class="tab-panel"> <div v-if="activeDownLoadTab === 'downloading'" class="tab-panel">
<div style="display: flex; gap: 0.5rem; margin-bottom: 1rem"> <div style="display: flex; gap: 0.5rem; margin-bottom: 1rem">
<button class="action-button secondary" @click="handleCopyDownloadingTaskInfo"> <button class="action-button secondary" @click="handleCopyDownloadingTaskInfo">
@@ -1060,6 +1060,94 @@
</template> </template>
</VirtualScroller> </VirtualScroller>
</div> </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> </div>
</div> </div>