A②权限管理-角色列表——ui效果;表格展开列;添加编辑删除自己写-注意点;id的传参

ui效果

表格展开列

type="expand"

添加编辑删除自己写

添加：
（dialog弹出；表单；新建空数据-数据绑定；预验证；）
（取消按钮--@close 表单填过的数据重置）
（确认按钮--@click this.$refs.A.validate(buer=>{buer 发送请求post+刷新页面 } )）
编辑：
（dialog弹出；表单；预加载表单信息，角色名（表单某一项）不可更改；提交修改put）
删除：
（messagebox弹框，$confirm，）确认返回-confirm；取消返回-cancel

添加编辑删除自己写-注意点：

添加的 预验证(prop规则名和数据参数名一致)
添加的 发送请求post(链接，数据)——post，put修改两个参数
编辑的 预加载表单信息-即查询表单信息-作用域插槽【不管数据里面id名是啥，统一用scope.row.id呀--参数名id】

编辑的 id使用v-model绑定的数据的id属性--用具体的数据里面的id名
删除的 $confirm，$http.delete 也需要请求，也需要判断status

id的传参情况

scope.row.id（按钮总是用这个）——作用域插槽【不管数据里面id名是啥，统一用scope.row.id呀--参数名id】
数据的id属性名——v-model绑定的数据的id属性--用具体的数据里面的id名
上一级有没有这个参数，先存起来——eg.角色列表-分配权限（打开dialog时存储role）
http请求数据——eg.不同页面的信息（用户列表 需要分配角色-角色有单独的页面）