JbSxs/Front-end logistics/node_modules/.cache/babel-loader/df6cc06348f40ecb0ec479abc968e6a23e70b7407198bade1adfe487191d6793.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 = roleCode => {\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[roleCode] || 'info';\n    };\n\n    // 获取角色显示文本\n    const getRoleLabel = roleCode => {\n      const labelMap = {\n        'ROLE_ADMIN': '系统管理员',\n        'ROLE_LOGISTICS_ADMIN': '物流管理员',\n        'ROLE_WAREHOUSE_ADMIN': '仓库管理员',\n        'ROLE_USER': '普通用户'\n      };\n      return labelMap[roleCode] || roleCode;\n    };\n    const loadUsers = async () => {\n      loading.value = true;\n      try {\n        // 打印请求参数\n        console.log('请求参数:', {\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        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\n        // 打印后端返回的原始数据\n        console.log('后端返回的原始数据:', res.data);\n        if (res.code === 200 && res.data) {\n          userList.value = res.data.records;\n          total.value = res.data.total;\n\n          // 打印实际设置的数据\n          console.log('设置到表格的数据:', {\n            listLength: userList.value.length,\n            total: total.value,\n            currentPage: currentPage.value,\n            pageSize: pageSize.value\n          });\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 handleSizeChange = val => {\n      pageSize.value = val;\n      currentPage.value = 1; // 切换每页条数时重置为第一页\n      loadUsers();\n    };\n\n    // 处理页码变化\n    const handleCurrentChange = val => {\n      currentPage.value = val;\n      loadUsers();\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      pageSize.value = 10; // 重置每页条数\n      loadUsers();\n    };\n\n    // 修改角色相关\n    const dialogVisible =