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:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user