From 20279db90047186db84fc7e92ecaf7f3e0561700 Mon Sep 17 00:00:00 2001
From: lannoy0523 <935275025@qq.com>
Date: Fri, 8 Nov 2024 16:22:13 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E6=94=B9=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E9=97=AE=E9=A2=98=20#2738?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/Header/index.vue           |  2 +-
 .../src/views/repoGeneric/index.vue           | 14 ++++----
 .../src/views/repoList/createRepoDialog.vue   |  2 +-
 .../src/views/repoList/index.vue              | 35 ++++++++++++++++---
 .../src/views/repoSearch/index.vue            | 25 +++++++++++--
 5 files changed, 63 insertions(+), 15 deletions(-)

diff --git a/src/frontend/devops-repository/src/components/Header/index.vue b/src/frontend/devops-repository/src/components/Header/index.vue
index 10a8e2a73e..6f39c48dc8 100644
--- a/src/frontend/devops-repository/src/components/Header/index.vue
+++ b/src/frontend/devops-repository/src/components/Header/index.vue
@@ -203,7 +203,7 @@
                         uid: this.userInfo.name
                     }
                 }).then(res => {
-                    if (res !== '') {
+                    if (res !== '' && res !== null) {
                         window.open(res, '_blank')
                     }
                 })
diff --git a/src/frontend/devops-repository/src/views/repoGeneric/index.vue b/src/frontend/devops-repository/src/views/repoGeneric/index.vue
index e0d64d7cef..6d0665d95f 100644
--- a/src/frontend/devops-repository/src/views/repoGeneric/index.vue
+++ b/src/frontend/devops-repository/src/views/repoGeneric/index.vue
@@ -789,7 +789,7 @@
                                 repoName: this.repoName
                             }
                         }).then(res => {
-                            if (res !== '') {
+                            if (res !== '' && res !== null) {
                                 this.showIamDenyDialog = true
                                 this.showData = {
                                     projectId: this.projectId,
@@ -966,7 +966,7 @@
                                         path: fullPath
                                     }
                                 }).then(res => {
-                                    if (res !== '') {
+                                    if (res !== '' && res !== null) {
                                         this.showIamDenyDialog = true
                                         this.showData = {
                                             projectId: this.projectId,
@@ -1047,7 +1047,7 @@
                                 path: row.fullPath
                             }
                         }).then(res => {
-                            if (res !== '') {
+                            if (res !== '' && res !== null) {
                                 this.showIamDenyDialog = true
                                 this.showData = {
                                     projectId: this.projectId,
@@ -1147,7 +1147,7 @@
                                 repoName: this.repoName
                             }
                         }).then(res => {
-                            if (res !== '') {
+                            if (res !== '' && res !== null) {
                                 this.showIamDenyDialog = true
                                 this.showData = {
                                     projectId: this.projectId,
@@ -1223,7 +1223,7 @@
                                 repoName: this.repoName
                             }
                         }).then(res => {
-                            if (res !== '') {
+                            if (res !== '' && res !== null) {
                                 this.showIamDenyDialog = true
                                 this.showData = {
                                     projectId: this.projectId,
@@ -1310,7 +1310,7 @@
                                 path: row.fullPath
                             }
                         }).then(res => {
-                            if (res !== '') {
+                            if (res !== '' && res !== null) {
                                 this.showIamDenyDialog = true
                                 this.showData = {
                                     projectId: this.projectId,
@@ -1366,7 +1366,7 @@
                                 path: row.fullPath
                             }
                         }).then(res => {
-                            if (res !== '') {
+                            if (res !== '' && res !== null) {
                                 this.showIamDenyDialog = true
                                 this.showData = {
                                     projectId: this.projectId,
diff --git a/src/frontend/devops-repository/src/views/repoList/createRepoDialog.vue b/src/frontend/devops-repository/src/views/repoList/createRepoDialog.vue
index 72baf42066..da9708072b 100644
--- a/src/frontend/devops-repository/src/views/repoList/createRepoDialog.vue
+++ b/src/frontend/devops-repository/src/views/repoList/createRepoDialog.vue
@@ -292,7 +292,7 @@
                                 uid: this.userInfo.name
                             }
                         }).then(res => {
-                            if (res !== '') {
+                            if (res !== '' && res !== null) {
                                 this.showIamDenyDialog = true
                                 this.showData = {
                                     projectId: this.projectId,
diff --git a/src/frontend/devops-repository/src/views/repoList/index.vue b/src/frontend/devops-repository/src/views/repoList/index.vue
index 195270e7f4..5c42a95476 100644
--- a/src/frontend/devops-repository/src/views/repoList/index.vue
+++ b/src/frontend/devops-repository/src/views/repoList/index.vue
@@ -1,7 +1,8 @@
 <template>
     <div class="repo-list-container" v-bkloading="{ isLoading }">
         <div class="ml20 mr20 mt10 flex-between-center">
-            <bk-button icon="plus" theme="primary" @click="createRepo">{{ $t('createRepository') }}</bk-button>
+            <bk-button v-if="userInfo.manage || userInfo.admin" icon="plus" theme="primary" @click="createRepo">{{ $t('createRepository') }}</bk-button>
+            <bk-button v-else icon="plus" class="no-permission-button" @click="creatNoPermission">{{ $t('createRepository') }}</bk-button>
             <div class="flex-align-center">
                 <bk-input
                     v-model.trim="query.name"
@@ -41,7 +42,8 @@
                 <template #default="{ row }">
                     <Icon class="mr5 table-svg" size="16" :name="row.repoType" />
                     <span class="hover-btn" @click="toPackageList(row)">{{replaceRepoName(row.name)}}</span>
-                    <span v-if="MODE_CONFIG === 'ci' && ['custom', 'pipeline'].includes(row.name)"
+                    <span
+                        v-if="MODE_CONFIG === 'ci' && ['custom', 'pipeline'].includes(row.name)"
                         class="mr5 repo-tag SUCCESS" :data-name="$t('built-in')"></span>
                     <span v-if="row.configuration.settings.system" class="mr5 repo-tag" :data-name="$t('system')"></span>
                     <span v-if="row.public" class="mr5 repo-tag WARNING" :data-name="$t('public')"></span>
@@ -77,7 +79,7 @@
                 <template #default="{ row }">
                     <operation-list
                         :list="[
-                            { label: $t('setting'), clickEvent: () => toRepoConfig(row) },
+                            (userInfo.admin || userInfo.manage) && { label: $t('setting'), clickEvent: () => toRepoConfig(row) },
                             (row.repoType !== 'generic' ||
                                 (row.repoType === 'generic'
                                     && row.name !== 'custom'
@@ -125,7 +127,7 @@
         limitList: [10, 20, 40]
     }
     export default {
-        name: 'repoList',
+        name: 'RepoList',
         components: { OperationList, createRepoDialog, iamDenyDialog, genericCleanDialog },
         data () {
             return {
@@ -442,6 +444,26 @@
                 } else {
                     this.$refs.genericCleanDialog.date = beforeYears(1)
                 }
+            },
+            creatNoPermission () {
+                this.getPermissionUrl({
+                    body: {
+                        projectId: this.projectId,
+                        action: 'MANAGE',
+                        resourceType: 'PROJECT',
+                        uid: this.userInfo.name
+                    }
+                }).then(res => {
+                    if (res !== '' && res !== null) {
+                        this.showIamDenyDialog = true
+                        this.showData = {
+                            projectId: this.projectId,
+                            action: 'MANAGE',
+                            repoName: '',
+                            url: res
+                        }
+                    }
+                })
             }
         }
     }
@@ -461,5 +483,10 @@
             display: block;
         }
     }
+    .no-permission-button {
+        background: #dcdee5 !important;
+        border-color: #dcdee5 !important;
+        color: #fff !important;
+    }
 }
 </style>
diff --git a/src/frontend/devops-repository/src/views/repoSearch/index.vue b/src/frontend/devops-repository/src/views/repoSearch/index.vue
index f7cda98965..50c69aeb76 100644
--- a/src/frontend/devops-repository/src/views/repoSearch/index.vue
+++ b/src/frontend/devops-repository/src/views/repoSearch/index.vue
@@ -125,7 +125,7 @@
             }
         },
         computed: {
-            ...mapState(['userList']),
+            ...mapState(['userList', 'userInfo']),
             projectId () {
                 return this.$route.params.projectId
             },
@@ -140,7 +140,7 @@
         },
         methods: {
             formatDate,
-            ...mapActions(['searchPackageList', 'searchRepoList']),
+            ...mapActions(['searchPackageList', 'searchRepoList', 'getPermissionUrl']),
             refreshRoute () {
                 this.$router.replace({
                     query: {
@@ -194,6 +194,27 @@
                         this.hasNext = false
                     }
                     scrollLoad ? this.resultList.push(...records) : (this.resultList = records)
+                }).catch(err => {
+                    if (err.status === 403) {
+                        this.getPermissionUrl({
+                            body: {
+                                projectId: this.projectId,
+                                action: 'READ',
+                                resourceType: 'PROJECT',
+                                uid: this.userInfo.name
+                            }
+                        }).then(res => {
+                            if (res !== '' && res !== null) {
+                                this.showIamDenyDialog = true
+                                this.showData = {
+                                    projectId: this.projectId,
+                                    repoName: '',
+                                    action: 'READ',
+                                    url: res
+                                }
+                            }
+                        })
+                    }
                 }).finally(() => {
                     this.isLoading = false
                 })