From bc1313a6ff3780d79d683012179ba41daa897df4 Mon Sep 17 00:00:00 2001
From: lannoy0523 <935275025@qq.com>
Date: Mon, 21 Oct 2024 16:04:51 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E7=89=88=E6=9C=AC=E6=97=A5=E5=BF=97?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91=E4=BC=98=E5=8C=96=20#2670?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/devops-repository/src/App.vue    |  4 +-
 .../src/components/Header/index.vue           |  9 ++--
 .../src/components/VersionLog/index.vue       |  6 ++-
 .../src/utils/versionLogs.js                  | 43 ++++++++++---------
 4 files changed, 33 insertions(+), 29 deletions(-)

diff --git a/src/frontend/devops-repository/src/App.vue b/src/frontend/devops-repository/src/App.vue
index ac587ba06d..8249216a87 100644
--- a/src/frontend/devops-repository/src/App.vue
+++ b/src/frontend/devops-repository/src/App.vue
@@ -17,7 +17,7 @@
     import Login from '@repository/components/Login'
     import cookies from 'js-cookie'
     import { mapActions } from 'vuex'
-    import { getTrueVersion } from '@repository/utils/versionLogs'
+    import { getTrueVersions } from '@repository/utils/versionLogs'
     export default {
         components: { NoticeComponent, Header, Login },
         mixins: [mixin],
@@ -36,7 +36,7 @@
             username && this.SET_USER_INFO({ username })
             this.getPermissionDialogConfig()
             const hasShowLog = cookies.get('hasShowLog') || ''
-            const logs = await getTrueVersion()
+            const logs = await getTrueVersions()
             if (logs.length > 0 && !this.ciMode && !this.isSubSaas) {
                 this.$store.commit('SET_VERSION_LOGS', logs)
                 if (hasShowLog !== logs[0].version) {
diff --git a/src/frontend/devops-repository/src/components/Header/index.vue b/src/frontend/devops-repository/src/components/Header/index.vue
index e5c1844c57..10a8e2a73e 100644
--- a/src/frontend/devops-repository/src/components/Header/index.vue
+++ b/src/frontend/devops-repository/src/components/Header/index.vue
@@ -106,6 +106,7 @@
     import { mapState, mapActions } from 'vuex'
     import cookies from 'js-cookie'
     import VersionLog from '@repository/components/VersionLog'
+    import { getVersionContext } from '@repository/utils/versionLogs'
     export default {
         name: 'BkrepoHeader',
         components: { VersionLog, User, projectInfoDialog },
@@ -223,7 +224,7 @@
                     name: 'projectManage'
                 })
             },
-            clickHelps (id) {
+            async clickHelps (id) {
                 const languagePath = this.language === 'zh-cn' ? 'ZH' : 'EN'
                 const url = DOC_URL + '/markdown/' + languagePath + '/Devops/3.0/UserGuide/intro/README.md'
                 switch (id) {
@@ -234,7 +235,7 @@
                         if (this.versionLogs.length > 0) {
                             this.$refs.versionLogDialog.show = true
                             this.$refs.versionLogDialog.versionLogs = this.versionLogs
-                            this.$refs.versionLogDialog.markdown = this.versionLogs[0].content
+                            this.$refs.versionLogDialog.markdown = await getVersionContext(this.versionLogs[0].version)
                         }
                         break
                     case 'feedback':
@@ -244,11 +245,11 @@
                         window.open('https://github.com/TencentBlueKing/bk-repo', '_blank')
                 }
             },
-            showVersionLogs () {
+            async showVersionLogs () {
                 if (this.versionLogs.length > 0) {
                     this.$refs.versionLogDialog.show = true
                     this.$refs.versionLogDialog.versionLogs = this.versionLogs
-                    this.$refs.versionLogDialog.markdown = this.versionLogs[0].content
+                    this.$refs.versionLogDialog.markdown = await getVersionContext(this.versionLogs[0].version)
                 }
             }
         }
diff --git a/src/frontend/devops-repository/src/components/VersionLog/index.vue b/src/frontend/devops-repository/src/components/VersionLog/index.vue
index db9cbf6588..cfa85717dd 100644
--- a/src/frontend/devops-repository/src/components/VersionLog/index.vue
+++ b/src/frontend/devops-repository/src/components/VersionLog/index.vue
@@ -33,6 +33,7 @@
 <script>
     import { marked } from 'marked'
     import cookies from 'js-cookie'
+    import { getVersionContext } from '@/utils/versionLogs'
 
     export default {
         name: 'VersionLog',
@@ -62,9 +63,10 @@
                 cookies.set('hasShowLog', this.versionLogs[0].version, { domain: BK_CI_DOMAIN, path: '/', expires: 366 })
                 this.show = false
             },
-            handleItemClick (item, index) {
+            async handleItemClick (item, index) {
                 this.active = index
-                this.markdown = item.content
+                const content = await getVersionContext(item.version)
+                this.markdown = content
             }
         }
     }
diff --git a/src/frontend/devops-repository/src/utils/versionLogs.js b/src/frontend/devops-repository/src/utils/versionLogs.js
index b1b633dc59..e56e57eb29 100644
--- a/src/frontend/devops-repository/src/utils/versionLogs.js
+++ b/src/frontend/devops-repository/src/utils/versionLogs.js
@@ -23,34 +23,35 @@ const VersionLogs = [
     'V1.5.2-rc.1.md'
 ]
 
-// 返回实际所有版本,同时进行排序
-export async function getTrueVersion () {
-    const language = cookies.get('blueking_language') || 'zh-cn'
-    const languagePath = language === 'zh-cn' ? 'cn/' : 'en/'
+// 返回实际所有排序版本（注：版本号务必正确,不检查文件是否存在）
+export function getTrueVersions () {
     const realLogs = []
     for (const version of VersionLogs) {
-        const markdownFilePath = '/ui/versionLogs/' + languagePath + version
-        const response = await fetch(markdownFilePath)
-        if (response.ok) {
-            const data = version.replace('.md', '').split('_', 2)
-            let time = ''
-            if (data.length < 2) {
-                time = ''
-            } else {
-                time = data[1]
-            }
-            const markdown = await response.text()
-            const logProperty = {
-                version: data[0],
-                time: time,
-                content: markdown
-            }
-            realLogs.push(logProperty)
+        const data = version.replace('.md', '').split('_', 2)
+        let time = ''
+        if (data.length < 2) {
+            time = ''
+        } else {
+            time = data[1]
         }
+        const logProperty = {
+            version: data[0],
+            time: time
+        }
+        realLogs.push(logProperty)
     }
     return sortLogs(realLogs)
 }
 
+export async function getVersionContext (version) {
+    const language = cookies.get('blueking_language') || 'zh-cn'
+    const languagePath = language === 'zh-cn' ? 'cn/' : 'en/'
+    const markdownFilePath = '/ui/versionLogs/' + languagePath + version + '.md'
+    const response = await fetch(markdownFilePath)
+    const markdown = await response.text()
+    return markdown
+}
+
 function sortLogs (realLogs) {
     return realLogs.sort((version1, version2) => {
         const versionArray1 = version1.version.replace('V', '').replace('-', '.').split('.')