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);\n if (res.code === 200) {\n // 确保 records 存在\n userList.value = res.data.records || [];\n // 确保 total 正确设置\n total.value = res.data.total || 0;\n\n // 更新分页信息\n if (res.data.size) {\n pageSize.value = res.data.size;\n }\n if (res.data.current) {\n currentPage.value = res.data.current;\n }\n\n // 处理用户角色显示\n userList.value = userList.value.map(user => ({\n ...user,\n realName: user.realName || '普通用户'\n }));\n }\n } catch (error) {\n console.error('加载用户失败:', error);\n ElMessage.error(error.message || '加载用户失败');\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 'ROLE_USER';\n // 默认为普通用户\n }\n };\n\n // 根据角色代码获取角色名称\n const getRoleNameByCode = roleCode => {\n switch (roleCode) {\n case 'ROLE_ADMIN':\n return '超级管理员';\n case 'ROLE_WAREHOUSE_ADMIN':\n return '仓库管理员';\n case 'ROLE_LOGISTICS_ADMIN':\n return '物流管理员';\n case 'ROLE_USER':\n return '普通用户';\n default:\n return '普通用户';\n }\n };\n\n // 修改角色相关\n const dialogVisible = ref(false);\n const currentUser = ref(null);\n const roleForm = reactive({\n roleCode: '' // 改回使用 roleCode\n });\n const handleUpdateRole = user => {\n currentUser.value = user;\n roleForm.roleCode = getRoleCodeByName(user.realName);\n dialogVisible.value = true;\n };\n const confirmUpdateRole = async () => {\n try {\n // 检查是否选择了相同的角色\n if (getRoleCodeByName(currentUser.value.realName) === roleForm.roleCode) {\n ElMessage.warning('用户已经是该角色');\n return;\n }\n const newRoleName = getRoleNameByCode(roleForm.roleCode);\n await ElMessageBox.confirm(`确定要将用户 ${currentUser.value.username} 的角色从 ${
|
