fix: 改进用户管理页面的刷新逻辑和错误处理

优化内容:
1. 所有 fetchData 调用改为 await fetchData() 确保等待刷新完成
2. 改进表单验证逻辑,分离验证和提交逻辑
3. 添加更明确的错误提示信息
4. 删除操作优化:删除最后一条时自动返回上一页
5. 重置密码后也刷新列表(虽然不影响显示)

修复后确保:
- 添加用户后立即刷新列表
- 编辑用户后立即刷新列表
- 启用/禁用用户后立即刷新列表
- 删除用户后立即刷新列表
This commit is contained in:
zhangjf 2026-02-15 17:51:04 +08:00
parent 64b8f42d5a
commit 29207d2e3c
2 changed files with 31 additions and 19 deletions

View File

@ -239,8 +239,13 @@ const resetForm = () => {
const handleSubmit = async () => {
if (!formRef.value) return
await formRef.value.validate(async (valid) => {
if (valid) {
try {
await formRef.value.validate()
} catch (error) {
ElMessage.warning('请检查表单填写是否完整')
return
}
try {
if (form.userId) {
await updateUser(form.userId, form)
@ -250,13 +255,12 @@ const handleSubmit = async () => {
ElMessage.success('创建成功')
}
dialogVisible.value = false
fetchData()
await fetchData()
} catch (error) {
console.error('保存失败:', error)
ElMessage.error(error.message || '操作失败')
}
}
})
}
const handleResetPassword = (row) => {
passwordForm.userId = row.userId
@ -273,8 +277,10 @@ const handlePasswordSubmit = async () => {
await resetPassword(passwordForm.userId, passwordForm.newPassword)
ElMessage.success('密码重置成功')
passwordDialogVisible.value = false
await fetchData()
} catch (error) {
console.error('密码重置失败:', error)
ElMessage.error(error.message || '密码重置失败')
}
}
@ -289,9 +295,10 @@ const handleToggleStatus = (row) => {
try {
await updateUserStatus(row.userId, newStatus)
ElMessage.success(`${actionText}成功`)
fetchData()
await fetchData()
} catch (error) {
console.error('状态更新失败:', error)
ElMessage.error(error.message || '操作失败')
}
})
}
@ -305,9 +312,14 @@ const handleDelete = (row) => {
try {
await deleteUser(row.userId)
ElMessage.success('删除成功')
fetchData()
//
if (tableData.value.length === 1 && page.current > 1) {
page.current--
}
await fetchData()
} catch (error) {
console.error('删除失败:', error)
ElMessage.error(error.message || '删除失败')
}
})
}

@ -1 +1 @@
Subproject commit 60e29de355ce8eaea6bac706fb17947b1294e6f4
Subproject commit fb2653fb5c2e5c0003168a35655c8fba1f2c32c2