完善后台分页与令牌刷新

frontend/src/views/admin/AdminDisputesView.vue

@@ -5,6 +5,7 @@ import { onMounted, ref } from 'vue'
 import { arbitrateDispute, fetchAdminDisputes, type Dispute } from '@/api/disputes'
 import { fetchAdminFileBlob } from '@/api/files'
 import { disputeStatusLabel } from '@/utils/statusLabels'
+import { formatDateTime } from '@/utils/time'
 
 const loading = ref(false)
 const submitting = ref(false)
@@ -14,18 +15,28 @@ const evidenceDispute = ref<Dispute | null>(null)
 const result = ref('release_deposit')
 const remark = ref('')
 const amount = ref<number | undefined>()
+const currentPage = ref(1)
+const currentPageSize = ref(20)
+const total = ref(0)
 
 onMounted(loadDisputes)
 
 async function loadDisputes() {
   loading.value = true
   try {
-    disputes.value = await fetchAdminDisputes()
+    const res = await fetchAdminDisputes(currentPage.value, currentPageSize.value)
+    disputes.value = res.items
+    total.value = res.total
   } finally {
     loading.value = false
   }
 }
 
+function handleSizeChange() {
+  currentPage.value = 1
+  loadDisputes()
+}
+
 function openArbitration(row: Dispute) {
   activeDispute.value = row
   result.value = row.arbitration_result || 'release_deposit'
@@ -99,7 +110,7 @@ function readError(error: unknown, fallback: string) {
     <div class="page-header">
       <p class="eyebrow">Arbitration</p>
       <h1>仲裁中心</h1>
-      <p>处理无法登录、资产损失、哈夫币争议和超时归还。</p>
+      <p>处理无法登录、资产损失、哈夫币争议和结账争议。</p>
     </div>
 
     <el-table v-loading="loading" class="table-panel" :data="disputes">
@@ -109,20 +120,30 @@ function readError(error: unknown, fallback: string) {
       <el-table-column label="状态" width="110">
         <template #default="{ row }">{{ disputeStatusLabel(row.status) }}</template>
       </el-table-column>
-      <el-table-column prop="description" label="说明" min-width="220" show-overflow-tooltip />
-      <el-table-column prop="arbitration_result" label="结果" width="150" />
-      <el-table-column label="证据" width="100">
-        <template #default="{ row }">
-          <el-button size="small" :disabled="evidenceItems(row).length === 0" @click="evidenceDispute = row">查看</el-button>
-        </template>
+      <el-table-column label="创建时间" min-width="180">
+        <template #default="{ row }">{{ formatDateTime(row.created_at) }}</template>
       </el-table-column>
-      <el-table-column label="操作" width="120">
+      <el-table-column prop="arbitration_result" label="仲裁结果" width="150" show-overflow-tooltip />
+      <el-table-column label="操作" width="160">
         <template #default="{ row }">
+          <el-button size="small" :disabled="evidenceItems(row).length === 0" @click="evidenceDispute = row">证据</el-button>
           <el-button size="small" :disabled="row.status === 'resolved'" @click="openArbitration(row)">仲裁</el-button>
         </template>
       </el-table-column>
     </el-table>
 
+    <div class="pagination-wrap" v-if="total > 0">
+      <el-pagination
+        v-model:current-page="currentPage"
+        v-model:page-size="currentPageSize"
+        :total="total"
+        :page-sizes="[10, 20, 50, 100]"
+        layout="total, sizes, prev, pager, next"
+        @current-change="loadDisputes"
+        @size-change="handleSizeChange"
+      />
+    </div>
+
     <el-dialog :model-value="!!activeDispute" title="申诉仲裁" width="560px" @update:model-value="activeDispute = null">
       <div v-if="activeDispute" class="dialog-body">
         <p><strong>{{ activeDispute.order_no }}</strong> · {{ activeDispute.title }}</p>
@@ -134,6 +155,7 @@ function readError(error: unknown, fallback: string) {
           <el-option label="释放押金" value="release_deposit" />
           <el-option label="赔付号主" value="compensate_owner" />
           <el-option label="关闭订单" value="order_close" />
+          <el-option label="标记异常" value="mark_abnormal" />
         </el-select>
         <el-input-number
           v-if="['partial_refund', 'deduct_deposit', 'compensate_owner'].includes(result)"

frontend/src/views/admin/AdminUsersView.vue

@@ -3,7 +3,7 @@ import { ElMessage } from 'element-plus'
 import { onMounted, ref } from 'vue'
 
 import { fetchAdminUsers, freezeAdminUser, unfreezeAdminUser, type AdminUserItem } from '@/api/adminUsers'
-import { realnameStatusLabel, riskStatusLabel, userStatusLabel } from '@/utils/statusLabels'
+import { userStatusLabel } from '@/utils/statusLabels'
 import { formatDateTime } from '@/utils/time'
 
 const loading = ref(false)
@@ -11,18 +11,28 @@ 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 {
-    users.value = await fetchAdminUsers()
+    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()
+}
+
 function openFreeze(row: AdminUserItem) {
   activeUser.value = row
   freezeReason.value = ''
@@ -71,30 +81,20 @@ function readError(error: unknown, fallback: string) {
       <div class="page-header">
         <p class="eyebrow">Users</p>
         <h1>用户管理</h1>
-        <p>查看用户实名、风险、信用和业务数量，处理冻结与解冻。</p>
+        <p>查看用户信息和状态，处理冻结与解冻。</p>
       </div>
       <el-button @click="loadUsers">刷新</el-button>
     </div>
 
     <el-table v-loading="loading" class="table-panel" :data="users">
-      <el-table-column prop="id" label="ID" width="80" />
-      <el-table-column prop="phone" label="手机号" min-width="130" />
+      <el-table-column prop="id" label="用户ID" width="80" />
       <el-table-column prop="nickname" label="昵称" min-width="130" />
-      <el-table-column label="实名" width="110">
-        <template #default="{ row }">{{ realnameStatusLabel(row.realname_status) }}</template>
-      </el-table-column>
-      <el-table-column label="风险" width="110">
-        <template #default="{ row }">{{ riskStatusLabel(row.risk_status) }}</template>
-      </el-table-column>
-      <el-table-column prop="credit_score" label="信用分" width="100" />
+      <el-table-column prop="phone" label="手机号" min-width="130" />
       <el-table-column label="状态" width="110">
         <template #default="{ row }">{{ userStatusLabel(row.status) }}</template>
       </el-table-column>
-      <el-table-column prop="order_count" label="订单" width="90" />
-      <el-table-column prop="listing_count" label="发布" width="90" />
-      <el-table-column prop="dispute_count" label="申诉" width="90" />
-      <el-table-column label="最近登录" min-width="180">
-        <template #default="{ row }">{{ formatDateTime(row.last_login_at) }}</template>
+      <el-table-column label="注册时间" min-width="180">
+        <template #default="{ row }">{{ formatDateTime(row.created_at) }}</template>
       </el-table-column>
       <el-table-column label="操作" width="150">
         <template #default="{ row }">
@@ -106,6 +106,18 @@ function readError(error: unknown, fallback: string) {
       </el-table-column>
     </el-table>
 
+    <div class="pagination-wrap" v-if="total > 0">
+      <el-pagination
+        v-model:current-page="currentPage"
+        v-model:page-size="currentPageSize"
+        :total="total"
+        :page-sizes="[10, 20, 50, 100]"
+        layout="total, sizes, prev, pager, next"
+        @current-change="loadUsers"
+        @size-change="handleSizeChange"
+      />
+    </div>
+
     <el-dialog :model-value="!!activeUser" title="冻结用户" width="560px" @update:model-value="activeUser = null">
       <div v-if="activeUser" class="dialog-body">
         <p><strong>{{ activeUser.phone }}</strong> · {{ activeUser.nickname }}</p>