GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-05-28 03:39:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

重构 TorrentItem 组件，移除未使用的函数，优化样式和过滤器菜单

Browse Source
This commit is contained in:
jxxghp
2025-03-31 13:24:14 +08:00
parent b70d03e86b
commit 9bd3aebd73
3 changed files with 69 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/views/torrent/TorrentCardListView.vue
View File

@@ -428,14 +428,44 @@ function loadMore({ done }: { done: any }) {
size="small"
:color="filterForm[key].length > 0 ? 'primary' : undefined"
:prepend-icon="getFilterIcon(key)"
@click="toggleFilterMenu(key)"
class="filter-btn"
rounded="pill"
>
{{ title }}
<VChip v-if="filterForm[key].length > 0" size="small" color="primary" class="ms-1" variant="elevated">{{
filterForm[key].length
}}</VChip>
<VChip v-if="filterForm[key].length > 0" size="small" color="primary" class="ms-1" variant="elevated">
{{ filterForm[key].length }}
</VChip>
<VMenu activator="parent" :close-on-content-click="false">
<VCard max-width="25rem">
<VCardText class="filter-menu-content">
<div class="text-end">
<VBtn variant="text" size="small" color="primary" @click="selectAll(key)"> 全选 </VBtn>
<VBtn
v-if="filterForm[key].length > 0"
variant="text"
size="small"
color="error"
@click="clearFilter(key)"
>
清除
</VBtn>
</div>
<VChipGroup v-model="filterForm[key]" column multiple class="filter-options">
<VChip
v-for="option in filterOptions[key]"
:key="option"
:value="option"
filter
variant="elevated"
class="ma-1 filter-chip"
size="small"
>
{{ option }}
</VChip>
</VChipGroup>
</VCardText>
</VCard>
</VMenu>
</VBtn>
<!-- 清除全部筛选按钮 -->
@@ -540,7 +570,7 @@ function loadMore({ done }: { done: any }) {
<VCard>
<VCardTitle class="py-2 d-flex align-center">
<VIcon :icon="getFilterIcon(currentFilter)" class="me-2"></VIcon>
<span>{{ currentFilterTitle }} 筛选</span>
<span>{{ currentFilterTitle }}</span>
<VSpacer />
<VBtn
v-if="filterForm[currentFilter].length > 0"
@@ -553,9 +583,7 @@ function loadMore({ done }: { done: any }) {
</VBtn>
<VBtn variant="text" size="small" color="primary" @click="selectAll(currentFilter)"> 全选 </VBtn>
</VCardTitle>
<VDivider />
<VCardText class="filter-menu-content pt-4">
<VChipGroup v-model="filterForm[currentFilter]" column multiple class="filter-options">
<VChip
@@ -571,7 +599,6 @@ function loadMore({ done }: { done: any }) {
</VChip>
</VChipGroup>
</VCardText>
<VCardActions>
<VSpacer />
<VBtn variant="elevated" color="primary" @click="filterMenuOpen = false"> 确定 </VBtn>
@@ -651,7 +678,6 @@ function loadMore({ done }: { done: any }) {
}
.filter-menu-content {
max-height: 300px;
overflow-y: auto;
}
@@ -728,7 +754,6 @@ function loadMore({ done }: { done: any }) {
.mobile-sort-select {
min-width: 110px;
max-width: 130px;
font-size: 0.8rem;
}
.filter-buttons-grid {

39
src/views/torrent/TorrentRowListView.vue
View File

@@ -361,10 +361,8 @@ function toggleFilterMenu(key: string) {
density="compact"
hide-details
class="sort-select"
prepend-icon="mdi-sort"
>
<template v-slot:prepend>
<VIcon size="small" icon="mdi-sort"></VIcon>
</template>
</VSelect>
<div class="filter-divider"></div>
@@ -378,7 +376,6 @@ function toggleFilterMenu(key: string) {
size="small"
:color="filterForm[key].length > 0 ? 'primary' : undefined"
:prepend-icon="getFilterIcon(key)"
@click="toggleFilterMenu(key)"
class="filter-btn"
rounded="pill"
>
@@ -386,6 +383,37 @@ function toggleFilterMenu(key: string) {
<VChip v-if="filterForm[key].length > 0" size="small" color="primary" class="ms-1" variant="elevated">
{{ filterForm[key].length }}
</VChip>
<VMenu activator="parent" :close-on-content-click="false">
<VCard max-width="20rem">
<VCardText class="filter-menu-content">
<div class="text-end">
<VBtn variant="text" size="small" color="primary" @click="selectAll(key)"> 全选 </VBtn>
<VBtn
v-if="filterForm[key].length > 0"
variant="text"
size="small"
color="error"
@click="clearFilter(key)"
>
清除
</VBtn>
</div>
<VChipGroup v-model="filterForm[key]" column multiple class="filter-options">
<VChip
v-for="option in filterOptions[key]"
:key="option"
:value="option"
filter
variant="elevated"
class="ma-1 filter-chip"
size="small"
>
{{ option }}
</VChip>
</VChipGroup>
</VCardText>
</VCard>
</VMenu>
</VBtn>
<!-- 清除全部筛选按钮 -->
@@ -489,7 +517,7 @@ function toggleFilterMenu(key: string) {
<VCard>
<VCardTitle class="py-2 d-flex align-center">
<VIcon :icon="getFilterIcon(currentFilter)" class="me-2"></VIcon>
<span>{{ currentFilterTitle }} 筛选</span>
<span>{{ currentFilterTitle }}</span>
<VSpacer />
<VBtn
v-if="filterForm[currentFilter].length > 0"
@@ -680,7 +708,6 @@ function toggleFilterMenu(key: string) {
.mobile-sort-select {
min-width: 110px;
max-width: 130px;
font-size: 0.8rem;
}
.filter-buttons-grid {