菜单权限管理 - 资源授权

该代码是一个 Vue.js 组件模板。

它包含一个带有 type="primary"、size="small"、link 属性和一个 @click 事件处理程序的按钮元素，该事件处理程序调用 openDialog_dataScope 方法并传递参数 scope.row.roleId。

按钮下方是一个表单元素，它有一个引用 ref="resFormRef"，一个模型 :model="queryParams2" 以及一些用于样式的附加属性。

在表单内，有一个带有 flex justify-between 类和一个 el-row 元素的 div 元素。在 el-row 内，有一个 el-tree 组件。el-tree 组件具有 :data="treeData"、show-checkbox、default-expand-all、:default-checked-keys="treeList"、node-key="resId"、highlight-current、:props="defaultProps" 属性以及一个 @node-click 事件处理程序，该事件处理程序调用 handleClick 方法。

模板还包含两个 JavaScript 函数：handleQueryResTree 和 openDialog_dataScope。

handleQueryResTree 函数在组件初始化时调用，它通过调用 getResPageT API 获取 el-tree 组件的数据并更新 treeData 数组。

openDialog_dataScope 函数在点击按钮时调用。它首先调用 handleQueryResTree 函数来更新 el-tree 组件的数据。然后它调用 getRoleResList API 来检索其他数据并将它们分配给 formData2 对象。最后，它将 dialog2 对象的 visible 属性设置为 true 并将 title 属性更新为 "授权菜单"。

总的来说，这段代码表示一个显示一个按钮和一个树状组件的 Vue.js 组件。当点击按钮时，它会打开一个对话框并检索树状组件的数据。