From 0dc8afde5d31de3001ea7f15b9e68ab674f39ebf Mon Sep 17 00:00:00 2001
From: lannoy0523 <46735290+lannoy0523@users.noreply.github.com>
Date: Mon, 28 Oct 2024 14:35:44 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=89=8D=E7=AB=AF=E5=BC=80=E5=90=AF?=
 =?UTF-8?q?=E8=93=9D=E9=B2=B8=E6=9D=83=E9=99=90=E6=A0=A1=E9=AA=8C=E8=BF=81?=
 =?UTF-8?q?=E7=A7=BB=20#2703?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat:前端开启蓝鲸权限校验迁移 #2703

* feat:前端开启蓝鲸权限校验迁移 #2703
---
 .../src/store/actions/permission.js           |  6 --
 .../views/repoConfig/controlConfig/index.vue  | 81 ++++++-------------
 .../src/views/repoConfig/index.vue            | 60 +++++++++-----
 .../src/views/repoList/createRepoDialog.vue   | 24 ++----
 4 files changed, 72 insertions(+), 99 deletions(-)

diff --git a/src/frontend/devops-repository/src/store/actions/permission.js b/src/frontend/devops-repository/src/store/actions/permission.js
index a325473871..d6233f34b7 100644
--- a/src/frontend/devops-repository/src/store/actions/permission.js
+++ b/src/frontend/devops-repository/src/store/actions/permission.js
@@ -257,12 +257,6 @@ export default {
             `${authPrefix}/user/auth/bkiamv3/project/refresh/${projectId}`
         )
     },
