mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-09-06 16:16:42 +08:00
Refactor SubscribeFilesDialog component to improve layout and text size handling
This commit is contained in:
@@ -2,7 +2,6 @@
|
|||||||
import api from '@/api'
|
import api from '@/api'
|
||||||
import { SubscrbieInfo } from '@/api/types'
|
import { SubscrbieInfo } from '@/api/types'
|
||||||
import { useDisplay } from 'vuetify'
|
import { useDisplay } from 'vuetify'
|
||||||
import { VCardTitle } from 'vuetify/lib/components/index.mjs'
|
|
||||||
|
|
||||||
// 显示器宽度
|
// 显示器宽度
|
||||||
const display = useDisplay()
|
const display = useDisplay()
|
||||||
@@ -44,7 +43,7 @@ async function loadSubscribeFilesInfo() {
|
|||||||
|
|
||||||
// 计算下载文件列表
|
// 计算下载文件列表
|
||||||
const downloadInfos = computed(() => {
|
const downloadInfos = computed(() => {
|
||||||
return Object.keys(subScribeInfo.value?.episodes ?? {}).map((key: number) => {
|
return Object.keys(subScribeInfo.value?.episodes ?? {}).map((key: any) => {
|
||||||
const item = subScribeInfo.value?.episodes[key]
|
const item = subScribeInfo.value?.episodes[key]
|
||||||
return {
|
return {
|
||||||
episode_number: key,
|
episode_number: key,
|
||||||
@@ -61,7 +60,7 @@ const totalCount = computed(() => {
|
|||||||
|
|
||||||
// 计算媒体库文件列表
|
// 计算媒体库文件列表
|
||||||
const libraryInfos = computed(() => {
|
const libraryInfos = computed(() => {
|
||||||
return Object.keys(subScribeInfo.value?.episodes ?? {}).map((key: number) => {
|
return Object.keys(subScribeInfo.value?.episodes ?? {}).map((key: any) => {
|
||||||
const item = subScribeInfo.value?.episodes[key]
|
const item = subScribeInfo.value?.episodes[key]
|
||||||
return {
|
return {
|
||||||
episode_number: key,
|
episode_number: key,
|
||||||
@@ -151,12 +150,12 @@ onBeforeMount(() => {
|
|||||||
<div class="text-high-emphasis pt-1">{{ item.episode_number }}. {{ item.title }}</div>
|
<div class="text-high-emphasis pt-1">{{ item.episode_number }}. {{ item.title }}</div>
|
||||||
</template>
|
</template>
|
||||||
<template #item.torrent_title="{ item }">
|
<template #item.torrent_title="{ item }">
|
||||||
<div class="text-sm" v-for="file in item.download">
|
<div class="text-xs" v-for="file in item.download">
|
||||||
【{{ file.site_name }}】{{ file.torrent_name }}
|
【{{ file.site_name }}】{{ file.torrent_title }}
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<template #item.file_path="{ item }">
|
<template #item.file_path="{ item }">
|
||||||
<div class="text-sm" v-for="file in item.download">{{ file.file_path }}</div>
|
<div class="text-xs" v-for="file in item.download">{{ file.file_path }}</div>
|
||||||
</template>
|
</template>
|
||||||
<template #no-data> 没有数据 </template>
|
<template #no-data> 没有数据 </template>
|
||||||
</VDataTable>
|
</VDataTable>
|
||||||
@@ -182,7 +181,7 @@ onBeforeMount(() => {
|
|||||||
<div class="text-high-emphasis pt-1">{{ item.episode_number }}. {{ item.title }}</div>
|
<div class="text-high-emphasis pt-1">{{ item.episode_number }}. {{ item.title }}</div>
|
||||||
</template>
|
</template>
|
||||||
<template #item.file_path="{ item }">
|
<template #item.file_path="{ item }">
|
||||||
<div class="text-sm" v-for="file in item.library">【{{ file.storage }}】{{ file.file_path }}</div>
|
<div class="text-xs" v-for="file in item.library">{{ file.file_path }}</div>
|
||||||
</template>
|
</template>
|
||||||
<template #no-data> 没有数据 </template>
|
<template #no-data> 没有数据 </template>
|
||||||
</VDataTable>
|
</VDataTable>
|
||||||
|
|||||||
Reference in New Issue
Block a user