From d1a656db82801eeb3386c2a55b7abf03eb3ec821 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Tue, 16 Sep 2025 04:25:38 +0000
Subject: [PATCH] Refactor: Move sort filter to top in subscribe views

Co-authored-by: jxxghp <jxxghp@qq.com>
---
 src/views/subscribe/SubscribePopularView.vue | 64 ++++++++++----------
 src/views/subscribe/SubscribeShareView.vue   | 64 ++++++++++----------
 2 files changed, 64 insertions(+), 64 deletions(-)

diff --git a/src/views/subscribe/SubscribePopularView.vue b/src/views/subscribe/SubscribePopularView.vue
index 60288dfd..084326f7 100644
--- a/src/views/subscribe/SubscribePopularView.vue
+++ b/src/views/subscribe/SubscribePopularView.vue
@@ -199,6 +199,38 @@ async function fetchData({ done }: { done: any }) {
 <template>
   <!-- 筛选器 -->
   <div class="px-3 mb-4">
+    <div class="flex justify-start align-center mb-3">
+      <div class="mr-5">
+        <VLabel>{{ t('tmdb.sort') }}</VLabel>
+      </div>
+      <VChipGroup v-model="filterParams.sort_type">
+        <VChip
+          :color="filterParams.sort_type == 'time' ? 'primary' : ''"
+          filter
+          tile
+          value="time"
+        >
+          {{ t('tmdb.sortType.time') }}
+        </VChip>
+        <VChip
+          :color="filterParams.sort_type == 'count' ? 'primary' : ''"
+          filter
+          tile
+          value="count"
+        >
+          {{ t('tmdb.sortType.count') }}
+        </VChip>
+        <VChip
+          :color="filterParams.sort_type == 'rating' ? 'primary' : ''"
+          filter
+          tile
+          value="rating"
+        >
+          {{ t('tmdb.sortType.rating') }}
+        </VChip>
+      </VChipGroup>
+    </div>
+    
     <div class="flex justify-start align-center mb-3">
       <div class="mr-5">
         <VLabel>{{ t('tmdb.genre') }}</VLabel>
@@ -248,38 +280,6 @@ async function fetchData({ done }: { done: any }) {
         />
       </div>
     </div>
-    
-    <div class="flex justify-start align-center">
-      <div class="mr-5">
-        <VLabel>{{ t('tmdb.sort') }}</VLabel>
-      </div>
-      <VChipGroup v-model="filterParams.sort_type">
-        <VChip
-          :color="filterParams.sort_type == 'time' ? 'primary' : ''"
-          filter
-          tile
-          value="time"
-        >
-          {{ t('tmdb.sortType.time') }}
-        </VChip>
-        <VChip
-          :color="filterParams.sort_type == 'count' ? 'primary' : ''"
-          filter
-          tile
-          value="count"
-        >
-          {{ t('tmdb.sortType.count') }}
-        </VChip>
-        <VChip
-          :color="filterParams.sort_type == 'rating' ? 'primary' : ''"
-          filter
-          tile
-          value="rating"
-        >
-          {{ t('tmdb.sortType.rating') }}
-        </VChip>
-      </VChipGroup>
-    </div>
   </div>
 
   <LoadingBanner v-if="!isRefreshed" class="mt-12" />
diff --git a/src/views/subscribe/SubscribeShareView.vue b/src/views/subscribe/SubscribeShareView.vue
index 3cd6c2fe..95d18526 100644
--- a/src/views/subscribe/SubscribeShareView.vue
+++ b/src/views/subscribe/SubscribeShareView.vue
@@ -218,6 +218,38 @@ function removeData(id: number) {
 <template>
   <!-- 筛选器 -->
   <div class="px-3 mb-4">
+    <div class="flex justify-start align-center mb-3">
+      <div class="mr-5">
+        <VLabel>{{ t('tmdb.sort') }}</VLabel>
+      </div>
+      <VChipGroup v-model="filterParams.sort_type">
+        <VChip
+          :color="filterParams.sort_type == 'time' ? 'primary' : ''"
+          filter
+          tile
+          value="time"
+        >
+          {{ t('tmdb.sortType.time') }}
+        </VChip>
+        <VChip
+          :color="filterParams.sort_type == 'count' ? 'primary' : ''"
+          filter
+          tile
+          value="count"
+        >
+          {{ t('tmdb.sortType.count') }}
+        </VChip>
+        <VChip
+          :color="filterParams.sort_type == 'rating' ? 'primary' : ''"
+          filter
+          tile
+          value="rating"
+        >
+          {{ t('tmdb.sortType.rating') }}
+        </VChip>
+      </VChipGroup>
+    </div>
+    
     <div class="flex justify-start align-center mb-3">
       <div class="mr-5">
         <VLabel>{{ t('tmdb.genre') }}</VLabel>
@@ -255,38 +287,6 @@ function removeData(id: number) {
         </template>
       </VSlider>
     </div>
-    
-    <div class="flex justify-start align-center">
-      <div class="mr-5">
-        <VLabel>{{ t('tmdb.sort') }}</VLabel>
-      </div>
-      <VChipGroup v-model="filterParams.sort_type">
-        <VChip
-          :color="filterParams.sort_type == 'time' ? 'primary' : ''"
-          filter
-          tile
-          value="time"
-        >
-          {{ t('tmdb.sortType.time') }}
-        </VChip>
-        <VChip
-          :color="filterParams.sort_type == 'count' ? 'primary' : ''"
-          filter
-          tile
-          value="count"
-        >
-          {{ t('tmdb.sortType.count') }}
-        </VChip>
-        <VChip
-          :color="filterParams.sort_type == 'rating' ? 'primary' : ''"
-          filter
-          tile
-          value="rating"
-        >
-          {{ t('tmdb.sortType.rating') }}
-        </VChip>
-      </VChipGroup>
-    </div>
   </div>
 
   <VPageContentTitle v-if="keyword" :title="`${t('common.search')}：${keyword}`" />