diff --git a/src/frontend/devops-repository/src/views/repoConfig/controlConfig/index.vue b/src/frontend/devops-repository/src/views/repoConfig/controlConfig/index.vue
index e1e77dea78..c4c7400c8d 100644
--- a/src/frontend/devops-repository/src/views/repoConfig/controlConfig/index.vue
+++ b/src/frontend/devops-repository/src/views/repoConfig/controlConfig/index.vue
@@ -166,6 +166,7 @@
                 get () {
                     if (this.baseData.name === 'pipeline') return 'pipeline'
                     if (this.baseData.public) {
+                        this.$emit('showPermissionConfigTab', false)
                         return 'public'
                     }
                     if (this.rootDirectoryPermission === 'DIR_CTRL') {
@@ -176,6 +177,7 @@
                         this.$emit('showPermissionConfigTab', true)
                         return 'strict'
                     }
+                    this.$emit('showPermissionConfigTab', false)
                     return 'default'
                 },
                 set (val) {
diff --git a/src/frontend/devops-repository/src/views/repoConfig/index.vue b/src/frontend/devops-repository/src/views/repoConfig/index.vue
index ff3bbe1121..48c2c3c364 100644
--- a/src/frontend/devops-repository/src/views/repoConfig/index.vue
+++ b/src/frontend/devops-repository/src/views/repoConfig/index.vue
@@ -413,6 +413,8 @@
     .showPermissionConfigTab {
         background-image: none!important;
         margin-top: 10px;
+        max-height: 40%;
+        overflow-y: auto;
         &:before {
             content: '';
             position: absolute;
diff --git a/src/frontend/devops-repository/src/views/repoConfig/permissionConfig/createPermission.vue b/src/frontend/devops-repository/src/views/repoConfig/permissionConfig/createPermission.vue
index 79b94b504c..f70b1e850f 100644
--- a/src/frontend/devops-repository/src/views/repoConfig/permissionConfig/createPermission.vue
+++ b/src/frontend/devops-repository/src/views/repoConfig/permissionConfig/createPermission.vue
@@ -32,14 +32,17 @@
                 </div>
             </bk-form-item>
             <bk-form-item :label="$t('associatedUseGroup')" property="roles" error-display-type="normal">
-                <bk-tag-input
-                    class="w480"
-                    v-model="permissionForm.roles"
-                    :placeholder="$t('enterPlaceHolder')"
-                    trigger="focus"
-                    :list="roleList"
-                    :has-delete-icon="true">
-                </bk-tag-input>
+                <div style="display: flex;">
+                    <bk-tag-input
+                        class="w480"
+                        v-model="permissionForm.roles"
+                        :placeholder="$t('enterPlaceHolder')"
+                        trigger="focus"
+                        :list="roleList"
+                        :has-delete-icon="true">
+                    </bk-tag-input>
+                    <bk-link theme="primary" @click="manageUserGroup" style="margin-right: auto;margin-left: 10px">{{ $t('manage') + $t('space') + $t('userGroup') }}</bk-link>
+                </div>
             </bk-form-item>
         </bk-form>
         <add-user-dialog ref="addUserDialog" :visible.sync="showAddUserDialog" @complete="handleAddUsers"></add-user-dialog>
@@ -178,15 +181,10 @@
                 this.$refs.permissionForm.clearError()
                 this.$emit('refresh')
             },
-            parseFn (data) {
-                if (data !== '') {
-                    const users = data.toString().split(',')
-                    for (let i = 0; i < users.length; i++) {
-                        users[i] = users[i].toString().trim()
-                        this.permissionForm.users.push(users[i])
-                    }
-                    this.permissionForm.user = Array.from(new Set(this.permissionForm.users))
-                }
+            manageUserGroup () {
+                this.$router.replace({
+                    name: 'userGroup'
+                })
             },
             deleteUser (index) {
                 const temp = []