JbSxs/Front-end logistics/node_modules/.cache/babel-loader/aa48c2489a6de1c7205b38660189a254c4990e6e81684ceba8c47c1e11c07b96.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        const params = {\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        // 1. 打印请求前的状态\n        console.log('发送请求前的状态:', {\n          currentPage: currentPage.value,\n          pageSize: pageSize.value,\n          total: total.value\n        });\n\n        // 2. 打印请求参数\n        console.log('发送的请求参数:', params);\n        const res = await getUserList(params);\n\n        // 3. 打印完整的响应数据\n        console.log('后端返回的完整数据:', res);\n        if (res.code === 200 && res.data) {\n          // 4. 打印分页相关的数据\n          console.log('后端返回的分页数据:', {\n            records: res.data.records,\n            recordsLength: res.data.records.length,\n            total: res.data.total,\n            current: res.data.current,\n            size: res.data.size,\n            pages: res.data.pages\n          });\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          // 5. 打印设置后的状态\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