feat(table): 表格排序与搜索改为后端处理

frontend/src/views/admin/GroupsView.vue

@@ -73,7 +73,15 @@
       </template>
 
       <template #table>
-        <DataTable :columns="columns" :data="groups" :loading="loading">
+        <DataTable
+          :columns="columns"
+          :data="groups"
+          :loading="loading"
+          :server-side-sort="true"
+          default-sort-key="sort_order"
+          default-sort-order="asc"
+          @sort="handleSort"
+        >
           <template #cell-name="{ value }">
             <span class="font-medium text-gray-900 dark:text-white">{{ value }}</span>
           </template>
@@ -1983,6 +1991,10 @@ const pagination = reactive({
   total: 0,
   pages: 0
 })
+const sortState = reactive({
+  sort_by: 'sort_order',
+  sort_order: 'asc' as 'asc' | 'desc'
+})
 
 let abortController: AbortController | null = null
 
@@ -2297,7 +2309,9 @@ const loadGroups = async () => {
       platform: (filters.platform as GroupPlatform) || undefined,
       status: filters.status as any,
       is_exclusive: filters.is_exclusive ? filters.is_exclusive === 'true' : undefined,
-      search: searchQuery.value.trim() || undefined
+      search: searchQuery.value.trim() || undefined,
+      sort_by: sortState.sort_by,
+      sort_order: sortState.sort_order
     }, { signal })
     if (signal.aborted) return
     groups.value = response.items
@@ -2381,6 +2395,13 @@ const handlePageSizeChange = (pageSize: number) => {
   loadGroups()
 }
 
+const handleSort = (key: string, order: 'asc' | 'desc') => {
+  sortState.sort_by = key
+  sortState.sort_order = order
+  pagination.page = 1
+  loadGroups()
+}
+
 const closeCreateModal = () => {
   showCreateModal.value = false
   createModelRoutingRules.value.forEach((rule) => {