From bd4975d180b452b1fb353c605bb3513e783c0c0c Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Wed, 24 Jul 2024 18:05:51 +0800
Subject: [PATCH] style: Update grid-template-columns in grid-directory-card to
 use a minimum width of 24rem

---
 src/assets/images/misc/rclone.png             | Bin 0 -> 13237 bytes
 src/components/cards/DirectoryCard.vue        | 161 +++++++++++++++---
 src/components/cards/StorageCard.vue          |   5 +-
 src/styles/styles.scss                        |   2 +-
 src/views/setting/AccountSettingDirectory.vue |  22 ++-
 5 files changed, 159 insertions(+), 31 deletions(-)
 create mode 100644 src/assets/images/misc/rclone.png

diff --git a/src/assets/images/misc/rclone.png b/src/assets/images/misc/rclone.png
new file mode 100644
index 0000000000000000000000000000000000000000..0d9617b11b1ba133307ae3b1768a3356707e5415
GIT binary patch
literal 13237
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

literal 0
HcmV?d00001

diff --git a/src/components/cards/DirectoryCard.vue b/src/components/cards/DirectoryCard.vue
index 943c7af2..a9e6f4a4 100644
--- a/src/components/cards/DirectoryCard.vue
+++ b/src/components/cards/DirectoryCard.vue
@@ -1,12 +1,12 @@
 <script lang="ts" setup>
