mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-05-22 08:49:47 +08:00
130 lines
3.4 KiB
Vue
130 lines
3.4 KiB
Vue
<!-- eslint-disable sonarjs/no-duplicate-string -->
|
||
<script lang="ts" setup>
|
||
import { useToast } from 'vue-toast-notification'
|
||
import draggable from 'vuedraggable'
|
||
import { VRow } from 'vuetify/lib/components/index.mjs'
|
||
import api from '@/api'
|
||
import { TransferDirectoryConf, StorageConf } from '@/api/types'
|
||
import DirectoryCard from '@/components/cards/DirectoryCard.vue'
|
||
|
||
// 所有下载目录
|
||
const directories = ref<TransferDirectoryConf[]>([])
|
||
|
||
// 所有存储
|
||
const storages = ref<StorageConf[]>([])
|
||
|
||
// 二级分类策略
|
||
const mediaCategories = ref<{ [key: string]: any }>({})
|
||
|
||
// 提示框
|
||
const $toast = useToast()
|
||
|
||
// 移动结束
|
||
function orderDirectoryCards() {
|
||
// 更新所有目录的优先级
|
||
directories.value.forEach((item, index) => {
|
||
item.priority = index
|
||
})
|
||
}
|
||
|
||
// 查询存储
|
||
async function loadStorages() {}
|
||
|
||
// 保存存储
|
||
async function saveStorages() {}
|
||
// 添加存储
|
||
function addStorage() {}
|
||
|
||
// 查询目录
|
||
async function loadDirectories() {}
|
||
|
||
// 保存目录
|
||
async function saveDirectories() {
|
||
orderDirectoryCards()
|
||
}
|
||
|
||
// 添加媒体库目录
|
||
function addDirectory() {}
|
||
|
||
// 调用API查询自动分类配置
|
||
async function loadMediaCategories() {
|
||
try {
|
||
mediaCategories.value = await api.get('media/category')
|
||
} catch (error) {
|
||
console.log(error)
|
||
}
|
||
}
|
||
|
||
// 加载数据
|
||
onMounted(() => {
|
||
loadDirectories()
|
||
loadStorages()
|
||
loadMediaCategories()
|
||
})
|
||
</script>
|
||
|
||
<template>
|
||
<VRow>
|
||
<VCol cols="12">
|
||
<VCard>
|
||
<VCardItem>
|
||
<VCardTitle>存储</VCardTitle>
|
||
<VCardSubtitle>设置本地或网盘存储参数。</VCardSubtitle>
|
||
</VCardItem>
|
||
<VCardText>
|
||
<draggable
|
||
v-model="storages"
|
||
handle=".cursor-move"
|
||
item-key="name"
|
||
tag="div"
|
||
:component-data="{ 'class': 'grid gap-3 grid-app-card' }"
|
||
>
|
||
<template #item="{ element }">
|
||
<StorageCard type="download" :storage="element" />
|
||
</template>
|
||
</draggable>
|
||
</VCardText>
|
||
<VCardText>
|
||
<VBtn type="submit" class="me-2" @click="saveStorages"> 保存 </VBtn>
|
||
<VBtn color="success" variant="tonal" @click="addStorage">
|
||
<VIcon icon="mdi-plus" />
|
||
</VBtn>
|
||
</VCardText>
|
||
</VCard>
|
||
</VCol>
|
||
<VCol cols="12">
|
||
<VCard>
|
||
<VCardItem>
|
||
<VCardTitle>目录</VCardTitle>
|
||
<VCardSubtitle>设置媒体文件整理目录结构，按先后顺序依次匹配。</VCardSubtitle>
|
||
</VCardItem>
|
||
<VCardText>
|
||
<draggable
|
||
v-model="directories"
|
||
handle=".cursor-move"
|
||
item-key="pri"
|
||
tag="div"
|
||
@end="orderDirectoryCards"
|
||
:component-data="{ 'class': 'grid gap-3 grid-app-card' }"
|
||
>
|
||
<template #item="{ element }">
|
||
<DirectoryCard
|
||
type="library"
|
||
:directory="element"
|
||
:categories="mediaCategories"
|
||
@update:modelValue="(value: string) => (element.path = value)"
|
||
/>
|
||
</template>
|
||
</draggable>
|
||
</VCardText>
|
||
<VCardText>
|
||
<VBtn type="submit" class="me-2" @click="saveDirectories"> 保存 </VBtn>
|
||
<VBtn color="success" variant="tonal" @click="addDirectory">
|
||
<VIcon icon="mdi-plus" />
|
||
</VBtn>
|
||
</VCardText>
|
||
</VCard>
|
||
</VCol>
|
||
</VRow>
|
||
</template>
|