菜单权限-资源授权管理

该代码展示了如何使用 Element UI 的 el-tree 组件实现菜单权限资源授权功能。代码中包含以下几个关键部分：

• 菜单授权按钮： 使用 el-button 组件创建一个按钮，用于触发菜单授权弹窗。
• 资源树： 使用 el-tree 组件展示资源树，并使用 :default-checked-keys 属性设置默认选中的节点。treeList 数组中保存了需要默认选中的节点的 resId。
• 查询资源树功能： 使用 handleQueryResTree 函数查询资源树数据并更新 treeData 数组。
• 获取角色资源列表功能： 使用 openDialog_dataScope 函数获取角色资源列表数据，并更新 treeList 数组，从而在资源树上显示默认选中的节点。

以下代码示例展示了如何将 treeList 数组中的值在树上显示出来：

<el-tree :data="treeData" show-checkbox default-expand-all :default-checked-keys="treeList"
    node-key="resId" highlight-current :props="defaultProps" @node-click="handleClick" />

需要注意的是，treeList 数组中的值需要与树节点的 resId 属性相匹配，才能正确地选中对应的节点。

该示例代码展示了使用 Element UI 的 el-tree 组件实现菜单权限资源授权功能的基本流程。您可以根据实际需求修改代码，添加更多功能，例如：搜索资源、添加资源、删除资源等。