介绍

vue中用户权限控制

安装教程

cnpm i custom-perms -S

使用说明

通过标签使用custom-perms，其中perms为数据源，格式为：[ { key: "home", label: "总览", pages: [ { key: "dashboard", label: "总览", isIndeterminate: false, checkAll: true, checkedArr: ["查看总览"], perms: ["查看总览"] } ] }, { key: "resource", label: "资源管理", pages: [ { key: "asset", label: "资产管理", isIndeterminate: false, checkAll: true, checkedArr: [ "查看资产", "新建资产", "批量导入", "编辑资产", "删除资产" ], perms: ["查看资产", "新建资产", "批量导入", "编辑资产", "删除资产"] }, { key: "device", label: "设备管理", isIndeterminate: false, checkAll: true, checkedArr: [ "查看设备", "新建设备", "编辑设备", "删除设备", "设备测试", "文件管理", "软件手动部署" ], perms: [ "查看设备", "新建设备", "编辑设备", "删除设备", "设备测试", "文件管理", "软件手动部署" ] } ] }, { key: "case", label: "用例管理", pages: [ { key: "case", label: "用例管理", isIndeterminate: false, checkAll: true, checkedArr: [ "查看用例", "新建用例", "编辑用例", "删除用例", "批量导入" ], perms: ["查看用例", "新建用例", "编辑用例", "删除用例", "批量导入"] } ] }, { key: "feedback", label: "反馈中心", pages: [ { key: "feedback", label: "反馈中心", isIndeterminate: false, checkAll: true, checkedArr: ["查看反馈", "导出报告", "导入", "编辑反馈", "删除反馈"], perms: ["查看反馈", "导出报告", "导入", "编辑反馈", "删除反馈"] } ] }, { key: "bug", label: "问题中心", pages: [ { key: "bug", label: "问题记录", isIndeterminate: false, checkAll: true, checkedArr: ["查看问题", "新建问题", "编辑问题", "删除问题"], perms: ["查看问题", "新建问题", "编辑问题", "删除问题"] } ] }, { key: "reports", label: "报告管理", pages: [ { key: "reports", label: "报告管理", isIndeterminate: false, checkAll: true, checkedArr: ["查看报告", "下载报告", "删除报告"], perms: ["查看报告", "下载报告", "删除报告"] } ] }, { key: "version", label: "版本管理", pages: [ { key: "version", label: "版本管理", isIndeterminate: false, checkAll: true, checkedArr: ["查看版本", "新建版本", "编辑版本", "删除版本"], perms: ["查看版本", "新建版本", "编辑版本", "删除版本"] } ] }, { key: "system", label: "系统管理", pages: [ { key: "account", label: "用户管理", isIndeterminate: false, checkAll: true, checkedArr: ["查看用户", "添加用户", "编辑用户", "删除用户"], perms: ["查看用户", "添加用户", "编辑用户", "删除用户"] }, { key: "role", label: "角色管理", isIndeterminate: false, checkAll: true, checkedArr: [ "查看角色", "添加角色", "编辑角色", "功能权限", "删除角色" ], perms: ["查看角色", "添加角色", "编辑角色", "功能权限", "删除角色"] } ] } ];