You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
{"ast":null,"code":"import { ref, onMounted, reactive } from 'vue';\nimport { useRouter } from 'vue-router';\nimport { ElMessage, ElMessageBox } from 'element-plus';\nimport { getAllUsers, updateUserRole } from '@/api/auth';\nexport default {\n __name: 'UserManagement',\n setup(__props, {\n expose: __expose\n }) {\n __expose();\n const router = useRouter();\n const loading = ref(false);\n const userList = ref([]);\n const currentPage = ref(1);\n const pageSize = ref(10);\n const total = ref(0);\n const loadUsers = async () => {\n loading.value = true;\n try {\n const res = await getAllUsers({\n pageNum: currentPage.value,\n pageSize: pageSize.value\n });\n console.log('用户数据:', res.data?.records);\n if (res.code === 200 && res.data) {\n userList.value = res.data.records.map(user => ({\n ...user,\n realName: user.realName || '普通用户'\n }));\n total.value = res.data.total;\n pageSize.value = res.data.size;\n currentPage.value = res.data.current;\n } else {\n throw new Error(res.message || '获取用户列表失败');\n }\n } catch (error) {\n console.error('加载用户失败:', error);\n if (error.response?.status === 401) {\n ElMessage.error('登录已过期，请重新登录');\n router.push('/login');\n } else if (error.response?.status === 403) {\n ElMessage.error('没有权限访问');\n } else {\n ElMessage.error(error.message || '加载用户失败，请重试');\n }\n } finally {\n loading.value = false;\n }\n };\n const handleSizeChange = val => {\n pageSize.value = val;\n loadUsers();\n };\n const handleCurrentChange = val => {\n currentPage.value = val;\n loadUsers();\n };\n\n // 根据角色名称获取标签类型\n const getRoleTypeByName = roleName => {\n switch (roleName) {\n case '系统管理员':\n return 'danger';\n // 红色\n case '仓库管理员':\n return 'warning';\n // 黄色\n case '物流管理员':\n return 'success';\n // 绿色\n case '普通用户':\n return 'info';\n // 蓝色\n default:\n return '';\n }\n };\n\n // 根据角色名称获取角色代码\n const getRoleCodeByName = roleName => {\n switch (roleName) {\n case '系统管理员':\n return 'ROLE_ADMIN';\n case '仓库管理员':\n return 'ROLE_WAREHOUSE_ADMIN';\n case '物流管理员':\n return 'ROLE_LOGISTICS_ADMIN';\n case '普通用户':\n return 'ROLE_USER';\n default:\n return '';\n }\n };\n\n // 修改角色相关\n const dialogVisible = ref(false);\n const currentUser = ref(null);\n const roleForm = reactive({\n roleCode: ''\n });\n const handleUpdateRole = user => {\n currentUser.value = user;\n roleForm.roleCode = getRoleCodeByName(user.realName); // 使用 realName\n dialogVisible.value = true;\n };\n const confirmUpdateRole = async () => {\n try {\n const newRoleName = roleForm.roleCode === 'ROLE_ADMIN' ? '超级管理员' : roleForm.roleCode === 'ROLE_WAREHOUSE_ADMIN' ? '仓库管理员' : roleForm.roleCode === 'ROLE_LOGISTICS_ADMIN' ? '物流管理员' : '普通用户';\n await ElMessageBox.confirm(`确定要将用户 ${currentUser.value.username} 的角色从 ${currentUser.value.realName} 更改为 ${newRoleName} 吗？`, '提示', {\n type: 'warning',\n confirmButtonText: '确定',\n cancelButtonText: '取消'\n });\n const res = await updateUserRole(currentUser.value.id, roleForm.roleCode);\n if (res.code === 200) {\n ElMessage.success('角色更新成功');\n dialogVisible.value = false;\n loadUsers(); // 重新加载用户列表\n }\n
|
