feat：开启了 PAC 的流水线支持UI编辑分支版本以及手动执行分支版本 issue #11506

# Reviewed, transaction id: 34081

Author: lockiechen

src/frontend/devops-pipeline/src/components/PipelineDetailTabs/VersionHistorySideSlider.vue

@@ -331,9 +331,7 @@
                                 theme: 'success'
                             })
 
-                            if (row.isDraft) { // 删除草稿时需要更新pipelineInfo
-                                this.requestPipelineSummary(this.$route.params)
-                            }
+                            this.requestPipelineSummary(this.$route.params)
                         } catch (err) {
                             this.$showTips({
                                 message: err.message || err,

src/frontend/devops-pipeline/src/components/PipelineDetailTabs/VersionSelector.vue

@@ -132,7 +132,6 @@
 </template>
 <script>
     import Logo from '@/components/Logo'
-    import { UPDATE_PIPELINE_INFO } from '@/store/modules/atom/constants'
     import { bus, SHOW_VERSION_HISTORY_SIDESLIDER } from '@/utils/bus'
     import { VERSION_STATUS_ENUM } from '@/utils/pipelineConst'
     import { convertTime } from '@/utils/util'
@@ -250,9 +249,10 @@
         },
         methods: {
             convertTime,
-            ...mapActions('pipelines', [
-                'requestPipelineVersionList'
-            ]),
+            ...mapActions({
+                requestPipelineVersionList: 'pipelines/requestPipelineVersionList',
+                requestPipelineSummary: 'atom/requestPipelineSummary'
+            }),
 
             async loadMore (page) {
                 try {
@@ -275,36 +275,30 @@
                     })
                     this.pagination.page = res.page
                     this.hasNext = res.count > res.page * pagination.limit
-                    if (res.records.length > 0) {
-                        const versions = res.records.map(item => {
-                            const isDraft = item.status === VERSION_STATUS_ENUM.COMMITTING
-                            const isBranchVersion = item.status === VERSION_STATUS_ENUM.BRANCH
+                    const versions = res.records.map(item => {
+                        const isDraft = item.status === VERSION_STATUS_ENUM.COMMITTING
+                        const isBranchVersion = item.status === VERSION_STATUS_ENUM.BRANCH
 
-                            return {
-                                ...item,
-                                displayName: isDraft ? this.$t('draft') : item.versionName,
-                                description: isDraft ? this.$t('baseOn', [item.baseVersionName]) : (item.description || '--'),
-                                isBranchVersion,
-                                isDraft,
-                                isRelease: item.status === VERSION_STATUS_ENUM.RELEASED
+                        return {
+                            ...item,
+                            displayName: isDraft ? this.$t('draft') : item.versionName,
+                            description: isDraft ? this.$t('baseOn', [item.baseVersionName]) : (item.description || '--'),
+                            isBranchVersion,
+                            isDraft,
+                            isRelease: item.status === VERSION_STATUS_ENUM.RELEASED
 
-                            }
-                        })
-                        if (page === 1) {
-                            this.versionList = versions
-                            const releaseVersion = versions.find(item => item.status === VERSION_STATUS_ENUM.RELEASED)
-                            if (releaseVersion?.version > this.pipelineInfo.releaseVersion) {
-                                // HACK: 最新版本变更时，更新当前流水线信息
-                                this.$store.commit(`atom/${UPDATE_PIPELINE_INFO}`, {
-                                    releaseVersion: releaseVersion.version,
-                                    releaseVersionName: releaseVersion.versionName
-                                })
-                            }
-                        } else {
-                            this.versionList.push(...versions)
                         }
-                        this.switchVersion(this.value)
+                    })
+                    if (page === 1) {
+                        this.versionList = versions
+                        const releaseVersion = versions.find(item => item.status === VERSION_STATUS_ENUM.RELEASED)
+                        if (releaseVersion?.version > this.pipelineInfo.releaseVersion) {
+                            this.requestPipelineSummary(this.$route.params)
+                        }
+                    } else {
+                        this.versionList.push(...versions)
                     }
+                    this.switchVersion(this.value)
                 } catch (error) {
                     console.log(error)
                 } finally {

src/frontend/devops-pipeline/src/components/PipelineHeader/EditHeader.vue

@@ -117,7 +117,6 @@
 <script>
     import ModeSwitch from '@/components/ModeSwitch'
     import VersionDiffEntry from '@/components/PipelineDetailTabs/VersionDiffEntry.vue'
-    import { UPDATE_PIPELINE_INFO } from '@/store/modules/atom/constants'
     import {
         RESOURCE_ACTION
     } from '@/utils/permission'
@@ -262,6 +261,7 @@
                 'setPipelineEditing',
                 'saveDraftPipeline',
                 'setSaveStatus',
+                'requestPipelineSummary',
                 'updateContainer'
             ]),
             ...mapActions('pipelines', [
@@ -320,7 +320,7 @@
                     this.formatParams(pipeline)
 
                     // 请求执行构建
-                    const { data: { version, versionName } } = await this.saveDraftPipeline({
+                    await this.saveDraftPipeline({
                         projectId,
                         pipelineId,
                         baseVersion: this.pipelineInfo?.baseVersion,
@@ -340,15 +340,7 @@
                     })
                     this.setPipelineEditing(false)
 
-                    this.$store.commit(`atom/${UPDATE_PIPELINE_INFO}`, {
-                        canDebug: true,
-                        canRelease: true,
-                        baseVersion: this.pipelineInfo?.baseVersion ?? this.pipelineInfo?.releaseVersion ?? this.pipelineInfo?.version,
-                        baseVersionName: this.pipelineInfo?.baseVersionName ?? this.pipelineInfo?.releaseVersionName ?? this.pipelineInfo?.versionName,
-                        baseVersionStatus: this.pipelineInfo?.baseVersionStatus ?? this.pipelineInfo?.latestVersionStatus,
-                        version,
-                        versionName
-                    })
+                    await this.requestPipelineSummary(this.$route.params)
 
                     this.$bkMessage({
                         theme: 'success',
@@ -403,12 +395,7 @@
                     })
 
                     // 删除草稿时需要更新pipelineInfo
-                    this.$store.commit(`atom/${UPDATE_PIPELINE_INFO}`, {
-                        version: this.pipelineInfo?.releaseVersion,
-                        versionName: this.pipelineInfo?.releaseVersionName,
-                        canDebug: false,
-                        canRelease: false
-                    })
+                    await this.requestPipelineSummary(this.$route.params)
                     this.$showTips({
                         message: this.$t('delete') + this.$t('version') + this.$t('success'),
                         theme: 'success'

src/frontend/devops-pipeline/src/components/PipelineHeader/HistoryHeader.vue

@@ -48,7 +48,7 @@
                 {{ $t("diff") }}
             </VersionDiffEntry>
             <RollbackEntry
-                v-if="showRollback && isReleasePipeline"
+                v-if="showRollback && (isReleasePipeline || onlyBranchPipeline)"
                 :text="false"
                 :has-permission="canEdit"
                 :version="currentVersion"
@@ -197,7 +197,7 @@
                 return this.pipelineInfo?.permissions?.canExecute ?? true
             },
             executable () {
-                return (!this.isCurPipelineLocked && this.canManualStartup && this.isReleasePipeline) || this.isActiveDraftVersion
+                return (!this.isCurPipelineLocked && this.canManualStartup && this.editAndExecutable) || this.isActiveDraftVersion
             },
             canManualStartup () {
                 return this.pipelineInfo?.canManualStartup ?? true