From ea77d7e76d6265da1d5f069eeeddd27b5f7f84df Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Thu, 25 Jul 2024 08:09:30 +0800
Subject: [PATCH] style: add divider to DirectoryCard.vue for monitor type

---
 src/components/cards/DirectoryCard.vue        |  2 +-
 src/views/setting/AccountSettingDirectory.vue | 14 ++++++++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/cards/DirectoryCard.vue b/src/components/cards/DirectoryCard.vue
index a9e6f4a4..5fe073ef 100644
--- a/src/components/cards/DirectoryCard.vue
+++ b/src/components/cards/DirectoryCard.vue
@@ -153,6 +153,7 @@ const getCategories = computed(() => {
             <VSwitch v-model="props.directory.download_category_folder" label="按类别分类"></VSwitch>
           </VCol>
         </VRow>
+        <VDivider v-if="$props.directory.monitor_type" class="my-3 bg-primary" />
         <VRow>
           <VCol>
             <VSelect
@@ -163,7 +164,6 @@ const getCategories = computed(() => {
             />
           </VCol>
         </VRow>
-        <VDivider v-if="$props.directory.monitor_type" class="my-3 bg-primary" />
         <VRow v-if="$props.directory.monitor_type">
           <VCol cols="4">
             <VSelect
diff --git a/src/views/setting/AccountSettingDirectory.vue b/src/views/setting/AccountSettingDirectory.vue
index d79b51c7..b1037273 100644
--- a/src/views/setting/AccountSettingDirectory.vue
+++ b/src/views/setting/AccountSettingDirectory.vue
@@ -75,12 +75,21 @@ async function saveDirectories() {
 // 添加媒体库目录
 function addDirectory() {
   directories.value.push({
-    name: '新目录',
+    name: `目录${directories.value.length + 1}`,
     storage: 'local',
     download_path: '',
     priority: -1,
     monitor_type: '',
   })
+  orderDirectoryCards()
+}
+
+// 移除媒体库目录
+function removeDirectory(directory: TransferDirectoryConf) {
+  const index = directories.value.indexOf(directory)
+  if (index > -1) {
+    directories.value.splice(index, 1)
+  }
 }
 
 // 调用API查询自动分类配置
@@ -145,7 +154,8 @@ onMounted(() => {
               <DirectoryCard
                 :directory="element"
                 :categories="mediaCategories"
-                @update:modelValue="(value: string) => (element.path = value)"
+                @update:modelValue="(value: any) => {element.download_path = value?.download; element.library_path = value?.library}"
+                @close="removeDirectory(element)"
               />
             </template>
           </draggable>