-import type { MediaDirectory } from '@/api/types'
+import type { TransferDirectoryConf } from '@/api/types'
 import { VTextField } from 'vuetify/lib/components/index.mjs'
 
 // 输入参数
 const props = defineProps({
   type: String, // download/library
   directory: {
-    type: Object as PropType<MediaDirectory>,
+    type: Object as PropType<TransferDirectoryConf>,
     required: true, // 必填参数
   },
   categories: {
@@ -17,8 +17,11 @@ const props = defineProps({
   height: String,
 })
 
-// 路径
-const path = ref<string>('')
+// 下载路径
+const downloadPath = ref<string>('')
+
+// 媒体库路径
+const libraryPath = ref<string>('')
 
 // 类型下拉字典
 const typeItems = [
@@ -27,6 +30,37 @@ const typeItems = [
   { title: '电视剧', value: '电视剧' },
 ]
 
+// 存储下拉字典
+const storageItems = [
+  { title: '本地', value: 'local' },
+  { title: '阿里云盘', value: 'alipan' },
+  { title: '115网盘', value: 'u115' },
+  { title: 'Rclone网盘', value: 'rclone' },
+]
+
+// 自动整理方式下拉字典
+const transferSourceItems = [
+  { title: '不自动整理', value: '' },
+  { title: '下载器监控', value: 'downloader' },
+  { title: '目录监控', value: 'monitor' },
+]
+
+// 整理方式下拉字典
+const transferTypeItems = [
+  { title: '复制', value: 'copy' },
+  { title: '移动', value: 'move' },
+  { title: '硬链接', value: 'link' },
+  { title: '软链接', value: 'softlink' },
+]
+
+// 覆盖模式下拉字典
+const overwriteModeItems = [
+  { title: '从不', value: 'never' },
+  { title: '总是', value: 'always' },
+  { title: '按文件大小', value: 'size' },
+  { title: '仅保留最新版本', value: 'latest' },
+]
+
 // 定义触发的自定义事件
 const emit = defineEmits(['close', 'changed', 'update:modelValue'])
 
@@ -35,10 +69,22 @@ function onClose() {
   emit('close')
 }
 
-// 路径更新
-function updatePath(value: string) {
-  path.value = value
-  emit('update:modelValue', value)
+// 下载路径更新
+function updateDownloadPath(value: string) {
+  downloadPath.value = value
+  emit('update:modelValue', {
+    download: downloadPath.value,
+    library: libraryPath.value,
+  })
+}
+
+// 媒体库路径更新
+function updateLibraryPath(value: string) {
+  libraryPath.value = value
+  emit('update:modelValue', {
+    download: downloadPath.value,
+    library: libraryPath.value,
+  })
 }
 
 // 根据选中的媒体类型，获取对应的媒体类别
@@ -68,34 +114,99 @@ const getCategories = computed(() => {
     <VCardText>
       <VForm>
         <VRow>
-          <VCol>
-            <VPathField @update:modelValue="updatePath">
-              <template #activator="{ menuprops }">
-                <VTextField v-model="props.directory.path" v-bind="menuprops" variant="underlined" label="路径" />
-              </template>
-            </VPathField>
-          </VCol>
-        </VRow>
-        <VRow>
-          <VCol cols="4">
+          <VCol cols="6">
             <VSelect
               v-model="props.directory.media_type"
               variant="underlined"
               :items="typeItems"
               label="媒体类型"
-              @update:modelValue="props.directory.category = ''"
+              @update:modelValue="props.directory.media_category = ''"
             />
           </VCol>
-          <VCol>
-            <VSelect v-model="props.directory.category" variant="underlined" :items="getCategories" label="媒体类别" />
+          <VCol cols="6">
+            <VSelect
+              v-model="props.directory.media_category"
+              variant="underlined"
+              :items="getCategories"
+              label="媒体类别"
+            />
+          </VCol>
+          <VCol cols="4">
+            <VSelect v-model="props.directory.storage" variant="underlined" :items="storageItems" label="下载存储" />
+          </VCol>
+          <VCol cols="8">
+            <VPathField @update:modelValue="updateDownloadPath">
+              <template #activator="{ menuprops }">
+                <VTextField
+                  v-model="props.directory.download_path"
+                  v-bind="menuprops"
+                  variant="underlined"
+                  label="下载目录"
+                />
+              </template>
+            </VPathField>
+          </VCol>
+          <VCol cols="6" v-if="!props.directory.media_type || props.directory.media_type === ''">
+            <VSwitch v-model="props.directory.download_type_folder" label="按类型分类"></VSwitch>
+          </VCol>
+          <VCol cols="6" v-if="!props.directory.media_category || props.directory.media_category === ''">
+            <VSwitch v-model="props.directory.download_category_folder" label="按类别分类"></VSwitch>
           </VCol>
         </VRow>
         <VRow>
-          <VCol v-if="!props.directory.category || props.directory.category === ''">
-            <VSwitch v-model="props.directory.auto_category" label="自动分类"></VSwitch>
+          <VCol>
+            <VSelect
+              v-model="props.directory.monitor_type"
+              variant="underlined"
+              :items="transferSourceItems"
+              label="自动整理"
+            />
           </VCol>
-          <VCol v-if="type === 'library'">
-            <VSwitch v-model="props.directory.scrape" label="刮削元数据"></VSwitch>
+        </VRow>
+        <VDivider v-if="$props.directory.monitor_type" class="my-3 bg-primary" />
+        <VRow v-if="$props.directory.monitor_type">
+          <VCol cols="4">
+            <VSelect
+              v-model="props.directory.transfer_type"
+              variant="underlined"
+              :items="transferTypeItems"
+              label="整理方式"
+            />
+          </VCol>
+          <VCol cols="8">
+            <VSelect
+              v-model="props.directory.overwrite_mode"
+              variant="underlined"
+              :items="overwriteModeItems"
+              label="覆盖模式"
+            />
+          </VCol>
+          <VCol cols="4">
+            <VSelect v-model="props.directory.storage" variant="underlined" :items="storageItems" label="媒体库存储" />
+          </VCol>
+          <VCol cols="8">
+            <VPathField @update:modelValue="updateLibraryPath">
+              <template #activator="{ menuprops }">
+                <VTextField
+                  v-model="props.directory.library_path"
+                  v-bind="menuprops"
+                  variant="underlined"
+                  label="媒体库目录"
+                />
+              </template>
+            </VPathField>
+          </VCol>
+          <VCol cols="6" v-if="!props.directory.media_type || props.directory.media_type === ''">
+            <VSwitch v-model="props.directory.library_type_folder" label="按类型分类"></VSwitch>
+          </VCol>
+          <VCol cols="6" v-if="!props.directory.media_category || props.directory.media_category === ''">
+            <VSwitch v-model="props.directory.library_category_folder" label="按类别分类"></VSwitch>
+          </VCol>
+          <VCol cols="6">
+            <VSwitch v-model="props.directory.renaming" label="智能重命名"></VSwitch>
+          </VCol>
+          <VCol cols="6">
+            <VSwitch v-model="props.directory.scraping" label="刮削元数据"></VSwitch>
           </VCol>
         </VRow>
       </VForm>
diff --git a/src/components/cards/StorageCard.vue b/src/components/cards/StorageCard.vue
index d8bd47d3..63c6f42c 100644
--- a/src/components/cards/StorageCard.vue
+++ b/src/components/cards/StorageCard.vue
@@ -4,6 +4,7 @@ import { formatBytes } from '@core/utils/formatters'
 import storage_png from '@images/misc/storage.png'
 import alipan_png from '@images/misc/alipan.webp'
 import u115_png from '@images/misc/u115.png'
+import rclone_png from '@images/misc/rclone.png'
 
 // 定义输入
 const props = defineProps({
@@ -28,6 +29,8 @@ const getIcon = computed(() => {
       return alipan_png
     case 'u115':
       return u115_png
+    case 'rclone':
+      return rclone_png
     default:
       return storage_png
   }
@@ -48,7 +51,7 @@ const usage = computed(() => {
           <h4 class="text-h4">{{ formatBytes(available) }}</h4>
         </div>
       </div>
-      <VImg :src="getIcon" cover class="m-3" />
+      <VImg :src="getIcon" cover class="m-3" max-width="6rem" />
     </VCardText>
   </VCard>
 </template>
diff --git a/src/styles/styles.scss b/src/styles/styles.scss
index 71878b1e..fb747d8f 100644
--- a/src/styles/styles.scss
+++ b/src/styles/styles.scss
@@ -166,7 +166,7 @@
 }
 
 .grid-directory-card {
-  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
   padding-block-end: 1rem;
 }
 
diff --git a/src/views/setting/AccountSettingDirectory.vue b/src/views/setting/AccountSettingDirectory.vue
index 4ae22797..f4e39e60 100644
--- a/src/views/setting/AccountSettingDirectory.vue
+++ b/src/views/setting/AccountSettingDirectory.vue
@@ -51,7 +51,14 @@ async function saveStorages() {
 }
 
 // 查询目录
-async function loadDirectories() {}
+async function loadDirectories() {
+  try {
+    const result: { [key: string]: any } = await api.get('system/setting/Directories')
+    directories.value = result.data?.value ?? []
+  } catch (error) {
+    console.log(error)
+  }
+}
 
 // 保存目录
 async function saveDirectories() {
@@ -59,7 +66,15 @@ async function saveDirectories() {
 }
 
 // 添加媒体库目录
-function addDirectory() {}
+function addDirectory() {
+  directories.value.push({
+    name: '新目录',
+    storage: 'local',
+    download_path: '',
+    priority: -1,
+    monitor_type: '',
+  })
+}
 
 // 调用API查询自动分类配置
 async function loadMediaCategories() {
@@ -117,11 +132,10 @@ onMounted(() => {
             item-key="pri"
             tag="div"
             @end="orderDirectoryCards"
-            :component-data="{ 'class': 'grid gap-3 grid-app-card' }"
+            :component-data="{ 'class': 'grid gap-3 grid-directory-card items-start' }"
           >
             <template #item="{ element }">
               <DirectoryCard
-                type="library"
                 :directory="element"
                 :categories="mediaCategories"
                 @update:modelValue="(value: string) => (element.path = value)"