-    // 判断蓝鲸权限是否开启
-    getIamPermissionStatus () {
-        return Vue.prototype.$ajax.get(
-            `${authPrefix}/user/auth/bkiamv3/status`
-        )
-    },
     // 创建项目用户
     createProjectUser (_, { body }) {
         return Vue.prototype.$ajax.post(
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 2b78f668ff..e58ccf8e6e 100644
--- a/src/frontend/devops-repository/src/views/repoConfig/controlConfig/index.vue
+++ b/src/frontend/devops-repository/src/views/repoConfig/controlConfig/index.vue
@@ -9,32 +9,37 @@
                 </card-radio-group>
             </bk-form-item>
             <template v-if="(repoType === 'generic' || repoType === 'ddc') && repoName !== 'pipeline'">
-                <bk-form-item v-for="type in genericInterceptorsList" :key="type"
+                <bk-form-item
+                    v-for="type in genericInterceptorsList" :key="type"
                     :label="$t(`${type}Download`)" :property="`${type}.enable`">
                     <bk-radio-group v-model="controlConfigs[type].enable">
                         <bk-radio class="mr20" :value="true">{{ $t('enable') }}</bk-radio>
                         <bk-radio :value="false">{{ $t('disable') }}</bk-radio>
                     </bk-radio-group>
                     <template v-if="controlConfigs[type].enable && ['mobile', 'web'].includes(type)">
-                        <bk-form-item :label="$t('fileName')" :label-width="80" class="mt10"
+                        <bk-form-item
+                            :label="$t('fileName')" :label-width="80" class="mt10"
                             :property="`${type}.filename`" required error-display-type="normal">
                             <bk-input class="w250" v-model.trim="controlConfigs[type].filename"></bk-input>
                             <i class="bk-icon icon-info f14 ml5" v-bk-tooltips="$t('fileNameRule')"></i>
                         </bk-form-item>
-                        <bk-form-item :label="$t('metadata')" :label-width="80"
+                        <bk-form-item
+                            :label="$t('metadata')" :label-width="80"
                             :property="`${type}.metadata`" required error-display-type="normal">
                             <bk-input class="w250" v-model.trim="controlConfigs[type].metadata" :placeholder="$t('metadataRule')"></bk-input>
                             <a class="f12 ml5" href="https://bk.tencent.com/docs/markdown/ZH/Devops/2.0/UserGuide/Services/Artifactory/meta.md" target="__blank">{{ $t('viewMetadataDocument') }}</a>
                         </bk-form-item>
                     </template>
                     <template v-if="controlConfigs[type].enable && type === 'ip_segment'">
-                        <bk-form-item :label="$t('IP')" :label-width="150" class="mt10"
+                        <bk-form-item
+                            :label="$t('IP')" :label-width="150" class="mt10"
                             :property="`${type}.ipSegment`" :required="!controlConfigs[type].officeNetwork" error-display-type="normal">
                             <bk-input class="w250 mr10" v-model.trim="controlConfigs[type].ipSegment" :placeholder="$t('ipPlaceholder')" :maxlength="4096"></bk-input>
                             <bk-checkbox v-model="controlConfigs[type].officeNetwork">{{ $t('office_networkDownload') }}</bk-checkbox>
                             <i class="bk-icon icon-info f14 ml5" v-bk-tooltips="$t('office_networkDownloadTips')"></i>
                         </bk-form-item>
-                        <bk-form-item :label="$t('whiteUser')" :label-width="150"
+                        <bk-form-item
+                            :label="$t('whiteUser')" :label-width="150"
                             :property="`${type}.whitelistUser`" error-display-type="normal">
                             <bk-input class="w250" v-model.trim="controlConfigs[type].whitelistUser" :placeholder="$t('whiteUserPlaceholder')"></bk-input>
                         </bk-form-item>
@@ -49,7 +54,8 @@
                         :multiple="true"
                         searchable
                         :placeholder="$t('controlConfigPlaceholder')">
-                        <bk-option v-for="option in roleList"
+                        <bk-option
+                            v-for="option in roleList"
                             :key="option.id"
                             :id="option.id"
                             :name="option.name">
@@ -62,18 +68,16 @@
                 <bk-button theme="primary" @click="save()">{{$t('save')}}</bk-button>
             </bk-form-item>
         </bk-form>
-        <add-user-dialog ref="addUserDialog" :visible.sync="showAddUserDialog" @complete="handleAddUsers"></add-user-dialog>
     </div>
 </template>
 <script>
     import { mapActions } from 'vuex'
-    import AddUserDialog from '@repository/components/AddUserDialog/addUserDialog'
-    import { specialRepoEnum } from '@repository/store/publicEnum'
     import CardRadioGroup from '@repository/components/CardRadioGroup'
+    import { specialRepoEnum } from '@/store/publicEnum'
 
     export default {
-        name: 'controlConfig',
-        components: { CardRadioGroup, AddUserDialog },
+        name: 'ControlConfig',
+        components: { CardRadioGroup },
         props: {
             baseData: Object
         },
@@ -116,6 +120,7 @@
                 }
             ]
             return {
+                specialRepoEnum,
                 rootDirectoryPermission: '',
                 controlConfigs: {
                     mobile: {
@@ -136,11 +141,11 @@
                     }
                 },
                 blackList: [],
-                showAddUserDialog: false,
                 filenameRule,
                 metadataRule,
                 ipSegmentRule,
-                roleList: []
+                roleList: [],
+                authMode: undefined
             }
         },
         computed: {
@@ -183,19 +188,19 @@
                 set (val) {
                     if (val === 'public') {
                         this.$emit('showPermissionConfigTab', false)
-                        this.baseData.public = true
+                        this.controlConfigs.public = true
                         this.rootDirectoryPermission = null
                     } else if (val === 'folder') {
                         this.$emit('showPermissionConfigTab', true)
-                        this.baseData.public = false
+                        this.controlConfigs.public = false
                         this.rootDirectoryPermission = 'DIR_CTRL'
                     } else if (val === 'strict') {
                         this.$emit('showPermissionConfigTab', true)
-                        this.baseData.public = false
+                        this.controlConfigs.public = false
                         this.rootDirectoryPermission = 'STRICT'
                     } else if (val === 'default') {
                         this.$emit('showPermissionConfigTab', false)
-                        this.baseData.public = false
+                        this.controlConfigs.public = false
                         this.rootDirectoryPermission = 'DEFAULT'
                     } else {
                         this.$emit('showPermissionConfigTab', false)
@@ -249,6 +254,7 @@
             }).then((res) => {
                 this.rootDirectoryPermission = res.accessControlMode
                 this.blackList = res.officeDenyGroupSet
+                this.authMode = res
             })
             this.getRoleListHandler()
         },
@@ -269,41 +275,6 @@
                     name: 'userGroup'
                 })
             },
