界面命名规范:/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
}