JbSxs/Front-end logistics/node_modules/.cache/babel-loader/111626076d3dafb0b7ae039138d7f3c25d6e060e2dc5801cb34064eb045a69f9.json

{"ast":null,"code":"import { ref, computed, onMounted, reactive } from 'vue';\nimport { useRouter } from 'vue-router';\nimport { useStore } from 'vuex';\nimport { ElMessage, ElMessageBox } from 'element-plus';\nimport { Search } from '@element-plus/icons-vue';\nimport { getAllUsers, updateUserRole, deleteUser, getUserList } from '@/api/auth';\nexport default {\n  __name: 'UserManagement',\n  setup(__props, {\n    expose: __expose\n  }) {\n    __expose();\n    const router = useRouter();\n    const store = useStore();\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\n    // 搜索表单\n    const searchForm = reactive({\n      username: '',\n      realName: '',\n      roleCode: ''\n    });\n\n    // 角色选项\n    const roleOptions = [{\n      label: '系统管理员',\n      value: 'ROLE_ADMIN'\n    }, {\n      label: '物流管理员',\n      value: 'ROLE_LOGISTICS_ADMIN'\n    }, {\n      label: '仓库管理员',\n      value: 'ROLE_WAREHOUSE_ADMIN'\n    }, {\n      label: '普通用户',\n      value: 'ROLE_USER'\n    }];\n\n    // 获取角色标签类型\n    const getRoleTagType = role => {\n      const typeMap = {\n        'ROLE_ADMIN': 'danger',\n        'ROLE_LOGISTICS_ADMIN': 'warning',\n        'ROLE_WAREHOUSE_ADMIN': 'success',\n        'ROLE_USER': 'info'\n      };\n      return typeMap[role] || 'info';\n    };\n\n    // 获取角色显示文本\n    const getRoleLabel = role => {\n      const labelMap = {\n        'ROLE_ADMIN': '系统管理员',\n        'ROLE_LOGISTICS_ADMIN': '物流管理员',\n        'ROLE_WAREHOUSE_ADMIN': '仓库管理员',\n        'ROLE_USER': '普通用户'\n      };\n      return labelMap[role] || role;\n    };\n    const loadUsers = async () => {\n      loading.value = true;\n      try {\n        const res = await getUserList({\n          pageNum: currentPage.value,\n          pageSize: pageSize.value,\n          username: searchForm.username || undefined,\n          realName: searchForm.realName || undefined,\n          roleCode: searchForm.roleCode || undefined\n        });\n        if (res.code === 200) {\n          userList.value = res.data.records;\n          total.value = res.data.total;\n          currentPage.value = res.data.current;\n          pageSize.value = res.data.size;\n        }\n      } catch (error) {\n        console.error('加载用户列表失败:', error);\n        ElMessage.error(error.message || '加载用户列表失败');\n      } finally {\n        loading.value = false;\n      }\n    };\n\n    // 处理搜索\n    const handleSearch = () => {\n      currentPage.value = 1;\n      loadUsers();\n    };\n\n    // 重置搜索\n    const resetSearch = () => {\n      searchForm.username = '';\n      searchForm.realName = '';\n      searchForm.roleCode = '';\n      currentPage.value = 1;\n      loadUsers();\n    };\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 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} 的角色从 ${currentUser.value.realName} 更改为 ${newRoleName} 吗？`, '提示', {\n          type: 'warning',\n          conf