优化admin-gui

frontend/src/views/admin/AdminUsersView.vue

@@ -1,37 +1,19 @@
 <script setup lang="ts">
 import { ElMessage } from 'element-plus'
-import { onMounted, ref } from 'vue'
+import { ref } from 'vue'
 
 import { fetchAdminUsers, freezeAdminUser, unfreezeAdminUser, type AdminUserItem } from '@/api/adminUsers'
+import { useAdminPaginatedTable } from '@/composables/useAdminPaginatedTable'
 import { userStatusLabel } from '@/utils/statusLabels'
 import { formatDateTime } from '@/utils/time'
 
-const loading = ref(false)
 const submitting = ref(false)
-const users = ref<AdminUserItem[]>([])
 const activeUser = ref<AdminUserItem | null>(null)
 const freezeReason = ref('')
-const currentPage = ref(1)
-const currentPageSize = ref(20)
-const total = ref(0)
 
-onMounted(loadUsers)
-
-async function loadUsers() {
-  loading.value = true
-  try {
-    const result = await fetchAdminUsers(currentPage.value, currentPageSize.value)
-    users.value = result.items
-    total.value = result.total
-  } finally {
-    loading.value = false
-  }
-}
-
-function handleSizeChange() {
-  currentPage.value = 1
-  loadUsers()
-}
+const { loading, data: users, total, currentPage, currentPageSize, load: loadUsers, handleSizeChange } = useAdminPaginatedTable<AdminUserItem>({
+  fetchFn: fetchAdminUsers,
+})
 
 function openFreeze(row: AdminUserItem) {
   activeUser.value = row