From 226efc3d8529bb38d539e15d38be7c62171c10e7 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Thu, 14 Nov 2024 18:59:26 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=20AddDownloadDialog?=
 =?UTF-8?q?=20=E7=BB=84=E4=BB=B6=E4=BB=A5=E6=98=BE=E7=A4=BA=E7=A7=8D?=
 =?UTF-8?q?=E5=AD=90=E4=BF=A1=E6=81=AF=E5=92=8C=E6=96=87=E4=BB=B6=E5=A4=A7?=
 =?UTF-8?q?=E5=B0=8F=EF=BC=8C=E5=B9=B6=E4=BC=98=E5=8C=96=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/dialog/AddDownloadDialog.vue | 52 +++++++++++++++------
 1 file changed, 39 insertions(+), 13 deletions(-)

diff --git a/src/components/dialog/AddDownloadDialog.vue b/src/components/dialog/AddDownloadDialog.vue
index e0177135..b714b11f 100644
--- a/src/components/dialog/AddDownloadDialog.vue
+++ b/src/components/dialog/AddDownloadDialog.vue
@@ -4,7 +4,7 @@ import api from '@/api'
 import { doneNProgress, startNProgress } from '@/api/nprogress'
 import type { DownloaderConf, MediaInfo, TorrentInfo, TransferDirectoryConf } from '@/api/types'
 import { formatFileSize } from '@/@core/utils/formatters'
-import { VCardTitle } from 'vuetify/lib/components/index.mjs'
+import { VCardTitle, VChip } from 'vuetify/lib/components/index.mjs'
 
 // 输入参数
 const props = defineProps({
@@ -119,37 +119,63 @@ onMounted(() => {
 })
 </script>
 <template>
-  <VDialog max-width="40rem" scrollable>
+  <VDialog max-width="45rem" scrollable>
     <VCard>
       <VCardItem>
-        <VCardTitle v-if="title">下载 - {{ title }}</VCardTitle>
+        <VCardTitle v-if="title">下载 - {{ torrent?.site_name }}</VCardTitle>
         <VCardTitle v-else>确认下载</VCardTitle>
         <DialogCloseBtn @click="emit('close')" />
       </VCardItem>
       <VDivider />
       <VCardText>
+        <VList lines="one">
+          <VListItem>
+            <template #prepend>
+              <VIcon icon="mdi-web"></VIcon>
+            </template>
+            <VListItemTitle>
+              <span class="whitespace-break-spaces me-2">{{ torrent?.title }}</span>
+              <span class="text-green-700 ms-2 text-sm">↑{{ torrent?.seeders }}</span>
+              <span class="text-orange-700 ms-2 text-sm">↓{{ torrent?.peers }}</span>
+            </VListItemTitle>
+          </VListItem>
+          <VListItem>
+            <template #prepend>
+              <VIcon icon="mdi-subtitles-outline"></VIcon>
+            </template>
+            <VListItemTitle>
+              <span class="text-body-1 whitespace-break-spaces">{{ torrent?.description }}</span>
+            </VListItemTitle>
+          </VListItem>
+          <VListItem>
+            <template #prepend>
+              <VIcon icon="mdi-database"></VIcon>
+            </template>
+            <VListItemTitle>
+              <span class="text-body-1">
+                <VChip variant="tonal" label>
+                  {{ formatFileSize(torrent?.size || 0) }}
+                </VChip>
+              </span>
+            </VListItemTitle>
+          </VListItem>
+        </VList>
         <VRow>
-          <VCol cols="12" class="text-lg text-high-emphasis pb-0">
-            <div><strong>站点：</strong>{{ props.torrent?.site_name }}</div>
-            <div><strong>标题：</strong>{{ props.torrent?.title }}</div>
-            <div><strong>描述：</strong>{{ props.torrent?.description }}</div>
-            <div><strong>大小：</strong>{{ formatFileSize(props.torrent?.size || 0) }}</div>
-          </VCol>
           <VCol cols="12" md="4">
             <VSelect
               v-model="selectedDownloader"
               :items="downloaderOptions"
-              label="下载器"
+              label="指定下载器"
               variant="underlined"
-              placeholder="默认"
+              placeholder="留空默认"
             />
           </VCol>
           <VCol cols="12" md="8">
             <VCombobox
               v-model="selectedDirectory"
               :items="targetDirectories"
-              label="保存目录"
-              placeholder="自动"
+              label="指定保存目录"
+              placeholder="留空自动匹配"
               variant="underlined"
             />
           </VCol>