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

{"ast":null,"code":"import { ref } from 'vue';\nimport { ElMessage, ElMessageBox } from 'element-plus';\nimport { updateUserRole } from '@/api/auth';\nexport default {\n  __name: 'UserManagement',\n  setup(__props, {\n    expose: __expose\n  }) {\n    __expose();\n    const loading = ref(false);\n    const userList = ref([]);\n    const handleRoleChange = async user => {\n      try {\n        await ElMessageBox.confirm(`确定要将用户 ${user.username} 的角色更改为 ${user.role} 吗？`, '提示', {\n          type: 'warning',\n          confirmButtonText: '确定',\n          cancelButtonText: '取消'\n        });\n        const res = await updateUserRole(user.id, user.role);\n        if (res.code === 200) {\n          ElMessage.success('角色更新成功');\n        }\n      } catch (error) {\n        if (error !== 'cancel') {\n          console.error('更新角色失败:', error);\n          ElMessage.error(error.message || '更新角色失败');\n          // 恢复原来的角色\n          user.role = user.originalRole;\n        }\n      }\n    };\n    const __returned__ = {\n      loading,\n      userList,\n      handleRoleChange,\n      ref,\n      get ElMessage() {\n        return ElMessage;\n      },\n      get ElMessageBox() {\n        return ElMessageBox;\n      },\n      get updateUserRole() {\n        return updateUserRole;\n      }\n    };\n    Object.defineProperty(__returned__, '__isScriptSetup', {\n      enumerable: false,\n      value: true\n    });\n    return __returned__;\n  }\n};","map":{"version":3,"names":["ref","ElMessage","ElMessageBox","updateUserRole","loading","userList","handleRoleChange","user","confirm","username","role","type","confirmButtonText","cancelButtonText","res","id","code","success","error","console","message","originalRole"],"sources":["D:/language/VScode/Front-end logistics/src/views/admin/UserManagement.vue"],"sourcesContent":["<template>\r\n  <div class=\"user-management\">\r\n    <el-card>\r\n      <template #header>\r\n        <div class=\"card-header\">\r\n          <span>用户管理</span>\r\n        </div>\r\n      </template>\r\n      \r\n      <el-table\r\n        v-loading=\"loading\"\r\n        :data=\"userList\"\r\n        style=\"width: 100%\"\r\n      >\r\n        <el-table-column prop=\"id\" label=\"用户ID\" width=\"100\" />\r\n        <el-table-column prop=\"username\" label=\"用户名\" />\r\n        <el-table-column prop=\"email\" label=\"邮箱\" />\r\n        <el-table-column prop=\"role\" label=\"角色\">\r\n          <template #default=\"{ row }\">\r\n            <el-select \r\n              v-model=\"row.role\" \r\n              @change=\"handleRoleChange(row)\"\r\n            >\r\n              <el-option label=\"普通用户\" value=\"ROLE_USER\" />\r\n              <el-option label=\"仓库管理员\" value=\"ROLE_WAREHOUSE_ADMIN\" />\r\n              <el-option label=\"物流管理员\" value=\"ROLE_LOGISTICS_ADMIN\" />\r\n              <el-option label=\"系统管理员\" value=\"ROLE_ADMIN\" />\r\n            </el-select>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"createTime\" label=\"创建时间\" />\r\n      </el-table>\r\n    </el-card>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { ref } from 'vue'\r\nimport { ElMessage, ElMessageBox } from 'element-plus'\r\nimport { updateUserRole } from '@/api/auth'\r\n\r\nconst loading = ref(false)\r\nconst userList = ref([])\r\n\r\nconst handleRoleChange = async (user) => {\r\n  try {\r\n    await ElMessageBox.confirm(\r\n      `确定要将用户 ${user.username} 的角色更改为 ${user.role} 吗？`,\r\n      '提示',\r\n      {\r\n        type: 'warning',\r\n        confirmButtonText: '确定',\r\n        cancelButtonText: '取消'\r\n      }\r\n    )\r\n    \r\n    const res = await updateUserRole(user.id, user.role)\r\n    if (res.code === 200) {\r\n      ElMessage.success('角色更新成功')\r\n    }\r\n  } catch (error) {\r\n    if (error !== 'cancel') {\r\n      console.error('更新角色失败:', error)\r\n      El