From 5e587dfd88c5cda84fef7e9ea5e36f32b06b8ff2 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Tue, 18 Feb 2025 16:27:31 +0800
Subject: [PATCH] =?UTF-8?q?feat(SiteResource):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E7=AB=99=E7=82=B9=E8=B5=84=E6=BA=90=E5=88=86=E7=B1=BB=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD=E5=B9=B6=E4=BC=98=E5=8C=96=E8=B5=84=E6=BA=90=E6=9F=A5?=
 =?UTF-8?q?=E8=AF=A2=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/types.ts                             |  7 ++
 src/components/cards/SiteCard.vue            |  8 +-
 src/components/dialog/SiteResourceDialog.vue | 81 ++++++++++++++++----
 3 files changed, 76 insertions(+), 20 deletions(-)

diff --git a/src/api/types.ts b/src/api/types.ts
index e777a705..83336ab3 100644
--- a/src/api/types.ts
+++ b/src/api/types.ts
@@ -1254,3 +1254,10 @@ export interface RecommendSource {
   // 媒体数据源API地址
   api_path: string
 }
+
+// 站点资源分类
+export interface SiteCategory {
+  id: number
+  cat: string
+  desc: string
+}
diff --git a/src/components/cards/SiteCard.vue b/src/components/cards/SiteCard.vue
index bf5e9253..27a41c93 100644
--- a/src/components/cards/SiteCard.vue
+++ b/src/components/cards/SiteCard.vue
@@ -153,7 +153,7 @@ onMounted(() => {
     <VCard
       :variant="cardProps.site?.is_active ? 'elevated' : 'outlined'"
       class="overflow-hidden h-full flex flex-col"
-      @click="siteEditDialog = true"
+      @click="handleResourceBrowse"
     >
       <template #image>
         <VAvatar class="absolute right-2 bottom-2 rounded" variant="flat" rounded="0">
@@ -195,11 +195,11 @@ onMounted(() => {
           <VIcon icon="mdi-chevron-down" color="primary" />
           <VMenu activator="parent" close-on-content-click>
             <VList>
-              <VListItem variant="plain" @click="handleResourceBrowse">
+              <VListItem variant="plain" @click="siteEditDialog = true" base-color="info">
                 <template #prepend>
-                  <VIcon icon="mdi-search-web" />
+                  <VIcon icon="mdi-file-edit-outline" />
                 </template>
-                <VListItemTitle>浏览站点资源</VListItemTitle>
+                <VListItemTitle>编辑站点</VListItemTitle>
               </VListItem>
               <VListItem variant="plain" @click="handleSiteUserData">
                 <template #prepend>
diff --git a/src/components/dialog/SiteResourceDialog.vue b/src/components/dialog/SiteResourceDialog.vue
index 1fafcd48..da609021 100644
--- a/src/components/dialog/SiteResourceDialog.vue
+++ b/src/components/dialog/SiteResourceDialog.vue
@@ -1,19 +1,31 @@
 <script setup lang="ts">
 import { Site } from '@/api/types'
-import { useDisplay } from 'vuetify'
 import api from '@/api'
-import type { TorrentInfo } from '@/api/types'
+import type { TorrentInfo, SiteCategory } from '@/api/types'
 import { formatFileSize } from '@core/utils/formatters'
 import AddDownloadDialog from '../dialog/AddDownloadDialog.vue'
 
-// 显示器宽度
-const display = useDisplay()
-
 // 输入参数
 const props = defineProps({
   site: Object as PropType<Site>,
 })
 
+// 关键字
+const keyword = ref<string>()
+
+// 选择分类
+const selectCategory = ref<number[]>([])
+
+// 全部分类
+const siteCategoryList = ref<SiteCategory[]>()
+
+// 分类选项
+const categoryOptions = computed(() => {
+  return siteCategoryList.value?.map(item => {
+    return { title: item.desc, value: item.id }
+  })
+})
+
 // 注册事件
 const emit = defineEmits(['close'])
 
@@ -55,17 +67,6 @@ async function downloadTorrentFile(enclosure: string) {
   window.open(enclosure, '_blank')
 }
 
-// 调用API，查询站点资源
-async function getResourceList() {
-  resourceLoading.value = true
-  try {
-    resourceDataList.value = await api.get(`site/resource/${props.site?.id}`)
-    resourceLoading.value = false
-  } catch (error) {
-    console.error(error)
-  }
-}
-
 // 促销Chip类
 function getVolumeFactorClass(downloadVolume: number, uploadVolume: number) {
   if (downloadVolume === 0) return 'text-white bg-lime-500'
@@ -93,8 +94,34 @@ function addDownloadError(error: string) {
   addDownloadDialog.value = false
 }
 
+// 调用API，查询站点资源
+async function getResourceList() {
+  resourceLoading.value = true
+  try {
+    resourceDataList.value = await api.get(`site/resource/${props.site?.id}`, {
+      params: {
+        keyword: keyword.value,
+        cat: selectCategory.value?.join(','),
+      },
+    })
+  } catch (error) {
+    console.error(error)
+  }
+  resourceLoading.value = false
+}
+
+// 加载站点分类
+async function getSiteCategoryList() {
+  try {
+    siteCategoryList.value = await api.get(`site/category/${props.site?.id}`)
+  } catch (error) {
+    console.error(error)
+  }
+}
+
 // 装载时查询站点图标
 onMounted(() => {
+  getSiteCategoryList()
   getResourceList()
 })
 </script>
@@ -113,6 +140,28 @@ onMounted(() => {
           </VToolbarItems>
         </VToolbar>
       </div>
+      <div class="p-3">
+        <VRow>
+          <VCol cols="6" md="5">
+            <VTextField v-model="keyword" size="small" density="compact" label="搜索关键字" clearable />
+          </VCol>
+          <VCol cols="6" md="5">
+            <VSelect
+              v-model="selectCategory"
+              :items="categoryOptions"
+              size="small"
+              density="compact"
+              chips
+              label="资源分类"
+              multiple
+              clearable
+            />
+          </VCol>
+          <VCol cols="12" md="2" class="text-center">
+            <VBtn block prepend-icon="mdi-magnify" @click="getResourceList">搜索</VBtn>
+          </VCol>
+        </VRow>
+      </div>
       <VCardText class="px-0 py-0 my-0">
         <VDataTable
           v-model:items-per-page="resourceItemsPerPage"