task-42(账号/权限页面): 实现用户列表查询适配

新增 users-model.ts 纯解析(Java AdminUserItemVo snake_case→camelCase、
缺 id 行过滤、分页字段归一、success=false 抛后端 message)与 users.ts
adapter(fetchUserList:normalize+GET /api/admin/users+parse);UsersPage
改用 adapter,去掉模板内联 http.get+unwrap。task-41 依赖断言改指数据层。
8 用例全过,299 单测 + build 绿。
This commit is contained in:
2026-09-05 14:31:32 +08:00
parent 60fa5a818b
commit d760838e71
5 changed files with 170 additions and 10 deletions
@@ -1,9 +1,9 @@
<script setup lang="ts">
import { onMounted, reactive, ref } from 'vue'
import { ElMessage, ElMessageBox } from 'element-plus'
import { http, unwrap } from '@/api/http'
import { http } from '@/api/http'
import type { AdminUser } from '@/types/admin'
import type { UserPageResult } from '@/api/users-dto'
import { fetchUserList } from '@/api/users'
const loading = ref(false)
const rows = ref<AdminUser[]>([])
@@ -13,11 +13,9 @@ const form = reactive({ username: '', page: 1, pageSize: 15 })
async function loadUsers() {
loading.value = true
try {
const { data } = await http.get('/api/admin/users', { params: { username: form.username || undefined, page: form.page, page_size: form.pageSize } })
const result = unwrap<UserPageResult | { data?: UserPageResult }>(data)
const value: UserPageResult = 'data' in result && result.data ? result.data : result as UserPageResult
rows.value = value.items || []
total.value = Number(value.total || 0)
const page = await fetchUserList({ page: form.page, pageSize: form.pageSize, keyword: form.username || undefined })
rows.value = page.items
total.value = page.total
} catch (error) {
ElMessage.error(error instanceof Error ? error.message : '用户列表加载失败')
} finally {