用户角色列表

界面命名规范:/src/pages/user/rolelist.vue
样式文件: /src/static/system_01/style/rolelist.scss   

界面排版如下图所示:

新增按钮在左侧,搜索框在右侧,操作按钮在列表中


列表的表头也是动态生成的,结构为:

{
        "columns": [
        {
            "field": "r_name",
            "title": "角色名称",
            "type": "text"
        },{

            "title": "操作",
            "type":"template",
            "template":""

        }  

    ]
}

角色列表表体数据结构:

r_name--角色名称

{
        "userlist": [{
        "r_name": "管理员"
      },
      {
        " r_name  ": "仓库操作"
       }
    ],
     "count":2,
     "pagecount":1
}