From a53553d6584bbf8efd40ddac479350d8eb97bd37 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Thu, 26 Dec 2024 13:42:59 +0800
Subject: [PATCH] =?UTF-8?q?feat(TransferQueueDialog):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E6=A0=87=E7=AD=BE=E4=BB=A5=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E4=BB=BB=E5=8A=A1=E7=8A=B6=E6=80=81=EF=BC=8C=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E8=BF=9B=E5=BA=A6=E6=9D=A1=E6=98=BE=E7=A4=BA=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/dialog/TransferQueueDialog.vue | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/components/dialog/TransferQueueDialog.vue b/src/components/dialog/TransferQueueDialog.vue
index 2bf9d1a5..df5b00f3 100644
--- a/src/components/dialog/TransferQueueDialog.vue
+++ b/src/components/dialog/TransferQueueDialog.vue
@@ -29,6 +29,14 @@ const refreshFlag = ref(false)
 // 活动标签
 const activeTab = ref('')
 
+// 状态标签
+const stateDict: { [key: string]: string } = {
+  'waiting': '等待中',
+  'running': '正在整理',
+  'completed': '完成',
+  'failed': '失败',
+}
+
 // 从dataList中提取所有的媒体信息
 const mediaList = computed(() => {
   return dataList.value.map(item => item.media)
@@ -103,11 +111,11 @@ onUnmounted(() => {
         <VCardTitle>整理任务队列</VCardTitle>
       </VCardItem>
       <DialogCloseBtn @click="emit('close')" />
-      <VCardText v-if="dataList.length === 0" class="text-center"> 没有正在整理的任务 </VCardText>
-      <VCardText v-else-if="progressValue > 0" class="text-center">
-        {{ progressText }}
-        <VProgressLinear :value="progressValue" color="primary" rounded indeterminate class="mt-2" />
+      <VCardText v-if="dataList.length > 0 && progressValue > 0" class="text-center">
+        <VProgressLinear :value="progressValue" color="primary" rounded indeterminate />
+        <span class="mt-2">{{ progressText }}</span>
       </VCardText>
+      <VCardText v-if="dataList.length === 0" class="text-center"> 没有正在整理的任务 </VCardText>
       <VCardText>
         <VTabs v-model="activeTab" show-arrows class="v-tabs-pill">
           <VTab
@@ -123,7 +131,9 @@ onUnmounted(() => {
             <VList>
               <VListItem v-for="task in activeTasks">
                 <VListItemTitle>{{ task.fileitem.name }}</VListItemTitle>
-                <VListItemSubtitle>{{ formatFileSize(task.fileitem.size || 0) }}</VListItemSubtitle>
+                <VListItemSubtitle>
+                  {{ formatFileSize(task.fileitem.size || 0) }} {{ stateDict[task.state] }}
+                </VListItemSubtitle>
                 <template #append>
                   <IconBtn color="error" size="small" icon="mdi-close" @click="remove_queue_task(task.fileitem)" />
                 </template>