feat：新增文档中心和版本日志等说明 #2587

src/frontend/devops-repository/src/App.vue

@@ -17,6 +17,7 @@
     import Login from '@repository/components/Login'
     import cookies from 'js-cookie'
     import { mapActions } from 'vuex'
+    import { getTrueVersion } from '@repository/utils/versionLogs'
     export default {
         components: { NoticeComponent, Header, Login },
         mixins: [mixin],
@@ -30,15 +31,15 @@
                 return subEnv
             }
         },
-        created () {
+        async created () {
             const username = cookies.get('bk_uid')
             username && this.SET_USER_INFO({ username })
             this.getPermissionDialogConfig()
-            this.getVersionLogs().finally(() => {
-                if (!this.ciMode && !this.isSubSaas) {
-                    this.$refs.head.showVersionLogs()
-                }
-            })
+            const logs = await getTrueVersion()
+            if (logs.length > 0 && !this.ciMode && !this.isSubSaas) {
+                this.$store.commit('SET_VERSION_LOGS', logs)
+                this.$refs.head.showVersionLogs()
+            }
             if (!this.isSubSaas && this.ciMode) {
                 this.loadDevopsUtils('/ui/devops-utils.js')
                 // 请求管理员信息
@@ -104,8 +105,7 @@
                 'ajaxUserInfo',
                 'getRepoUserList',
                 'getClusterList',
-                'getPermissionDialogConfig',
-                'getVersionLogs'
+                'getPermissionDialogConfig'
             ])
         }
     }

src/frontend/devops-repository/src/store/actions/index.js

@@ -131,11 +131,5 @@ export default {
             cookie.remove('bkrepo_ticket')
             commit('SHOW_LOGIN_DIALOG', true)
         }
-    },
-    // 获取版本信息
-    getVersionLogs ({ commit }) {
-        return Vue.prototype.$ajax.get(`${prefix}/version/log`).then(res => {
-            commit('SET_VERSION_LOGS', res)
-        })
     }
 }

src/frontend/devops-repository/src/utils/versionLogs.js

@@ -0,0 +1,85 @@
+import cookies from 'js-cookie'
+
+// js不支持读取文件夹文件，故需先汇总所有版本
+// 标准格式为V版本号_日期.md
+const VersionLogs = [
+    'V1.3.16-beta.2.md',
+    'V1.3.16-beta.3.md',
+    'V1.3.16-beta.4.md',
+    'V1.3.16-beta.8.md',
+    'V1.3.19-beta.1.md',
+    'V1.3.20-beta.5.md',
+    'V1.3.20-beta.6.md',
+    'V1.3.20-beta.7.md',
+    'V1.3.20-beta.10.md',
+    'V1.3.21-beta.1.md',
+    'V1.3.26-beta.6.md',
+    'V1.3.27-alpha.2.md',
+    'V1.3.29-beta.1.md',
+    'V1.4.1-beta.2.md',
+    'V1.4.1-beta.3.md',
+    'V1.4.1-beta.4.md',
+    'V1.5.1-beta.3.md'
+]
+
+// 返回实际所有版本,同时进行排序
+export async function getTrueVersion () {
+    const language = cookies.get('blueking_language') || 'zh-cn'
+    const languagePath = language === 'zh-cn' ? 'cn/' : 'en/'
+    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)
+        }
+    }
+    return sortLogs(realLogs)
+}
+
+function sortLogs (realLogs) {
+    return realLogs.sort((version1, version2) => {
+        const versionArray1 = version1.version.replace('V', '').replace('-', '.').split('.')
+        const versionArray2 = version2.version.replace('V', '').replace('-', '.').split('.')
+        const versionLength1 = versionArray1.length
+        const versionLength2 = versionArray2.length
+
+        // 比较每个版本号的部分
+        for (let index = 0; index < Math.min(versionLength1, versionLength2); index++) {
+            const part1 = isNaN(versionArray1[index]) ? versionArray1[index] : parseInt(versionArray1[index])
+            const part2 = isNaN(versionArray2[index]) ? versionArray2[index] : parseInt(versionArray2[index])
+            // 如果部分是数字，进行数字比较；否则进行字符串比较
+            let comparisonResult
+            if (typeof part1 === 'number' && typeof part2 === 'number') {
+                comparisonResult = part2 - part1 // 数字比较
+            } else if (typeof part1 === 'string' && typeof part2 === 'string') {
+                comparisonResult = part2.localeCompare(part1) // 字符串比较
+            } else if (typeof part1 === 'number') {
+                comparisonResult = -1
+            } else if (typeof part2 === 'number') {
+                comparisonResult = 1
+            } else {
+                comparisonResult = part2.localeCompare(part1)
+            }
+
+            if (comparisonResult !== 0) {
+                return comparisonResult
+            }
+        }
+        // 如果前面的部分相同，比较长度
+        return versionLength2 - versionLength1
+    })
+}