-            addUserGroup () {
-                this.$refs.roleForm.clearError()
-                this.editRoleConfig = {
-                    show: true,
-                    loading: false,
-                    id: '',
-                    name: '',
-                    description: '',
-                    users: [],
-                    originUsers: []
-                }
-            },
-            showAddDialog () {
-                this.showAddUserDialog = true
-                this.$refs.addUserDialog.editUserConfig = {
-                    users: this.editRoleConfig.users,
-                    originUsers: this.editRoleConfig.originUsers,
-                    search: '',
-                    newUser: ''
-                }
-            },
-            handleAddUsers (users) {
-                this.editRoleConfig.originUsers = users
-                this.editRoleConfig.users = users
-            },
-            deleteUser (index) {
-                const temp = []
-                for (let i = 0; i < this.editRoleConfig.users.length; i++) {
-                    if (i !== index) {
-                        temp.push(this.editRoleConfig.users[i])
-                    }
-                }
-                this.editRoleConfig.users = temp
-                this.editRoleConfig.originUsers = temp
-            },
             async save () {
                 await this.$refs.controlForm.validate()
                 try {
@@ -312,7 +283,8 @@
                         projectId: this.projectId,
                         repoName: this.repoName,
                         accessControlMode: this.rootDirectoryPermission,
-                        officeDenyGroupSet: this.blackList
+                        officeDenyGroupSet: this.blackList,
+                        bkiamv3Check: false
                     }
                     const configBody = this.getRepoConfigBody()
                     await this.updateRepoInfo({
@@ -385,9 +357,6 @@
                         }
                     }
                 }
-                if (!specialRepoEnum.includes(this.baseData.name)) {
-                    body.configuration.settings.bkiamv3Check = this.baseData.configuration.settings.bkiamv3Check
-                }
                 return body
             }
         }
diff --git a/src/frontend/devops-repository/src/views/repoConfig/index.vue b/src/frontend/devops-repository/src/views/repoConfig/index.vue
index 48c2c3c364..91e32a3f74 100644
--- a/src/frontend/devops-repository/src/views/repoConfig/index.vue
+++ b/src/frontend/devops-repository/src/views/repoConfig/index.vue
@@ -20,8 +20,8 @@
                     </bk-form-item>
                     <bk-form-item
                         :label="$t('bkPermissionCheck')"
-                        v-if="!specialRepoEnum.includes(repoBaseInfo.name) && rbacStatus">
-                        <bk-radio-group v-model="repoBaseInfo.configuration.settings.bkiamv3Check">
+                        v-if="!specialRepoEnum.includes(repoBaseInfo.name)">
+                        <bk-radio-group v-model="bkiamv3Check">
                             <bk-radio class="mr20" :value="true">{{ $t('open') }}</bk-radio>
                             <bk-radio :value="false">{{ $t('close') }}</bk-radio>
                         </bk-radio-group>
@@ -129,16 +129,12 @@
                         officeNetwork: false,
                         ipSegment: '',
                         whitelistUser: ''
-                    },
-                    configuration: {
-                        settings: {
-                            bkiamv3Check: false
-                        }
                     }
                 },
                 showIamDenyDialog: false,
                 showData: {},
-                rbacStatus: false,
+                bkiamv3Check: false,
+                authMode: undefined,
                 showPermissionConfig: false
             }
         },
