feat: 全局配置title/footer/logo/favicon/产品名称 TencentBlueKing#10678

# Reviewed, transaction id: 14600
vhwweng · Aug 8, 2024 · 8ed62de · 8ed62de
1 parent fe46b03
commit 8ed62de
Show file tree

Hide file tree

Showing 7 changed files with 16 additions and 21 deletions.
diff --git a/src/frontend/devops-nav/src/router/index.ts b/src/frontend/devops-nav/src/router/index.ts
@@ -98,7 +98,7 @@ const createRouter = (store: any, dynamicLoadModule: any, i18n: any) => {
     router.beforeEach((to, from, next) => {
         const serviceAlias = getServiceAliasByPath(to.path)
         const currentPage = window.serviceObject.serviceMap[serviceAlias]
-        if (to.name !== from.name) {
+        if (to.name !== from.name && platformInfo) {
             console.log(platformInfo, '----from store platformInfo')
             document.title = currentPage
                 ? `${currentPage.name} | ${platformInfo.i18n.name || platformInfo.name} | ${platformInfo.i18n.brandName || platformInfo.brandName}`

diff --git a/src/frontend/devops-nav/src/utils/iframeUtil.ts b/src/frontend/devops-nav/src/utils/iframeUtil.ts
@@ -7,11 +7,6 @@ interface UrlParam {
     refresh: boolean
 }
 
-interface titleParams {
-    title: string,
-    serverName: string
-}
-
 function iframeUtil (router: any) {
     const utilMap: ObjectMap = {}
     function init () {
@@ -32,12 +27,18 @@ function iframeUtil (router: any) {
             params
         }, '*')
     }
-    utilMap.updateTabTitle = function ({ title, serverName }: titleParams): void {
+    utilMap.updateTabTitle = function (title: string): void {
         if (title) {
             document.title = title
-        }
-        if (!title && serverName) {
-            document.title = `${serverName} | ${platformInfo.i18n.name || platformInfo.name} | ${platformInfo.i18n.brandName || platformInfo.brandName}`
+        } 
+        if (!platformInfo) return
+        const currentPage = window.currentPage
+        const platformName = platformInfo.i18n.name || platformInfo.name
+        const brandName = platformInfo.i18n.brandName || platformInfo.brandName
+        if (currentPage) {
+            document.title = `${currentPage.name} | ${platformName} | ${brandName}`
+        } else {
+            document.title = `${platformName} | ${brandName}`
         }
     }
 

diff --git a/src/frontend/devops-nav/src/views/App.vue b/src/frontend/devops-nav/src/views/App.vue
@@ -30,11 +30,11 @@
         }
 
         async created () {
+            await this.getPlatformPreData()
             const announce = await this.getAnnouncement()
             if (announce && announce.id) {
                 this.setAnnouncement(announce)
             }
-            this.getPlatformPreData()
         }
     }
 </script>
diff --git a/src/frontend/devops-pipeline/src/components/PipelineHeader/PipelineBreadCrumb.vue b/src/frontend/devops-pipeline/src/components/PipelineHeader/PipelineBreadCrumb.vue
@@ -93,7 +93,7 @@
             'pipelineInfo.pipelineName': {
                 handler (val) {
                     const title = val ? `${val} | ${this.$t('pipeline')}` : ''
-                    this.$updateTabTitle?.({ title })
+                    this.$updateTabTitle?.(title)
                 },
                 immediate: true
             }

diff --git a/src/frontend/devops-pipeline/src/views/PipelineList/PipelineManageList.vue b/src/frontend/devops-pipeline/src/views/PipelineList/PipelineManageList.vue
@@ -333,9 +333,7 @@
         },
 
         created () {
-            this.$updateTabTitle?.({
-                serverName: this.$t('pipeline')
-            })
+            this.$updateTabTitle?.()
             this.goList()
             this.checkHasCreatePermission()
         },

diff --git a/src/frontend/devops-pipeline/src/views/subpages/ExecDetail.vue b/src/frontend/devops-pipeline/src/views/subpages/ExecDetail.vue
@@ -379,9 +379,7 @@
                 this.isLoading = val === null
 
                 if (val) {
-                    this.$updateTabTitle?.({
-                        title: `#${val.buildNum}  ${val.buildMsg} | ${val.pipelineName}`
-                    })
+                    this.$updateTabTitle?.(`#${val.buildNum}  ${val.buildMsg} | ${val.pipelineName}`)
                 }
             },
             'routerParams.buildNo': {

diff --git a/src/frontend/devops-pipeline/src/views/template/index.vue b/src/frontend/devops-pipeline/src/views/template/index.vue
@@ -86,9 +86,7 @@
         },
 
         created () {
-            this.$updateTabTitle?.({
-                serverName: this.$t('pipeline')
-            })
+            this.$updateTabTitle?.()
             const { projectId, templateId } = this.$route.params
             this.$store.dispatch('requestProjectDetail', { projectId })
             this.$store.dispatch('pipelines/enableTemplatePermissionManage', projectId).then((res) => {