From 3db4e12bb2f1aa15361581aef102bac531ee7235 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Wed, 23 Oct 2024 16:07:48 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E6=B7=BB=E5=8A=A0=E4=BA=86?=
 =?UTF-8?q?=E5=8D=A1=E7=89=88=E6=8A=98=E5=8F=A0=E7=8A=B6=E6=80=81=E5=92=8C?=
 =?UTF-8?q?=E5=B1=95=E5=BC=80=E6=8C=89=E9=92=AE=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/cards/DirectoryCard.vue | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/cards/DirectoryCard.vue b/src/components/cards/DirectoryCard.vue
index 04faf329..41454d5a 100644
--- a/src/components/cards/DirectoryCard.vue
+++ b/src/components/cards/DirectoryCard.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import type { TransferDirectoryConf } from '@/api/types'
-import { VTextField } from 'vuetify/lib/components/index.mjs'
+import { VDivider, VSpacer, VTextField } from 'vuetify/lib/components/index.mjs'
 import { useToast } from 'vue-toast-notification'
 import api from '@/api'
 import { nextTick } from 'vue'
@@ -26,6 +26,9 @@ const downloadPath = ref<string>('')
 // 媒体库路径
 const libraryPath = ref<string>('')
 
+// 卡版是否折叠状态
+const isCollapsed = ref(true)
+
 // 类型下拉字典
 const typeItems = [
   { title: '全部', value: '' },
@@ -188,7 +191,7 @@ watch(
         </IconBtn>
       </span>
     </VCardItem>
-    <VCardText>
+    <VCardText v-if="!isCollapsed">
       <VForm>
         <VRow>
           <VCol cols="6">
@@ -242,7 +245,7 @@ watch(
           </VCol>
         </VRow>
         <VRow v-if="$props.directory.monitor_type">
-           <VCol cols="12" v-if="$props.directory.monitor_type == 'monitor'">
+          <VCol cols="12" v-if="$props.directory.monitor_type == 'monitor'">
             <VSelect
               v-model="props.directory.monitor_mode"
               variant="underlined"
@@ -305,5 +308,10 @@ watch(
         </VRow>
       </VForm>
     </VCardText>
+    <VCardActions class="text-center py-0">
+      <VSpacer />
+      <VBtn :icon="isCollapsed ? 'mdi-chevron-down' : 'mdi-chevron-up'" @click.stop="isCollapsed = !isCollapsed" />
+      <VSpacer />
+    </VCardActions>
   </VCard>
 </template>