@@ -160,7 +156,7 @@
                 return ['docker', 'generic', 'helm'].includes(this.repoType) && (this.userInfo.admin || this.userInfo.manage)
             },
             showControlConfigTab () {
-                return this.userInfo.admin || this.userInfo.manage
+                return (this.userInfo.admin || this.userInfo.manage) && !this.authMode.bkiamv3Check
             },
             repoAddress () {
                 const { repoType, name } = this.repoBaseInfo
@@ -211,17 +207,24 @@
         created () {
             if (!this.repoName || !this.repoType) this.toRepoList()
             this.getRepoInfoHandler()
-            this.getIamPermissionStatus().then(res => {
-                this.rbacStatus = res
-            })
+            this.getAuthModeFunc()
         },
         methods: {
-            ...mapActions(['getRepoInfo', 'updateRepoInfo', 'getDomain', 'getPermissionUrl', 'getIamPermissionStatus']),
+            ...mapActions(['getRepoInfo', 'updateRepoInfo', 'getDomain', 'getPermissionUrl', 'getRootPermission', 'createOrUpdateRootPermission']),
             toRepoList () {
                 this.$router.push({
                     name: 'repositories'
                 })
             },
+            getAuthModeFunc () {
+                this.getRootPermission({
+                    projectId: this.projectId,
+                    repoName: this.repoName
+                }).then(res => {
+                    this.authMode = res
+                    this.bkiamv3Check = res.bkiamv3Check
+                })
+            },
             getRepoInfoHandler () {
                 this.isLoading = true
                 this.getRepoInfo({
@@ -327,20 +330,14 @@
                         }
                     }
                 }
-                if (!specialRepoEnum.includes(this.repoBaseInfo.name)) {
-                    body.configuration.settings.bkiamv3Check = this.repoBaseInfo.configuration.settings.bkiamv3Check
-                }
                 this.repoBaseInfo.loading = true
                 this.updateRepoInfo({
                     projectId: this.projectId,
                     name: this.repoName,
                     body
                 }).then(() => {
+                    this.saveRepoMode()
                     this.getRepoInfoHandler()
-                    this.$bkMessage({
-                        theme: 'success',
-                        message: this.$t('save') + this.$t('space') + this.$t('success')
-                    })
                 }).catch(err => {
                     if (err.status === 403) {
                         this.getPermissionUrl({
@@ -386,6 +383,29 @@
                         this.$refs.tab.$el.style.height = '100%'
                     }
                 })
+            },
+            saveRepoMode () {
+                const body = {
+                    projectId: this.projectId,
+                    repoName: this.repoBaseInfo.name,
+                    accessControlMode: this.authMode.accessControlMode,
+                    officeDenyGroupSet: this.authMode.officeDenyGroupSet,
+                    bkiamv3Check: this.bkiamv3Check
+                }
+                this.createOrUpdateRootPermission({
+                    body: body
+                }).then(() => {
+                    this.getAuthModeFunc()
+                    this.$bkMessage({
+                        theme: 'success',
+                        message: this.$t('save') + this.$t('space') + this.$t('success')
+                    })
+                }).catch((err) => {
+                    this.$bkMessage({
+                        theme: 'error',
+                        message: err.message
+                    })
+                })
             }
         }
     }
diff --git a/src/frontend/devops-repository/src/views/repoList/createRepoDialog.vue b/src/frontend/devops-repository/src/views/repoList/createRepoDialog.vue
index 4b74d91d0c..72baf42066 100644
--- a/src/frontend/devops-repository/src/views/repoList/createRepoDialog.vue
+++ b/src/frontend/devops-repository/src/views/repoList/createRepoDialog.vue
@@ -37,8 +37,8 @@
             </bk-form-item>
             <bk-form-item
                 :label="$t('bkPermissionCheck')"
-                v-if="!specialRepoEnum.includes(repoBaseInfo.name) && rbacStatus">
-                <bk-radio-group v-model="repoBaseInfo.configuration.settings.bkiamv3Check">
+                v-if="!specialRepoEnum.includes(repoBaseInfo.name)">
+                <bk-radio-group v-model="bkiamv3Check">
                     <bk-radio class="mr20" :value="true">{{ $t('open') }}</bk-radio>
                     <bk-radio :value="false">{{ $t('close') }}</bk-radio>
                 </bk-radio-group>
@@ -117,11 +117,6 @@
                 officeNetwork: false,
                 ipSegment: '',
                 whitelistUser: ''
-            },
-            configuration: {
-                settings: {
-                    bkiamv3Check: false
-                }
             }
         }
     }
@@ -139,8 +134,8 @@
                 showIamDenyDialog: false,
                 showData: {},
                 title: this.$t('createRepository'),
-                rbacStatus: false,
-                accessControl: 'DEFAULT'
+                accessControl: 'DEFAULT',
+                bkiamv3Check: false
             }
         },
         computed: {
@@ -235,14 +230,11 @@
             }
         },
         methods: {
-            ...mapActions(['createRepo', 'checkRepoName', 'getPermissionUrl', 'getIamPermissionStatus', 'createOrUpdateRootPermission']),
+            ...mapActions(['createRepo', 'checkRepoName', 'getPermissionUrl', 'createOrUpdateRootPermission']),
             showDialogHandler () {
                 this.show = true
                 this.repoBaseInfo = getRepoBaseInfo()
                 this.$refs.repoBaseInfo && this.$refs.repoBaseInfo.clearError()
-                this.getIamPermissionStatus().then(res => {
-                    this.rbacStatus = res
-                })
             },
             cancel () {
                 this.accessControl = 'DEFAULT'
@@ -285,9 +277,6 @@
                         }
                     }
                 }
-                if (!specialRepoEnum.includes(this.repoBaseInfo.name)) {
-                    body.configuration.settings.bkiamv3Check = this.repoBaseInfo.configuration.settings.bkiamv3Check
-                }
                 this.loading = true
                 this.createRepo({
                     body: body
@@ -327,7 +316,8 @@
                 const body = {
                     projectId: this.projectId,
                     repoName: this.repoBaseInfo.name,
-                    accessControlMode: this.accessControl
+                    accessControlMode: this.accessControl,
+                    bkiamv3Check: this.bkiamv3Check
                 }
                 this.createOrUpdateRootPermission({
                     body: body