用户列表模块
1.1 删除用户
//打开删除确认对话框
async deleteUser(id) {
console.log(id)
const res= await this.$confirm('此操作将永久删除该用户, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).catch(error=>error)
if(res!== 'confirm') {
return this.$message({
type: 'info',
message: '已取消删除'
});
}
//调接口删除
const res2=await deleteUserAPI(id)
//删除成功后刷新用户列表
this.getUserList()
},
1.2 更改用户状态
//触发改变状态的回调
async changeStatus(row) {
let {id,mg_state}=row
// console.log('当前用户信息:',row)
//调用修改用户状态的接口
const res=await modifyUserStatusAPI(id,mg_state)
},
1.3 分配用户角色
1.3.1 用户、角色和权限的关系
1.3.2 实现思路
第一步:触发分配角色按钮打开用户角色对话框
//点击按钮打开分配用户角色对话框
async setUserRoles(role) {
//显示对话框
this.isSetRoleUser = true;
}
第二步:绘制对话框的布局并调取角色列表接口渲染下拉框中角色列表
//点击按钮打开分配用户角色对话框
async setUserRoles(role) {
console.log(role);
//当前角色信息
this.currentUserInfo = role;
//调用角色列表接口
const res=await roleListAPI()
console.log('角色列表:::',res)
this.roleList=res;
//显示对话框
this.isSetRoleUser = true;
}
第三步:选择用户要分配的角色并单击确定执行分配用户角色接口