用户管理: 编辑用户信息(用户名/邮箱/重置密码/角色/状态)

- AdminPatchUser 扩展 username/email/password 更新, 含唯一性与格式校验
- 编辑弹窗补充用户名/邮箱/重置密码字段(留空不改密码)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Sakurasan
2026-08-16 00:57:15 +08:00
co-authored by Claude
parent 79f3f4395c
commit 298bf89c90
2 changed files with 81 additions and 19 deletions
+34 -17
View File
@@ -20,7 +20,7 @@ const pageSize = 15
const editOpen = ref(false)
const editing = ref<User | null>(null)
const editForm = reactive({ role: 'user', status: 'active' })
const editForm = reactive({ username: '', email: '', password: '', role: 'user', status: 'active' })
const balanceOpen = ref(false)
const balanceUser = ref<User | null>(null)
@@ -43,7 +43,13 @@ function search() {
function openEdit(u: User) {
editing.value = u
Object.assign(editForm, { role: u.role, status: u.status })
Object.assign(editForm, {
username: u.username,
email: u.email,
password: '',
role: u.role,
status: u.status,
})
editOpen.value = true
}
@@ -160,22 +166,33 @@ onMounted(load)
</div>
<!-- 编辑用户 -->
<Modal :open="editOpen" title="编辑用户" @close="editOpen = false">
<Modal :open="editOpen" :title="`编辑用户 · ${editing?.username}`" @close="editOpen = false">
<div class="space-y-4">
<label class="block">
<span class="mb-1.5 block text-xs font-medium text-muted">角色</span>
<select v-model="editForm.role" class="h-10 w-full rounded-md border border-edge2 bg-surface px-3 text-sm outline-none focus:border-accent">
<option value="user">user</option>
<option value="admin">admin</option>
</select>
</label>
<label class="block">
<span class="mb-1.5 block text-xs font-medium text-muted">状态</span>
<select v-model="editForm.status" class="h-10 w-full rounded-md border border-edge2 bg-surface px-3 text-sm outline-none focus:border-accent">
<option value="active">active</option>
<option value="disabled">disabled</option>
</select>
</label>
<Input v-model="editForm.username" label="用户名" />
<Input v-model="editForm.email" label="邮箱" type="email" />
<Input
v-model="editForm.password"
label="重置密码"
type="password"
autocomplete="new-password"
hint="留空则不修改"
/>
<div class="grid grid-cols-2 gap-4">
<label class="block">
<span class="mb-1.5 block text-xs font-medium text-muted">角色</span>
<select v-model="editForm.role" class="h-10 w-full rounded-md border border-edge2 bg-surface px-3 text-sm text-ink outline-none focus:border-accent">
<option value="user">user</option>
<option value="admin">admin</option>
</select>
</label>
<label class="block">
<span class="mb-1.5 block text-xs font-medium text-muted">状态</span>
<select v-model="editForm.status" class="h-10 w-full rounded-md border border-edge2 bg-surface px-3 text-sm text-ink outline-none focus:border-accent">
<option value="active">active</option>
<option value="disabled">disabled</option>
</select>
</label>
</div>
</div>
<template #footer>
<Button variant="ghost" @click="editOpen = false">取消</Button>