diff --git a/src/views/users/Role/RoleDetail/RoleUsers.vue b/src/views/users/Role/RoleDetail/RoleUsers.vue
index c3bb22a27..1ede8f945 100644
--- a/src/views/users/Role/RoleDetail/RoleUsers.vue
+++ b/src/views/users/Role/RoleDetail/RoleUsers.vue
@@ -8,13 +8,14 @@
       />
     </el-col>
     <el-col :md="10" :sm="24">
-      <RelationCard ref="userRelation" v-bind="relationConfig" />
+      <RelationCard v-if="!loading" ref="userRelation" v-bind="relationConfig" />
     </el-col>
   </el-row>
 </template>
 
 <script>
 import { ListTable, RelationCard } from '@/components'
+import { mapGetters } from 'vuex'
 
 export default {
   components: {
@@ -96,6 +97,17 @@ export default {
         }
       }
     }
+  },
+  computed: {
+    ...mapGetters(['currentOrg', 'currentOrgIsRoot'])
+  },
+  created() {
+    try {
+      const scope = this.$route.query['scope']
+      this.relationConfig.disabled = !this.$hasPerm(`rbac.add_${this.object.scope.value}rolebinding`) || (scope === 'org' && this.currentOrgIsRoot)
+    } finally {
+      this.loading = false
+    }
   }
 }
 </script>