优化多个组件，调整样式和功能以提升用户体验，添加季数选择功能

src/components/cards/MediaCard.vue

@@ -12,6 +12,7 @@ import tmdbImage from '@images/logos/tmdb.png'
 import doubanImage from '@images/logos/douban-black.png'
 import bangumiImage from '@images/logos/bangumi.png'
 import { useUserStore } from '@/stores'
+import SearchSiteDialog from '@/components/dialog/SearchSiteDialog.vue'
 
 // 输入参数
 const props = defineProps({
@@ -84,8 +85,8 @@ const selectedSites = ref<number[]>([])
 // 搜索菜单显示状态
 const searchMenuShow = ref(false)
 
-// 全选/全不选按钮文字
+// 选择站点对话框
-const checkAllText = computed(() => (selectedSites.value.length === allSites.value.length ? '全不选' : '全选'))
+const chooseSiteDialog = ref(false)
 
 // 全选/全不选
 function checkAllSitesorNot() {
@@ -423,9 +424,11 @@ function goMediaDetail(isHovering = false) {
 
 // 点击搜索
 async function clickSearch() {
-  if (allSites.value?.length > 0) return
+  if (allSites.value?.length == 0) {
-  querySites()
+    querySites()
-  querySelectedSites()
+    querySelectedSites()
+  }
+  chooseSiteDialog.value = true
 }
 
 // 开始搜索
@@ -444,6 +447,13 @@ function handleSearch() {
   })
 }
 
+// 搜索多站点
+function searchSites(sites: number[]) {
+  chooseSiteDialog.value = false
+  selectedSites.value = sites
+  handleSearch()
+}
+
 // 懒加载检查
 function handleCheckLazy() {
   if (props.media?.collection_id) {
@@ -566,36 +576,7 @@ function onRemoveSubscribe() {
             </p>
             <div v-if="props.media?.collection_id" class="mb-3" @click.stop=""></div>
             <div v-else class="flex align-center justify-between">
-              <VMenu close-on-content-click v-model="searchMenuShow" max-width="450">
+              <IconBtn icon="mdi-magnify" color="white" @click.stop="clickSearch" />
-                <template v-slot:activator="{ props }">
-                  <IconBtn v-bind="props" icon="mdi-magnify" color="white" @click.stop="clickSearch" />
-                </template>
-                <VList>
-                  <VListItem>
-                    <VChipGroup v-model="selectedSites" column multiple @click.stop>
-                      <VChip
-                        v-for="site in allSites"
-                        :key="site.id"
-                        :color="selectedSites.includes(site.id) ? 'primary' : ''"
-                        filter
-                        variant="outlined"
-                        :value="site.id"
-                        size="small"
-                      >
-                        {{ site.name }}
-                      </VChip>
-                    </VChipGroup>
-                    <div>
-                      <VBtn size="small" variant="text" @click.stop="checkAllSitesorNot">
-                        {{ checkAllText }}
-                      </VBtn>
-                    </div>
-                  </VListItem>
-                  <VListItem>
-                    <VBtn @click="handleSearch" block>搜索</VBtn>
-                  </VListItem>
-                </VList>
-              </VMenu>
               <IconBtn icon="mdi-heart" :color="isSubscribed ? 'error' : 'white'" @click.stop="handleSubscribe" />
             </div>
           </VCardText>
@@ -701,4 +682,13 @@ function onRemoveSubscribe() {
     @save="subscribeEditDialog = false"
     @remove="onRemoveSubscribe"
   />
+  <!-- 站点选择对话框 -->
+  <SearchSiteDialog
+    v-if="chooseSiteDialog"
+    v-model="chooseSiteDialog"
+    :sites="allSites"
+    :selected="selectedSites"
+    @search="searchSites"
+    @close="chooseSiteDialog = false"
+  />
 </template>

src/components/cards/SiteCard.vue

@@ -332,7 +332,7 @@ onMounted(() => {
           </template>
           <span>测试站点连通性</span>
         </VTooltip>
-        <VTooltip>
+        <VTooltip v-if="!cardProps.site?.public">
           <template #activator="{ props }">
             <IconBtn v-bind="props" elevation="0" class="site-action-btn" @click.stop="handleSiteUserData">
               <VIcon icon="mdi-chart-bell-curve" size="18" />

src/components/dialog/ReorganizeDialog.vue

@@ -87,6 +87,7 @@ const transferForm = reactive<TransferForm>({
 
 // 所有媒体库目录
 const directories = ref<TransferDirectoryConf[]>([])
+
 // 查询目录
 async function loadDirectories() {
   try {

src/components/dialog/SearchBarDialog.vue

@@ -1,19 +1,15 @@
 <script setup lang="ts">
 import api from '@/api'
-import type { Plugin, Site, Subscribe } from '@/api/types'
+import type { Site, Plugin, Subscribe } from '@/api/types'
 import { SystemNavMenus, SettingTabs } from '@/router/menu'
 import { NavMenu } from '@/@layouts/types'
 import { useUserStore } from '@/stores'
-import { useTheme } from 'vuetify'
+import SearchSiteDialog from '@/components/dialog/SearchSiteDialog.vue'
-import { computed, onMounted, ref } from 'vue'
 
-// 定义站点信息接口
+// 定义props，接收modelValue
-interface SiteInfo {
+const props = defineProps<{
-  id: number
+  modelValue: boolean
-  name: string
+}>()
-  is_active: boolean
-  [key: string]: any
-}
 
 // 路由
 const router = useRouter()
@@ -27,10 +23,13 @@ const superUser = userStore.superUser
 // 当前用户名
 const userName = userStore.userName
 
-// 定义props，接收modelValue
+// 所有订阅数据
-const props = defineProps<{
+const SubscribeItems = ref<Subscribe[]>([])
-  modelValue: boolean
+
-}>()
+// 站点选择对话框
+const chooseSiteDialog = ref(false)
+const selectedSites = ref<number[]>([])
+const allSites = ref<Site[]>([])
 
 // 定义事件
 const emit = defineEmits(['close', 'update:modelValue'])
@@ -50,20 +49,6 @@ const searchWordInput = ref<HTMLElement | null>(null)
 // 近期搜索词条
 const recentSearches = ref<string[]>([])
 
-// 全选/全不选按钮文字
-const checkAllText = computed(() => {
-  return selectedSites.value.length < allSites.value.length ? '选择全部' : '取消全选'
-})
-
-// 全选/全不选
-const checkAllSitesorNot = () => {
-  if (selectedSites.value.length < allSites.value.length) {
-    selectedSites.value = allSites.value.map((item: SiteInfo) => item.id)
-  } else {
-    selectedSites.value = []
-  }
-}
-
 // 保存近期搜索到本地
 function saveRecentSearches(keyword: string) {
   if (!keyword) return
@@ -158,15 +143,6 @@ const matchedPluginItems = computed(() => {
   })
 })
 
-// 所有订阅数据
-const SubscribeItems = ref<Subscribe[]>([])
-
-// 站点选择对话框
-const showSiteDialog = ref(false)
-const siteFilter = ref('')
-const selectedSites = ref<number[]>([])
-const allSites = ref<SiteInfo[]>([])
-
 // 获取订阅列表数据
 async function fetchSubscribes() {
   try {
@@ -176,15 +152,6 @@ async function fetchSubscribes() {
   }
 }
 
-// 根据筛选条件过滤站点
-const filteredSites = computed(() => {
-  if (!siteFilter.value) return allSites.value
-  const filter = siteFilter.value.toLowerCase()
-  return allSites.value.filter((site: SiteInfo) => 
-    site.name.toLowerCase().includes(filter)
-  )
-})
-
 // 保存用户站点选择到本地
 const saveUserSitePreferences = () => {
   try {
@@ -219,34 +186,37 @@ const loadUserSitePreferences = async () => {
 
 // 获取站点分类信息
 const getSiteCategories = () => {
-  api.get('site/').then(async (res: any) => {
+  api
-    if (res && Array.isArray(res)) {
+    .get('site/')
-      allSites.value = res.filter((site: any) => site.is_active) || []
+    .then(async (res: any) => {
-      // 加载用户站点选择
+      if (res && Array.isArray(res)) {
-      await loadUserSitePreferences()
+        allSites.value = res.filter((site: any) => site.is_active) || []
-      // 如果没有选择任何站点并且有可用站点，才默认选择全部
+        // 加载用户站点选择
-      if (selectedSites.value.length === 0 && allSites.value.length > 0) {
+        await loadUserSitePreferences()
-        selectedSites.value = allSites.value.map((site: SiteInfo) => site.id)
+        // 如果没有选择任何站点并且有可用站点，才默认选择全部
+        if (selectedSites.value.length === 0 && allSites.value.length > 0) {
+          selectedSites.value = allSites.value.map((site: Site) => site.id)
+        }
+      } else if (res.data && Array.isArray(res.data)) {
+        allSites.value = res.data.filter((site: any) => site.is_active) || []
+        // 加载用户站点选择
+        await loadUserSitePreferences()
+        // 如果没有选择任何站点并且有可用站点，才默认选择全部
+        if (selectedSites.value.length === 0 && allSites.value.length > 0) {
+          selectedSites.value = allSites.value.map((site: Site) => site.id)
+        }
       }
-    } else if (res.data && Array.isArray(res.data)) {
+      console.log('站点数据:', allSites.value)
-      allSites.value = res.data.filter((site: any) => site.is_active) || []
+      console.log('已选站点:', selectedSites.value)
-      // 加载用户站点选择
+    })
-      await loadUserSitePreferences()
+    .catch(err => {
-      // 如果没有选择任何站点并且有可用站点，才默认选择全部
+      console.error('获取站点数据失败:', err)
-      if (selectedSites.value.length === 0 && allSites.value.length > 0) {
+    })
-        selectedSites.value = allSites.value.map((site: SiteInfo) => site.id)
-      }
-    }
-    console.log('站点数据:', allSites.value)
-    console.log('已选站点:', selectedSites.value)
-  }).catch(err => {
-    console.error('获取站点数据失败:', err)
-  })
 }
 
 // 打开站点选择对话框
 const openSiteDialog = () => {
-  showSiteDialog.value = true
+  chooseSiteDialog.value = true
 }
 
 // 匹配的订阅列表
@@ -258,8 +228,21 @@ const matchedSubscribeItems = computed(() => {
   })
 })
 
-// 搜索站点资源
+// 搜索多站点
-const searchTorrent = () => {
+function searchSites(sites: number[]) {
+  chooseSiteDialog.value = false
+  selectedSites.value = sites
+  searchTorrent()
+}
+
+// 选择站点
+function chooseSitesDone(sites: number[]) {
+  chooseSiteDialog.value = false
+  selectedSites.value = sites
+}
+
+// 搜索资源
+function searchTorrent() {
   if (!searchWord.value) return
   // 记录搜索词
   saveRecentSearches(searchWord.value)
@@ -413,9 +396,7 @@ onMounted(() => {
                     />
                   </div>
                 </template>
-                <VListItemTitle class="text-subtitle-1 font-weight-medium">
+                <VListItemTitle class="text-subtitle-1 font-weight-medium"> 电影、电视剧 </VListItemTitle>
-                  电影、电视剧
-                </VListItemTitle>
                 <VListItemSubtitle class="text-body-2 text-medium-emphasis mt-1">
                   搜索 <span class="primary-text font-weight-medium">{{ searchWord }}</span> 相关的影视作品
                 </VListItemSubtitle>
@@ -445,9 +426,7 @@ onMounted(() => {
                     />
                   </div>
                 </template>
-                <VListItemTitle class="text-subtitle-1 font-weight-medium">
+                <VListItemTitle class="text-subtitle-1 font-weight-medium"> 系列合集 </VListItemTitle>
-                  系列合集
-                </VListItemTitle>
                 <VListItemSubtitle class="text-body-2 text-medium-emphasis mt-1">
                   搜索 <span class="primary-text font-weight-medium">{{ searchWord }}</span> 相关的系列作品
                 </VListItemSubtitle>
@@ -477,9 +456,7 @@ onMounted(() => {
                     />
                   </div>
                 </template>
-                <VListItemTitle class="text-subtitle-1 font-weight-medium">
+                <VListItemTitle class="text-subtitle-1 font-weight-medium"> 演职人员 </VListItemTitle>
-                  演职人员
-                </VListItemTitle>
                 <VListItemSubtitle class="text-body-2 text-medium-emphasis mt-1">
                   搜索 <span class="primary-text font-weight-medium">{{ searchWord }}</span> 相关的演员、导演等
                 </VListItemSubtitle>
@@ -502,16 +479,10 @@ onMounted(() => {
               >
                 <template #prepend>
                   <div class="option-icon-wrapper d-flex align-center justify-center">
-                    <VIcon 
+                    <VIcon icon="mdi-history" :color="hover.isHovering ? 'primary' : 'medium-emphasis'" size="small" />
-                      icon="mdi-history" 
-                      :color="hover.isHovering ? 'primary' : 'medium-emphasis'"
-                      size="small"
-                    />
                   </div>
                 </template>
-                <VListItemTitle class="text-subtitle-1 font-weight-medium">
+                <VListItemTitle class="text-subtitle-1 font-weight-medium"> 整理记录 </VListItemTitle>
-                  整理记录
-                </VListItemTitle>
                 <VListItemSubtitle class="text-body-2 text-medium-emphasis mt-1">
                   搜索 <span class="primary-text font-weight-medium">{{ searchWord }}</span> 相关的历史记录
                 </VListItemSubtitle>
@@ -529,10 +500,7 @@ onMounted(() => {
               <span class="category-title">订阅内容</span>
             </VListSubheader>
 
-            <VHover
+            <VHover v-for="subscribe in matchedSubscribeItems" :key="subscribe.id">
-              v-for="subscribe in matchedSubscribeItems"
-              :key="subscribe.id"
-            >
               <template #default="hover">
                 <VListItem
                   density="comfortable"
@@ -552,7 +520,8 @@ onMounted(() => {
                     </div>
                   </template>
                   <VListItemTitle class="text-subtitle-1 font-weight-medium">
-                    {{ subscribe.name }}<span v-if="subscribe.season" class="text-body-2"> 第 {{ subscribe.season }} 季</span>
+                    {{ subscribe.name
+                    }}<span v-if="subscribe.season" class="text-body-2"> 第 {{ subscribe.season }} 季</span>
                   </VListItemTitle>
                   <VListItemSubtitle class="text-body-2 text-medium-emphasis mt-1">
                     {{ subscribe.type }}
@@ -622,11 +591,7 @@ onMounted(() => {
                 >
                   <template #prepend>
                     <div class="option-icon-wrapper d-flex align-center justify-center">
-                      <VIcon 
+                      <VIcon icon="mdi-puzzle" :color="hover.isHovering ? 'primary' : 'medium-emphasis'" size="small" />
-                        icon="mdi-puzzle" 
-                        :color="hover.isHovering ? 'primary' : 'medium-emphasis'"
-                        size="small"
-                      />
                     </div>
                   </template>
                   <VListItemTitle class="text-subtitle-1 font-weight-medium">
@@ -650,7 +615,7 @@ onMounted(() => {
               <span class="category-title">站点资源搜索</span>
             </VListSubheader>
 
-            <VCard class="mx-3 mx-sm-6 mb-4 mt-2 site-search-card" elevation="0">
+            <VCard class="mx-3 mx-sm-6 mb-4 mt-2 site-search-card">
               <VCardText class="pa-3 pa-sm-4">
                 <div class="d-flex flex-column">
                   <div class="d-flex align-center mb-3">
@@ -667,10 +632,9 @@ onMounted(() => {
                       color="primary"
                       @click="searchTorrent"
                       prepend-icon="mdi-magnify"
-                      rounded="pill"
                       size="small"
                       variant="flat"
-                      elevation="0"
+                      rounded="pill"
                       class="search-btn"
                     >
                       搜索
@@ -756,168 +720,17 @@ onMounted(() => {
   </VDialog>
 
   <!-- 站点选择对话框 -->
-  <VDialog v-model="showSiteDialog" max-width="640px" persistent fullscreen-mobile>
+  <SearchSiteDialog
-    <VCard class="site-dialog">
+    v-if="chooseSiteDialog"
-      <VCardTitle class="d-flex align-center pa-4">
+    v-model="chooseSiteDialog"
-        <span class="text-h6 font-weight-medium">选择搜索站点</span>
+    :sites="allSites"
-        <VSpacer />
+    :selected="selectedSites"
-        <VTextField
+    :savebtn="true"
-          v-model="siteFilter"
+    @search="searchSites"
-          placeholder="过滤站点..."
+    @close="chooseSiteDialog = false"
-          density="compact"
+    @reload="getSiteCategories"
-          variant="outlined"
+    @save="chooseSitesDone"
-          hide-details
+  />
-          class="ml-4"
-          style="max-width: 200px"
-          prepend-inner-icon="mdi-magnify"
-          clearable
-        />
-      </VCardTitle>
-      <VDivider class="search-divider" />
-      
-      <VCardText style="max-height: 420px" class="overflow-y-auto px-4 py-4">
-        <!-- 站点列表 -->
-        <div v-if="filteredSites.length > 0">
-          <!-- 选择操作 -->
-          <div class="d-flex align-center mb-4">
-            <VBtn
-              size="small"
-              :color="selectedSites.length < allSites.length ? 'primary' : 'error'"
-              @click="checkAllSitesorNot"
-              class="me-2"
-              variant="flat"
-              rounded="pill"
-              elevation="0"
-            >
-              <VIcon start size="small">
-                {{ selectedSites.length < allSites.length ? 'mdi-check-all' : 'mdi-close-circle-outline' }}
-              </VIcon>
-              {{ checkAllText }}
-            </VBtn>
-            <div class="text-body-2 font-weight-medium" :class="selectedSites.length > 0 ? 'text-primary' : 'text-medium-emphasis'">
-              已选择 {{ selectedSites.length }}/{{ allSites.length }} 个站点
-            </div>
-          </div>
-          
-          <!-- 站点选择器 -->
-          <VRow dense>
-            <VCol
-              v-for="site in filteredSites"
-              :key="site.id"
-              cols="6"
-              sm="6"
-              md="4"
-            >
-              <VHover v-slot="{ isHovering, props }">
-                <div
-                  v-bind="props"
-                  :class="[
-                    'site-checkbox-wrapper pa-2 pa-sm-3 rounded-lg d-flex align-center', 
-                    { 
-                      'site-selected': selectedSites.includes(site.id),
-                      'site-hover': isHovering && !selectedSites.includes(site.id)
-                    }
-                  ]"
-                  @click="() => {
-                    const index = selectedSites.indexOf(site.id);
-                    if (index === -1) {
-                      selectedSites.push(site.id);
-                    } else {
-                      selectedSites.splice(index, 1);
-                    }
-                  }"
-                >
-                  <VIcon
-                    :icon="selectedSites.includes(site.id) ? 'mdi-check-circle' : 'mdi-checkbox-blank-circle-outline'"
-                    :color="selectedSites.includes(site.id) ? 'primary' : 'medium-emphasis'"
-                    class="me-2"
-                    size="small"
-                  />
-                  <span :class="[
-                    'text-body-2 site-name',
-                    { 'font-weight-medium': selectedSites.includes(site.id) }
-                  ]">
-                    {{ site.name }}
-                  </span>
-                </div>
-              </VHover>
-            </VCol>
-          </VRow>
-        </div>
-        <div v-else class="text-center py-8 empty-site-state">
-          <div class="search-icon-wrapper mb-4 mx-auto warning">
-            <VIcon icon="mdi-alert-circle-outline" size="large" color="warning" />
-          </div>
-          <div class="text-h6 font-weight-medium mb-2">没有找到匹配的站点</div>
-          <div class="text-subtitle-1 text-medium-emphasis mb-4">
-            {{ siteFilter ? '请尝试修改过滤条件' : '站点数据加载失败，请刷新页面重试' }}
-          </div>
-          <VBtn
-            v-if="siteFilter"
-            color="primary"
-            variant="flat"
-            class="mt-3"
-            prepend-icon="mdi-refresh"
-            rounded="pill"
-            elevation="0"
-            @click="siteFilter = ''"
-          >
-            清除过滤条件
-          </VBtn>
-          <VBtn
-            v-else
-            color="primary"
-            variant="flat"
-            class="mt-3"
-            prepend-icon="mdi-refresh"
-            rounded="pill"
-            elevation="0"
-            @click="getSiteCategories"
-          >
-            重新加载站点
-          </VBtn>
-        </div>
-      </VCardText>
-      
-      <VDivider class="search-divider" />
-      
-      <VCardActions class="pa-4">
-        <VSpacer />
-        <VBtn
-          color="grey-darken-1"
-          variant="text"
-          @click="showSiteDialog = false"
-          rounded="pill"
-          class="mr-2 d-flex align-center justify-center"
-        >
-          取消
-        </VBtn>
-        <VBtn
-          color="success"
-          variant="flat"
-          @click="showSiteDialog = false"
-          rounded="pill"
-          elevation="0"
-          class="mr-2 d-flex align-center justify-center"
-          :disabled="selectedSites.length === 0"
-        >
-          确定
-        </VBtn>
-        <VBtn
-          color="primary"
-          variant="flat"
-          :disabled="selectedSites.length === 0"
-          @click="() => { searchTorrent(); showSiteDialog = false; }"
-          prepend-icon="mdi-magnify"
-          rounded="pill"
-          elevation="0"
-          class="d-flex align-center justify-center"
-        >
-          直接搜索
-        </VBtn>
-      </VCardActions>
-    </VCard>
-  </VDialog>
 </template>
 
 <style scoped>
@@ -945,7 +758,7 @@ onMounted(() => {
 .close-btn {
   position: absolute;
   right: 1.2rem;
-  top: 1.2rem;
+  top: 1.4rem;
   background-color: rgba(var(--v-theme-on-surface), 0.04);
   border-radius: 50%;
   width: 36px;
@@ -1027,35 +840,10 @@ onMounted(() => {
   background-color: rgb(var(--v-theme-background));
 }
 
-.site-checkbox-wrapper {
+.site-search-card {
-  cursor: pointer;
-  transition: transform 0.2s ease, background-color 0.2s ease;
   border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
-}
+  border-radius: 14px;
-
+  background-color: rgb(var(--v-theme-surface));
-.site-checkbox-wrapper:hover {
-  transform: translateY(-2px);
-}
-
-.site-name {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.site-selected {
-  background-color: rgba(var(--v-theme-primary), 0.08);
-  color: rgb(var(--v-theme-primary));
-  border-color: rgba(var(--v-theme-primary), 0.2);
-}
-
-.site-hover {
-  background-color: rgba(var(--v-theme-primary), 0.04);
-}
-
-.site-chips-container {
-  border-radius: 10px;
-  background-color: rgba(var(--v-theme-surface-variant), 0.06);
 }
 
 .site-chip {
@@ -1068,12 +856,6 @@ onMounted(() => {
   color: rgb(var(--v-theme-primary));
 }
 
-.site-search-card {
-  border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
-  border-radius: 14px;
-  background-color: rgb(var(--v-theme-surface));
-}
-
 .search-btn {
   min-width: 70px;
   font-weight: 500;
@@ -1111,6 +893,11 @@ onMounted(() => {
   padding: 0 12px;
 }
 
+.site-chips-container {
+  border-radius: 10px;
+  background-color: rgba(var(--v-theme-surface-variant), 0.06);
+}
+
 @media (max-width: 600px) {
   .search-box-container {
     padding: 16px;
@@ -1122,7 +909,7 @@ onMounted(() => {
 
   .close-btn {
     right: 0.8rem;
-    top: 0.8rem;
+    top: 1rem;
     width: 32px;
     height: 32px;
   }

src/components/dialog/SearchSiteDialog.vue

@@ -0,0 +1,218 @@
+<script setup lang="ts">
+import type { Site, Plugin, Subscribe } from '@/api/types'
+import { PropType } from 'vue'
+
+const props = defineProps({
+  sites: {
+    type: Array as PropType<Site[]>,
+    required: true,
+  },
+  selected: Array as PropType<Number[]>,
+  savebtn: {
+    type: Boolean,
+    default: false,
+  },
+})
+
+// 定义事件
+const emit = defineEmits(['close', 'search', 'reload', 'save'])
+
+// 过滤词
+const siteFilter = ref('')
+
+// 已选择站点
+const selectedSites = ref<any[]>(props.selected || [])
+
+// 全选/全不选按钮文字
+const checkAllText = computed(() => {
+  return selectedSites.value.length < props.sites?.length ? '选择全部' : '取消全选'
+})
+
+// 全选/全不选
+const checkAllSitesorNot = () => {
+  if (selectedSites.value.length < props.sites?.length) {
+    selectedSites.value = props.sites?.map((item: Site) => item.id)
+  } else {
+    selectedSites.value = []
+  }
+}
+
+// 根据筛选条件过滤站点
+const filteredSites = computed(() => {
+  if (!siteFilter.value) return props.sites
+  const filter = siteFilter.value.toLowerCase()
+  return props.sites?.filter((site: Site) => site.name.toLowerCase().includes(filter))
+})
+</script>
+<template>
+  <!-- 手动整理进度框 -->
+  <VDialog max-width="40rem" persistent fullscreen-mobile>
+    <VCard class="site-dialog">
+      <VCardTitle class="d-flex align-center pa-4">
+        <span class="text-h6 font-weight-medium">选择搜索站点</span>
+        <VSpacer />
+        <VTextField
+          v-model="siteFilter"
+          placeholder="过滤站点..."
+          density="compact"
+          variant="outlined"
+          hide-details
+          class="ml-4"
+          style="max-width: 200px"
+          prepend-inner-icon="mdi-magnify"
+          clearable
+        />
+      </VCardTitle>
+      <VDivider class="search-divider" />
+
+      <VCardText style="max-height: 420px" class="overflow-y-auto px-4 py-4">
+        <!-- 站点列表 -->
+        <div v-if="filteredSites.length > 0">
+          <!-- 选择操作 -->
+          <div class="d-flex align-center mb-4">
+            <VBtn
+              size="small"
+              :color="selectedSites.length < sites.length ? 'primary' : 'error'"
+              @click="checkAllSitesorNot"
+              class="me-2"
+              rounded="pill"
+              variant="flat"
+            >
+              <VIcon start size="small">
+                {{ selectedSites.length < sites.length ? 'mdi-check-all' : 'mdi-close-circle-outline' }}
+              </VIcon>
+              {{ checkAllText }}
+            </VBtn>
+            <div
+              class="text-body-2 font-weight-medium"
+              :class="selectedSites.length > 0 ? 'text-primary' : 'text-medium-emphasis'"
+            >
+              已选择 {{ selectedSites.length }}/{{ sites.length }} 个站点
+            </div>
+          </div>
+
+          <!-- 站点选择器 -->
+          <VRow dense>
+            <VCol v-for="site in filteredSites" :key="site.id" cols="6" sm="6" md="4">
+              <VHover v-slot="{ isHovering, props }">
+                <div
+                  v-bind="props"
+                  :class="[
+                    'site-checkbox-wrapper pa-2 pa-sm-3 rounded-lg d-flex align-center',
+                    {
+                      'site-selected': selectedSites.includes(site.id),
+                      'site-hover': isHovering && !selectedSites.includes(site.id),
+                    },
+                  ]"
+                  @click="
+                    () => {
+                      const index = selectedSites.indexOf(site.id)
+                      if (index === -1) {
+                        selectedSites.push(site.id)
+                      } else {
+                        selectedSites.splice(index, 1)
+                      }
+                    }
+                  "
+                >
+                  <VIcon
+                    :icon="selectedSites.includes(site.id) ? 'mdi-check-circle' : 'mdi-checkbox-blank-circle-outline'"
+                    :color="selectedSites.includes(site.id) ? 'primary' : 'medium-emphasis'"
+                    class="me-2"
+                    size="small"
+                  />
+                  <span :class="['text-body-2 site-name', { 'font-weight-medium': selectedSites.includes(site.id) }]">
+                    {{ site.name }}
+                  </span>
+                </div>
+              </VHover>
+            </VCol>
+          </VRow>
+        </div>
+        <div v-else class="text-center py-8 empty-site-state">
+          <div class="search-icon-wrapper mb-4 mx-auto warning">
+            <VIcon icon="mdi-alert-circle-outline" size="large" color="warning" />
+          </div>
+          <div class="text-h6 font-weight-medium mb-2">没有找到匹配的站点</div>
+          <div class="text-subtitle-1 text-medium-emphasis mb-4">
+            {{ siteFilter ? '请尝试修改过滤条件' : '站点数据加载失败，请刷新页面重试' }}
+          </div>
+          <VBtn
+            v-if="siteFilter"
+            color="primary"
+            variant="flat"
+            class="mt-3"
+            prepend-icon="mdi-refresh"
+            @click="siteFilter = ''"
+          >
+            重置
+          </VBtn>
+          <VBtn v-else color="primary" variant="flat" class="mt-3" prepend-icon="mdi-refresh" @click="emit('reload')">
+            重新加载站点
+          </VBtn>
+        </div>
+      </VCardText>
+
+      <VDivider class="search-divider" />
+
+      <VCardActions class="pa-4">
+        <VSpacer />
+        <VBtn
+          color="grey-darken-1"
+          variant="text"
+          @click="emit('close')"
+          class="mr-2 d-flex align-center justify-center"
+        >
+          取消
+        </VBtn>
+        <VBtn
+          v-if="savebtn"
+          color="success"
+          variant="flat"
+          @click="emit('save', selectedSites)"
+          class="mr-2 d-flex align-center justify-center"
+          :disabled="selectedSites.length === 0"
+        >
+          确定
+        </VBtn>
+        <VBtn
+          color="primary"
+          variant="flat"
+          :disabled="selectedSites.length === 0"
+          @click="emit('search', selectedSites)"
+          prepend-icon="mdi-magnify"
+          class="d-flex align-center justify-center px-5"
+        >
+          搜索
+        </VBtn>
+      </VCardActions>
+    </VCard>
+  </VDialog>
+</template>
+<style scoped>
+.site-checkbox-wrapper {
+  cursor: pointer;
+  transition: transform 0.2s ease, background-color 0.2s ease;
+  border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
+}
+
+.site-checkbox-wrapper:hover {
+  transform: translateY(-2px);
+}
+
+.site-name {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.site-selected {
+  background-color: rgba(var(--v-theme-primary), 0.08);
+  color: rgb(var(--v-theme-primary));
+  border-color: rgba(var(--v-theme-primary), 0.2);
+}
+
+.site-hover {
+  background-color: rgba(var(--v-theme-primary), 0.04);
+}
+</style>

src/components/dialog/SiteAddEditDialog.vue

@@ -143,7 +143,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <VDialog scrollable :close-on-back="false" eager max-width="50rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable :close-on-back="false" eager max-width="45rem" :fullscreen="!display.mdAndUp.value">
     <VCard
       :title="`${props.oper === 'add' ? '新增' : '编辑'}站点${props.oper !== 'add' ? ` - ${siteForm.name}` : ''}`"
       class="rounded-t"

src/components/dialog/SiteUserDataDialog.vue

@@ -295,7 +295,7 @@ onBeforeMount(async () => {
             <VCard>
               <VCardText class="d-flex align-center">
                 <div class="d-flex justify-space-between" style="inline-size: 100%">
-                  <div class="d-flex flex-column gap-y-1">
+                  <div class="d-flex flex-column gap-y-1 overflow-hidden">
                     <span class="text-base">用户等级</span>
                     <h5 class="text-h5 d-flex align-center gap-2 text-wrap">
                       {{ siteData?.user_level || '无' }}
@@ -313,7 +313,7 @@ onBeforeMount(async () => {
             <VCard>
               <VCardText class="d-flex align-center">
                 <div class="d-flex justify-space-between" style="inline-size: 100%">
-                  <div class="d-flex flex-column gap-y-1">
+                  <div class="d-flex flex-column gap-y-1 overflow-hidden">
                     <span class="text-base">积分</span>
                     <h5 class="text-h5 d-flex align-center gap-2 text-wrap">
                       {{ siteData?.bonus?.toLocaleString() }}
@@ -355,7 +355,7 @@ onBeforeMount(async () => {
             <VCard>
               <VCardText class="d-flex align-center">
                 <div class="d-flex justify-space-between" style="inline-size: 100%">
-                  <div class="d-flex flex-column gap-y-1">
+                  <div class="d-flex flex-column gap-y-1 overflow-hidden">
                     <span class="text-base">总上传量</span>
                     <h5 class="text-h5 d-flex align-center gap-2 text-wrap">
                       {{ formatFileSize(siteData?.upload || 0) }}
@@ -376,7 +376,7 @@ onBeforeMount(async () => {
             <VCard>
               <VCardText class="d-flex align-center">
                 <div class="d-flex justify-space-between" style="inline-size: 100%">
-                  <div class="d-flex flex-column gap-y-1">
+                  <div class="d-flex flex-column gap-y-1 overflow-hidden">
                     <span class="text-base">总下载量</span>
                     <h5 class="text-h5 d-flex align-center gap-2 text-wrap">
                       {{ formatFileSize(siteData?.download || 0) }}
@@ -397,7 +397,7 @@ onBeforeMount(async () => {
             <VCard>
               <VCardText class="d-flex align-center">
                 <div class="d-flex justify-space-between" style="inline-size: 100%">
-                  <div class="d-flex flex-column gap-y-1">
+                  <div class="d-flex flex-column gap-y-1 overflow-hidden">
                     <span class="text-base">总做种数</span>
                     <h5 class="text-h5 d-flex align-center gap-2 text-wrap">
                       {{ siteData?.seeding?.toLocaleString() }}
@@ -418,7 +418,7 @@ onBeforeMount(async () => {
             <VCard>
               <VCardText class="d-flex align-center">
                 <div class="d-flex justify-space-between" style="inline-size: 100%">
-                  <div class="d-flex flex-column gap-y-1">
+                  <div class="d-flex flex-column gap-y-1 overflow-hidden">
                     <span class="text-base">总做种体积</span>
                     <h5 class="text-h5 d-flex align-center gap-2 text-wrap">
                       {{ formatFileSize(siteData?.seeding_size || 0) }}
@@ -439,7 +439,7 @@ onBeforeMount(async () => {
             <VCard>
               <VCardText class="d-flex align-center">
                 <div class="d-flex justify-space-between" style="inline-size: 100%">
-                  <div class="d-flex flex-column gap-y-1">
+                  <div class="d-flex flex-column gap-y-1 overflow-hidden">
                     <span class="text-base">加入时间</span>
                     <h5 class="text-h5 d-flex align-center gap-2 text-wrap">
                       {{ siteData?.join_at?.split(' ')[0] }}

src/components/dialog/SubscribeEditDialog.vue

@@ -64,6 +64,14 @@ const downloaderOptions = ref<{ title: string; value: string }[]>([])
 // 剧集组选项
 const episodeGroupOptions = ref<{ title: string; subtitle: string; value: number }[]>([])
 
+// 生成1到100季的下拉框选项
+const seasonItems = ref(
+  Array.from({ length: 101 }, (_, i) => i).map(item => ({
+    title: `第 ${item} 季`,
+    value: item,
+  })),
+)
+
 // 剧集组选项属性
 function episodeGroupItemProps(item: { title: string; subtitle: string }) {
   return {
@@ -526,7 +534,16 @@ onMounted(() => {
                       persistent-hint
                     />
                   </VCol>
-                  <VCol cols="12" md="6" v-if="!props.default">
+                  <VCol v-if="!props.default && subscribeForm.type === '电视剧'" cols="12" md="6">
+                    <VSelect
+                      v-model="subscribeForm.season"
+                      :items="seasonItems"
+                      label="指定季"
+                      hint="指定任意季订阅"
+                      persistent-hint
+                    />
+                  </VCol>
+                  <VCol cols="12" v-if="!props.default">
                     <VTextField
                       v-model="subscribeForm.media_category"
                       label="自定义类别"

src/components/dialog/UserAddEditDialog.vue

@@ -58,7 +58,7 @@ const statusItems = [
 
 // 扩展User类型以包含note字段
 interface ExtendedUser extends User {
-  nickname?: string;
+  nickname?: string
 }
 
 // 用户编辑表单数据
@@ -79,7 +79,7 @@ const userForm = ref<ExtendedUser>({
     vocechat_userid: null,
     synologychat_userid: null,
   },
-  nickname: '',  // 昵称字段
+  nickname: '', // 昵称字段
 })
 
 // 更新头像
@@ -200,9 +200,9 @@ async function updateUser() {
   // 将nickname保存到settings中，后端可以直接处理JSON对象
   if (userForm.value.nickname) {
     if (!userForm.value.settings) {
-      userForm.value.settings = {};
+      userForm.value.settings = {}
     }
-    userForm.value.settings.nickname = userForm.value.nickname;
+    userForm.value.settings.nickname = userForm.value.nickname
   }
 
   const oldUserName = userForm.value.name
@@ -213,7 +213,7 @@ async function updateUser() {
   startNProgress()
   try {
     // 确保昵称保存，使用一个临时变量存储完整数据
-    const userData = { ...userForm.value };
+    const userData = { ...userForm.value }
 
     const result: { [key: string]: any } = await api.put('user/', userData)
 
@@ -286,7 +286,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <VDialog scrollable :close-on-back="false" eager max-width="50rem" :fullscreen="!display.mdAndUp.value">
+  <VDialog scrollable :close-on-back="false" eager max-width="40rem" :fullscreen="!display.mdAndUp.value">
     <VCard
       :title="`${props.oper === 'add' ? '新增' : '编辑'}用户${props.oper !== 'add' ? ` - ${userName}` : ''}`"
       class="rounded-t"

src/layouts/components/SearchBar.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import * as Mousetrap from 'mousetrap'
-import SearchBarView from '@/views/system/SearchBarView.vue'
+import SearchBarDialog from '@/components/dialog/SearchBarDialog.vue'
 import { useDisplay } from 'vuetify'
 
 const display = useDisplay()
@@ -36,7 +36,7 @@ const metaKey = computed(() => (isMac() ? '⌘+K' : 'Ctrl+K'))
     </span>
   </div>
   <!-- 搜索弹窗 -->
-  <SearchBarView v-model="searchDialog" v-if="searchDialog" @close="searchDialog = false" />
+  <SearchBarDialog v-model="searchDialog" v-if="searchDialog" @close="searchDialog = false" />
 </template>
 <style type="scss" scoped>
 .meta-key {

src/views/discover/MediaDetailView.vue

@@ -8,9 +8,10 @@ import NoDataFound from '@/components/NoDataFound.vue'
 import { doneNProgress, startNProgress } from '@/api/nprogress'
 import { formatSeason } from '@/@core/utils/formatters'
 import router from '@/router'
-import SubscribeEditDialog from '@/components/dialog/SubscribeEditDialog.vue'
 import { isNullOrEmptyObject } from '@/@core/utils'
 import { useUserStore } from '@/stores'
+import SubscribeEditDialog from '@/components/dialog/SubscribeEditDialog.vue'
+import SearchSiteDialog from '@/components/dialog/SearchSiteDialog.vue'
 
 // 输入参数
 const mediaProps = defineProps({
@@ -68,17 +69,8 @@ const selectedSites = ref<number[]>([])
 // 搜索方式 title/imdbid
 const searchType = ref('title')
 
-// 全选/全不选按钮文字
+// 选择站点对话框
-const checkAllText = computed(() => (selectedSites.value.length === allSites.value.length ? '全不选' : '全选'))
+const chooseSiteDialog = ref(false)
-
-// 全选/全不选
-function checkAllSitesorNot() {
-  if (selectedSites.value.length === allSites.value.length) {
-    selectedSites.value = []
-  } else {
-    selectedSites.value = allSites.value.map(item => item.id)
-  }
-}
 
 // 查询所有站点
 async function querySites() {
@@ -503,10 +495,20 @@ function onSubscribeEditRemove() {
 }
 
 // 点击搜索
-async function clickSearch() {
+async function clickSearch(type: string) {
-  if (allSites.value?.length > 0) return
+  searchType.value = type
-  querySites()
+  if (allSites.value?.length == 0) {
-  querySelectedSites()
+    querySites()
+    querySelectedSites()
+  }
+  chooseSiteDialog.value = true
+}
+
+// 搜索多站点
+function searchSites(sites: number[]) {
+  chooseSiteDialog.value = false
+  selectedSites.value = sites
+  handleSearch()
 }
 
 onBeforeMount(() => {
@@ -570,42 +572,18 @@ onBeforeMount(() => {
             variant="tonal"
             color="info"
             class="mb-2"
-            @click="clickSearch"
           >
             <template #prepend>
               <VIcon icon="mdi-magnify" />
             </template>
             搜索资源
-            <VMenu activator="parent" close-on-content-click max-width="450">
+            <VMenu activator="parent" close-on-content-click>
               <VList>
-                <VListItem>
+                <VListItem @click="clickSearch('title')">
-                  <VBtnToggle v-model="searchType" color="primary" @click.stop>
+                  <VListItemTitle>标题</VListItemTitle>
-                    <VBtn value="title">标题</VBtn>
-                    <VBtn value="imdbid" v-show="mediaDetail.imdb_id">IMDB链接</VBtn>
-                  </VBtnToggle>
                 </VListItem>
-                <VListItem>
+                <VListItem @click="clickSearch('imdb')">
-                  <VChipGroup v-model="selectedSites" column multiple @click.stop>
+                  <VListItemTitle>IMDB链接</VListItemTitle>
-                    <VChip
-                      v-for="site in allSites"
-                      :key="site.id"
-                      :color="selectedSites.includes(site.id) ? 'primary' : ''"
-                      filter
-                      variant="outlined"
-                      :value="site.id"
-                      size="small"
-                    >
-                      {{ site.name }}
-                    </VChip>
-                  </VChipGroup>
-                  <div>
-                    <VBtn size="small" variant="text" @click.stop="checkAllSitesorNot">
-                      {{ checkAllText }}
-                    </VBtn>
-                  </div>
-                </VListItem>
-                <VListItem>
-                  <VBtn @click="handleSearch" block>搜索</VBtn>
                 </VListItem>
               </VList>
             </VMenu>
@@ -974,6 +952,15 @@ onBeforeMount(() => {
     @save="subscribeEditDialog = false"
     @remove="onSubscribeEditRemove"
   />
+  <!-- 站点选择对话框 -->
+  <SearchSiteDialog
+    v-if="chooseSiteDialog"
+    v-model="chooseSiteDialog"
+    :sites="allSites"
+    :selected="selectedSites"
+    @search="searchSites"
+    @close="chooseSiteDialog = false"
+  />
 </template>
 
 <style lang="scss" scoped>