feat:角色权限管理的授权菜单;

src/views/modules/sys/role/index.vue

@@ -52,7 +52,7 @@
             size="mini"
             @click="handleDelete(scope.row.roleId)"
           >删除</el-button>
-          <!-- <el-button type="text" size="mini" @click="handleAddOrUpdate(scope.row.roleId,true)">已授权菜单</el-button> -->
+          <el-button type="text" size="mini" @click="handleAddOrUpdate(scope.row.roleId,true)">已授权菜单</el-button>
         </template>
       </el-table-column>
     </el-table>

src/views/modules/sys/role/role-add-or-update.vue

@@ -35,6 +35,7 @@
           ref="menuListTree"
           :default-expand-all="true"
           :default-checked-keys="defaultCheckedKeys"
+          :filter-node-method="filterNode"
           show-checkbox
         >
           <span class="custom-tree-node" slot-scope="{ node, data }">
@@ -127,11 +128,20 @@ export default {
           setTimeout(() => {
             this.$nextTick(() => {
               this.$refs.menuListTree.setCheckedKeys(res.role.menuIdList)
+              if (this.disable) {
+                this.$refs.menuListTree.filter(this.dataDemo)
+              }
             })
           }, 50)
         }
       })
     },
+    filterNode (value, data) {
+      console.log('data: ', data)
+      console.log('value: ', value)
+      data.disabled = true
+      return value.includes(data.menuId)
+    },
     // 提交
     handleConfirm () {
       if (this.disable) {