界面命名规范：/src/pages/user/addrole.vue
样式文件: /src/static/system_01/style/addrole.scss
新增角色界面排版布局如下图，只是布局用这种，颜色要与整套系统的样式搭配协调
功能说明：
"从现有角色中导入" 用 link组件，点击弹出选择角色列表的窗口，双击其中的一行即可回填角色信息到当前新增界面上。
权限信息数据结构如下：
l_id--权限id
l_type--权限类型 1--导航链接类，对应主页左侧导航 2、导航中的选项卡 3--操作按钮类
name--权限名称
ischeck--是否勾选
sonlink-- 子级权限
parentid --子级权限中对应的上级权限id
总体来说权限总是4级的，和l_type 是一致的，但是不是所有的功能模块都有第2级
{
"link": [{
"l_id": "1",
"l_type": "1",
"name": "订单管理",
"ischeck": "1",
"sonlink": [{
"l_id": "14",
"l_type": "2",
"name": "未审核",
"parentid": "1",
"ischeck": "1",
"sonlink": [{
"l_id": "15",
"l_type": "3",
"name": "新增",
"parentid": "14",
"ischeck": "1",
"sonlink": []
}]
},
{
"l_id": "16",
"l_type": "2",
"name": "未申报",
"parentid": "1",
"ischeck": "1",
"sonlink": [{
"l_id": "17",
"l_type": "3",
"name": "导出",
"parentid": "16",
"ischeck": "1",
"sonlink": []
}]
}
]
}, {
"l_id": "2",
"l_type": "1",
"name": "出入库管理",
"ischeck": "1",
"sonlink": [{
"l_id": "3",
"l_type": "1",
"name": "入库管理",
"parentid": "2",
"ischeck": "1",
"sonlink": [{
"l_id": "49",
"l_type": "2",
"name": "未入库",
"parentid": "3",
"ischeck": "1",
"sonlink": [{
"l_id": "41",
"l_type": "3",
"name": "打板验货",
"parentid": "49",
"ischeck": "1",
"sonlink": []
}, {
"l_id": "49",
"l_type": "3",
"name": "删除",
"parentid": "49",
"ischeck": "1",
"sonlink": []
}, {
"l_id": "206",
"l_type": "3",
"name": "入库打单",
"parentid": "49",
"ischeck": "1",
"sonlink": []
}, {
"l_id": "208",
"l_type": "3",
"name": "更新卡板号",
"parentid": "49",
"ischeck": "1",
"sonlink": []
}]
},
{
"l_id": "50",
"l_type": "1",
"name": "已入库",
"parentid": "3",
"ischeck": "1",
"sonlink": [{
"l_id": "209",
"l_type": "3",
"name": "删除",
"parentid": "50",
"ischeck": "1",
"sonlink": []
}]
}
]
}
}
},
{
"l_id": "3",
"l_type": "1",
"name": "清关口岸",
"ischeck": "1",
"sonlink": [{
"l_id": "301",
"l_type": "1",
"name": "广州口岸",
"parentid": "3",
"ischeck": "1",
"sonlink": [{
"l_id": "30101",
"l_type": "2",
"name": "打印模板",
"parentid": "301",
"ischeck": "1",
"sonlink": [{
"l_id": "3010101",
"l_type": "3",
"name": "圆通面单",
"parentid": "30101",
"ischeck": "1",
"sonlink": []
},
{
"l_id": "3010102",
"l_type": "3",
"name": "韵达面单",
"parentid": "30101",
"ischeck": "1",
"sonlink": []
}
]
},
{
"l_id": "40101",
"l_type": "2",
"name": "导出模板",
"parentid": "401",
"ischeck": "1",
"sonlink": [{
"l_id": "4010101",
"l_type": "3",
"name": "对账单",
"parentid": "40101",
"ischeck": "1",
"sonlink": []
},
{
"l_id": "4010102",
"l_type": "3",
"name": "月结账单",
"parentid": "40101",
"ischeck": "1",
"sonlink": []
}
]
}
]
}]
}
]
}