From 2602cb09987f1772e27bc18b0794f4ce27d7095b Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Thu, 26 Dec 2024 13:30:08 +0800
Subject: [PATCH] =?UTF-8?q?feat(TransferQueueDialog):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E4=BB=BB=E5=8A=A1=E9=98=9F=E5=88=97=E6=98=BE=E7=A4=BA=EF=BC=8C?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=AA=92=E4=BD=93=E4=BF=A1=E6=81=AF=E5=92=8C?=
 =?UTF-8?q?=E4=BB=BB=E5=8A=A1=E7=AE=A1=E7=90=86=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/dialog/ReorganizeDialog.vue    |  2 +-
 src/components/dialog/TransferQueueDialog.vue | 66 ++++++++++++++++---
 2 files changed, 59 insertions(+), 9 deletions(-)

diff --git a/src/components/dialog/ReorganizeDialog.vue b/src/components/dialog/ReorganizeDialog.vue
index 7ac2df6b..2c419e13 100644
--- a/src/components/dialog/ReorganizeDialog.vue
+++ b/src/components/dialog/ReorganizeDialog.vue
@@ -135,7 +135,7 @@ async function handleTransfer(item: FileItem, background: boolean = false) {
   transferForm.logid = 0
   try {
     const result: { [key: string]: any } = await api.post(`transfer/manual?background=${background}`, transferForm)
-    if (!result.success) $toast.error(`文件 ${item.name} 整理失败：${result.message}！`)
+    if (!result.success) $toast.error(result.message)
     else if (background) $toast.success(`文件 ${item.name} 已加入整理队列！`)
   } catch (e) {
     console.log(e)
diff --git a/src/components/dialog/TransferQueueDialog.vue b/src/components/dialog/TransferQueueDialog.vue
index a1a32b67..2bf9d1a5 100644
--- a/src/components/dialog/TransferQueueDialog.vue
+++ b/src/components/dialog/TransferQueueDialog.vue
@@ -1,8 +1,10 @@
 <script lang="ts" setup>
+import { formatFileSize } from '@/@core/utils/formatters'
 import api from '@/api'
-import { TransferQueue } from '@/api/types'
+import { FileItem, TransferQueue } from '@/api/types'
 import { useDisplay } from 'vuetify'
-import { VProgressLinear } from 'vuetify/lib/components/index.mjs'
+import { VAvatar, VListItemAction, VProgressLinear } from 'vuetify/lib/components/index.mjs'
+import PosterCard from '../cards/PosterCard.vue'
 
 // 显示器宽度
 const display = useDisplay()
@@ -24,10 +26,36 @@ const progressValue = ref(0)
 // 数据可刷新标志
 const refreshFlag = ref(false)
 
+// 活动标签
+const activeTab = ref('')
+
+// 从dataList中提取所有的媒体信息
+const mediaList = computed(() => {
+  return dataList.value.map(item => item.media)
+})
+
+// 根据媒体信息获取对应的整理任务
+const activeTasks = computed(() => {
+  return dataList.value.find(item => item.media.title_year === activeTab.value)?.tasks
+})
+
 // 调用API获取队列信息
 async function get_transfer_queue() {
   try {
     dataList.value = await api.get('transfer/queue')
+    if (dataList.value.length > 0) {
+      activeTab.value = dataList.value[0].media.title_year || ''
+    }
+  } catch (error) {
+    console.error(error)
+  }
+}
+
+// 移除队列任务
+async function remove_queue_task(fileitem: FileItem) {
+  try {
+    await api.delete(`transfer/queue`, { data: { fileitem } })
+    get_transfer_queue()
   } catch (error) {
     console.error(error)
   }
@@ -40,6 +68,7 @@ function startLoadingProgress() {
   progressEventSource.value.onmessage = event => {
     const progress = JSON.parse(event.data)
     if (progress) {
+      if (!progress.enable) return
       progressText.value = progress.text
       progressValue.value = progress.value
       if (progress.value === 100 && refreshFlag.value) {
@@ -73,14 +102,35 @@ onUnmounted(() => {
       <VCardItem>
         <VCardTitle>整理任务队列</VCardTitle>
       </VCardItem>
-      <VDivider />
       <DialogCloseBtn @click="emit('close')" />
-
       <VCardText v-if="dataList.length === 0" class="text-center"> 没有正在整理的任务 </VCardText>
-      <VCardText v-else>
-        <VProgressLinear v-if="progressValue > 0" :value="progressValue" color="primary" rounded indeterminate>
-          {{ progressText }}
-        </VProgressLinear>
+      <VCardText v-else-if="progressValue > 0" class="text-center">
+        {{ progressText }}
+        <VProgressLinear :value="progressValue" color="primary" rounded indeterminate class="mt-2" />
+      </VCardText>
+      <VCardText>
+        <VTabs v-model="activeTab" show-arrows class="v-tabs-pill">
+          <VTab
+            v-for="media in mediaList"
+            :value="media.title_year"
+            selected-class="v-slide-group-item--active v-tab--selected"
+          >
+            {{ media.title_year }}
+          </VTab>
+        </VTabs>
+        <VWindow v-model="activeTab" class="mt-5 disable-tab-transition" :touch="false">
+          <VWindowItem v-for="media in mediaList" :value="media.title_year">
+            <VList>
+              <VListItem v-for="task in activeTasks">
+                <VListItemTitle>{{ task.fileitem.name }}</VListItemTitle>
+                <VListItemSubtitle>{{ formatFileSize(task.fileitem.size || 0) }}</VListItemSubtitle>
+                <template #append>
+                  <IconBtn color="error" size="small" icon="mdi-close" @click="remove_queue_task(task.fileitem)" />
+                </template>
+              </VListItem>
+            </VList>
+          </VWindowItem>
+        </VWindow>
       </VCardText>
     </VCard>
   </VDialog>