2021-04-25

1.用户列表模块

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;
    }
第三步：选择用户要分配的角色并单击确定执行分配用户角色接口