From 2563a5ce60efc163cd9b0813666b18428a03e6eb Mon Sep 17 00:00:00 2001
From: lhzzforever <zly2576885332@163.com>
Date: Wed, 9 Oct 2024 17:38:53 +0800
Subject: [PATCH 1/5] =?UTF-8?q?feature:=20=E6=9B=B4=E6=96=B0=E6=89=80?=
 =?UTF-8?q?=E6=9C=89=E6=96=87=E6=A1=A3=E4=B8=AD=E5=BF=83=E8=B7=B3=E8=BD=AC?=
 =?UTF-8?q?=E9=93=BE=E6=8E=A5=E6=9C=80=E6=96=B0=E8=A7=84=E8=8C=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/App.vue                         | 3 ++-
 frontend/src/components/header-nav/index.vue | 3 ++-
 frontend/src/views/grading-admin/index.vue   | 6 +++---
 frontend/src/views/my-manage-space/index.vue | 7 ++++---
 frontend/src/views/system-access/index.vue   | 5 +++--
 5 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index ec51dac30..e1907b858 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -384,12 +384,13 @@
 
       getRouteInstanceSearch (payload = {}) {
         const { show, routeName } = payload;
+        const curLang = formatI18nKey().toLowerCase().indexOf('en') > -1 ? 'EN' : 'ZH';
         const routeMap = {
           applyCustomPerm: () => {
             this.noInstanceSearchData = Object.assign({}, {
               show: show || false,
               mode: 'dialog',
-              url: `/IAM//1.8/UserGuide/Feature/PermissionsApply.md`,
+              url: `/${curLang}/IAM/1.16/UserGuide/Feature/PermissionsApply.md`,
               title: this.$t(`m.permApply['未启用用户组自动推荐功能']`),
               functionalDesc: this.t(`m.permApply['该功能可以根据用户当前的权限需求，自动匹配相关的用户组']`),
               guideTitle: this.$t(`m.permApply['如需启用该功能，请联系部署同学部署相关ES服务']`),
diff --git a/frontend/src/components/header-nav/index.vue b/frontend/src/components/header-nav/index.vue
index 8343001d2..e82592648 100644
--- a/frontend/src/components/header-nav/index.vue
+++ b/frontend/src/components/header-nav/index.vue
@@ -173,7 +173,8 @@
     };
   };
 
-  const NORMAL_DOCU_LINK = '/IAM/UserGuide/Introduce/README.md';
+  const curLang = formatI18nKey().toLowerCase().indexOf('en') > -1 ? 'EN' : 'ZH';
+  const NORMAL_DOCU_LINK = `/${curLang}/IAM/1.16/UserGuide/Introduce/README.md`;
   // const GRADE_DOCU_LINK = '/权限中心/产品白皮书/场景案例/GradingManager.md';
 
   const docuLinkMap = new Map([
diff --git a/frontend/src/views/grading-admin/index.vue b/frontend/src/views/grading-admin/index.vue
index bf331f50a..6c6033192 100644
--- a/frontend/src/views/grading-admin/index.vue
+++ b/frontend/src/views/grading-admin/index.vue
@@ -273,7 +273,7 @@
   import _ from 'lodash';
   import { mapGetters } from 'vuex';
   import { buildURLParams } from '@/common/url';
-  import { getWindowHeight, formatCodeData } from '@/common/util';
+  import { getWindowHeight, formatCodeData, formatI18nKey } from '@/common/util';
   import ConfirmDialog from '@/components/iam-confirm-dialog/index';
   import ApplyDialog from './components/apply-join-dialog';
   import IamEditInput from '@/views/my-manage-space/components/iam-edit/input';
@@ -864,8 +864,8 @@
       },
 
       handleOpenDocu () {
-        const GRADE_DOCU_LINK = '/IAM/UserGuide/Feature/ManagerCreate.md';
-        window.open(`${window.BK_DOCS_URL_PREFIX}${GRADE_DOCU_LINK}`);
+        const curLang = formatI18nKey().toLowerCase().indexOf('en') > -1 ? 'EN' : 'ZH';
+        window.open(`${window.BK_DOCS_URL_PREFIX}/${curLang}/IAM/1.16/UserGuide/Feature/ManagerCreate.md`);
       }
 
     }
diff --git a/frontend/src/views/my-manage-space/index.vue b/frontend/src/views/my-manage-space/index.vue
index b0c8f53de..bc83c77a1 100644
--- a/frontend/src/views/my-manage-space/index.vue
+++ b/frontend/src/views/my-manage-space/index.vue
@@ -319,7 +319,7 @@
 <script>
   import _ from 'lodash';
   import { mapGetters } from 'vuex';
-  import { getWindowHeight, formatCodeData } from '@/common/util';
+  import { getWindowHeight, formatCodeData, formatI18nKey } from '@/common/util';
   import IamEditInput from './components/iam-edit/input';
   import IamEditMemberSelector from './components/iam-edit/member-selector';
   import IamEditTextarea from './components/iam-edit/textarea';
@@ -968,9 +968,10 @@
           }
         );
       },
+
       handleOpenDocu () {
-        const GRADE_DOCU_LINK = '/IAM/UserGuide/Feature/UserApply.md';
-        window.open(`${window.BK_DOCS_URL_PREFIX}${GRADE_DOCU_LINK}`);
+        const curLang = formatI18nKey().toLowerCase().indexOf('en') > -1 ? 'EN' : 'ZH';
+        window.open(`${window.BK_DOCS_URL_PREFIX}/${curLang}/IAM/1.16/UserGuide/Feature/UserApply.md`);
       }
     }
   };
diff --git a/frontend/src/views/system-access/index.vue b/frontend/src/views/system-access/index.vue
index 9c17a2377..29239a561 100644
--- a/frontend/src/views/system-access/index.vue
+++ b/frontend/src/views/system-access/index.vue
@@ -120,7 +120,7 @@
 </template>
 <script>
   import { buildURLParams } from '@/common/url';
-  import { formatCodeData } from '@/common/util';
+  import { formatCodeData, formatI18nKey } from '@/common/util';
 
   export default {
     name: 'system-access-index',
@@ -220,7 +220,8 @@
       },
 
       handleOpenMoreLink () {
-        window.open(`${window.BK_DOCS_URL_PREFIX}/权限中心/产品白皮书/场景案例/GradingManager.md`);
+        const curLang = formatI18nKey().toLowerCase().indexOf('en') > -1 ? 'EN' : 'ZH';
+        window.open(`${window.BK_DOCS_URL_PREFIX}/${curLang}/IAM/1.16/UserGuide/Feature/GradingManager.md`);
       },
 
       refreshCurrentQuery () {

From a990d49103b2fab6b86a1fec78cfb08b1fc1a724 Mon Sep 17 00:00:00 2001
From: lhzzforever <zly2576885332@163.com>
Date: Thu, 10 Oct 2024 15:40:21 +0800
Subject: [PATCH 2/5] =?UTF-8?q?fix:=20=E5=A4=84=E7=90=86=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E7=A9=BA=E9=97=B4=E5=85=B3=E8=81=94=E6=A8=A1=E5=9D=97=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E5=91=98=E4=B8=BA=E7=A9=BA=E7=AD=89=E5=BC=82=E5=B8=B8?=
 =?UTF-8?q?=E6=83=85=E5=86=B5=E4=B8=8B=E5=8F=AF=E6=94=AF=E6=8C=81=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=E7=AE=A1=E7=90=86=E5=91=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/iam-edit/member-selector.vue   | 33 ++++++++++---------
 .../set/components/render-super-manager.vue   |  3 ++
 2 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/frontend/src/views/my-manage-space/components/iam-edit/member-selector.vue b/frontend/src/views/my-manage-space/components/iam-edit/member-selector.vue
index ba5aa3f96..c523dabdd 100644
--- a/frontend/src/views/my-manage-space/components/iam-edit/member-selector.vue
+++ b/frontend/src/views/my-manage-space/components/iam-edit/member-selector.vue
@@ -2,22 +2,23 @@
   <div class="iam-edit-selector" :style="styles">
     <template v-if="!isEditable">
       <div class="edit-wrapper">
-        <div class="edit-content" :title="displayValue.map(item => item.username) || ''">
-          <slot>
-            <span
-              v-for="(item, i) in displayValue"
-              :key="i"
-              class="member-item"
-              :class="item.readonly ? 'member-readonly' : ''"
-            >
-              {{ item.username }}
-              <!-- <Icon v-if="!isShowRole" type="close-small"
-                                @click.stop="handleDelete(index)" />
-                            <Icon v-else type="close-small"
-                                @click.stop="handleDelete(index)" /> -->
-            </span>
-          </slot>
-        </div>
+        <template v-if="displayValue.length">
+          <div class="edit-content" v-bk-tooltips="{ content: displayValue.map(item => item.username) }">
+            <slot>
+              <span
+                v-for="(item, i) in displayValue"
+                :key="i"
+                class="member-item"
+                :class="item.readonly ? 'member-readonly' : ''"
+              >
+                {{ item.username }}
+              </span>
+            </slot>
+          </div>
+        </template>
+        <template v-else>
+          <span>--</span>
+        </template>
         <div class="edit-action-box" v-if="isEditMode">
           <Icon
             type="edit-fill"
diff --git a/frontend/src/views/set/components/render-super-manager.vue b/frontend/src/views/set/components/render-super-manager.vue
index d6d0a021b..5c87e1262 100644
--- a/frontend/src/views/set/components/render-super-manager.vue
+++ b/frontend/src/views/set/components/render-super-manager.vue
@@ -185,6 +185,9 @@
 
       async fetchSuperManager () {
         this.$emit('data-ready', false);
+        if (!['super_manager'].includes(this.user.role.type)) {
+          return;
+        }
         try {
           const { code, data } = await this.$store.dispatch('role/getSuperManager');
           const tempArr = [];

From 7aa8db52aeebdc0069847d2db43b29fd2052cb00 Mon Sep 17 00:00:00 2001
From: lhzzforever <zly2576885332@163.com>
Date: Thu, 10 Oct 2024 17:03:25 +0800
Subject: [PATCH 3/5] =?UTF-8?q?feature:=20=E5=AE=9E=E7=8E=B0=E4=B8=8D?=
 =?UTF-8?q?=E5=90=8C=E9=A1=B5=E9=9D=A2=E5=8A=A8=E6=80=81=E7=89=88=E6=9C=AC?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC=E5=88=B0=E7=9B=B8=E5=85=B3=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=E4=B8=AD=E5=BF=83=E6=A6=82=E8=BF=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/App.vue                         | 10 ++--
 frontend/src/common/util.js                  | 22 ++++++++
 frontend/src/components/header-nav/index.vue | 50 ++----------------
 frontend/src/views/grading-admin/index.vue   | 26 +++++-----
 frontend/src/views/my-manage-space/index.vue | 53 +++++++++-----------
 frontend/src/views/system-access/index.vue   |  9 ++--
 6 files changed, 72 insertions(+), 98 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index e1907b858..f552b85c8 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -88,7 +88,7 @@
   import '@blueking/functional-dependency/vue2/vue2.css';
   import '@blueking/notice-component-vue2/dist/style.css';
   // import IamGuide from '@/components/iam-guide/index.vue';
-  import { existValue, formatI18nKey } from '@/common/util';
+  import { existValue, formatI18nKey, navDocCenterPath } from '@/common/util';
   import { bus } from '@/common/bus';
   import { mapGetters } from 'vuex';
   import { afterEach } from '@/router';
@@ -150,7 +150,7 @@
       };
     },
     computed: {
-      ...mapGetters(['mainContentLoading', 'user', 'externalSystemsLayout']),
+      ...mapGetters(['mainContentLoading', 'user', 'externalSystemsLayout', 'versionLogs']),
       isShowNoticeAlert () {
         return this.showNoticeAlert && this.isEnableNoticeAlert;
       },
@@ -382,15 +382,15 @@
         window.open(`${window.BK_DOCS_URL_PREFIX}${payload}`);
       },
 
-      getRouteInstanceSearch (payload = {}) {
+      async getRouteInstanceSearch (payload = {}) {
         const { show, routeName } = payload;
-        const curLang = formatI18nKey().toLowerCase().indexOf('en') > -1 ? 'EN' : 'ZH';
+        const curPath = await navDocCenterPath(this.versionLogs, `/UserGuide/Feature/PermissionsApply.md`, false);
         const routeMap = {
           applyCustomPerm: () => {
             this.noInstanceSearchData = Object.assign({}, {
               show: show || false,
               mode: 'dialog',
-              url: `/${curLang}/IAM/1.16/UserGuide/Feature/PermissionsApply.md`,
+              url: curPath,
               title: this.$t(`m.permApply['未启用用户组自动推荐功能']`),
               functionalDesc: this.t(`m.permApply['该功能可以根据用户当前的权限需求，自动匹配相关的用户组']`),
               guideTitle: this.$t(`m.permApply['如需启用该功能，请联系部署同学部署相关ES服务']`),
diff --git a/frontend/src/common/util.js b/frontend/src/common/util.js
index 7c979018c..c0d3b3759 100644
--- a/frontend/src/common/util.js
+++ b/frontend/src/common/util.js
@@ -829,3 +829,25 @@ export const getRoutePath = (subPath) => {
   const path = subPath.startsWith('/') ? subPath.slice(1) : subPath;
   return rootPath ? `${rootPath}${path}` : subPath;
 };
+
+/**
+ * 跳转不同页面的文档中心
+ * @param {versionLog} versionLog 传入的版本列表
+ * @param {path} path 传入的文档路径
+ * @param {autoOpen} autoOpen 是否自动跳转到文档中心
+ */
+export const navDocCenterPath = (versionLog, path, autoOpen = true) => {
+  let curVersion = '1.16';
+  const curLang = formatI18nKey().toLowerCase().indexOf('en') > -1 ? 'EN' : 'ZH';
+  if (versionLog.length) {
+    const { version } = versionLog[0];
+    const lastIndex = version.lastIndexOf('.');
+    curVersion = version.substring(1, lastIndex !== -1 ? lastIndex : version.length);
+  }
+  const curPath = `/${curLang}/IAM/${curVersion}${path}`;
+  if (autoOpen) {
+    window.open(`${window.BK_DOCS_URL_PREFIX}${curPath}`);
+  } else {
+    return curPath;
+  }
+};
diff --git a/frontend/src/components/header-nav/index.vue b/frontend/src/components/header-nav/index.vue
index e82592648..1a3079f7a 100644
--- a/frontend/src/components/header-nav/index.vue
+++ b/frontend/src/components/header-nav/index.vue
@@ -126,7 +126,7 @@
   import { il8n, language } from '@/language';
   import { bus } from '@/common/bus';
   import { buildURLParams } from '@/common/url';
-  import { formatI18nKey, jsonpRequest, getManagerMenuPerm } from '@/common/util';
+  import { formatI18nKey, jsonpRequest, getManagerMenuPerm, navDocCenterPath } from '@/common/util';
   import { NEED_CONFIRM_DIALOG_ROUTER } from '@/common/constants';
   import { getRouterDiff, getNavRouterDiff } from '@/common/router-handle';
   import SystemLog from '../system-log';
@@ -173,41 +173,6 @@
     };
   };
 
-  const curLang = formatI18nKey().toLowerCase().indexOf('en') > -1 ? 'EN' : 'ZH';
-  const NORMAL_DOCU_LINK = `/${curLang}/IAM/1.16/UserGuide/Introduce/README.md`;
-  // const GRADE_DOCU_LINK = '/权限中心/产品白皮书/场景案例/GradingManager.md';
-
-  const docuLinkMap = new Map([
-    // 权限模板
-    [['permTemplate', 'permTemplateDetail', 'permTemplateCreate'], NORMAL_DOCU_LINK],
-    // 首页
-    [['', 'index'], NORMAL_DOCU_LINK],
-    // 用户组
-    [
-      ['userGroup', 'userGroupDetail', 'createUserGroup', 'userGroupPermDetail'],
-      NORMAL_DOCU_LINK
-    ],
-    // 系统接入
-    [['systemAccess'], NORMAL_DOCU_LINK],
-    // 我的申请
-    [['apply'], NORMAL_DOCU_LINK],
-    // 权限申请 'permApply'
-    [['applyCustomPerm', 'applyJoinUserGroup'], NORMAL_DOCU_LINK],
-    // 我的权限
-    [['myPerm', 'templatePermDetail', 'groupPermDetail', 'permRenewal'], NORMAL_DOCU_LINK],
-    // 管理空间
-    [
-      ['ratingManager', 'gradingAdminDetail', 'gradingAdminCreate', 'gradingAdminEdit'],
-      NORMAL_DOCU_LINK
-    ],
-    // 管理员
-    [['administrator'], NORMAL_DOCU_LINK],
-    // 审批流程
-    [['approvalProcess'], NORMAL_DOCU_LINK],
-    // 用户
-    [['user'], NORMAL_DOCU_LINK]
-  ]);
-
   export default {
     inject: ['reloadCurPage'],
     components: {
@@ -254,8 +219,6 @@
         getTabData: getTabData,
         curRoleList: [],
         searchValue: '',
-        docuLinkMap: docuLinkMap,
-        curDocuLink: `${window.BK_DOCS_URL_PREFIX}${NORMAL_DOCU_LINK}`,
         showGuide: false,
         isShowHeader: false,
         placeholderValue: '',
@@ -295,7 +258,8 @@
         'roleList',
         'index',
         'navCurRoleId',
-        'externalSystemId'
+        'externalSystemId',
+        'versionLogs'
       ]),
       ...mapGetters('userGlobalConfig', ['globalConfig']),
       style () {
@@ -335,12 +299,6 @@
           }
           this.active = active;
         }
-        for (const [key, value] of this.docuLinkMap.entries()) {
-          if (key.includes(to.name)) {
-            this.curDocuLink = `${window.BK_DOCS_URL_PREFIX}${value}`;
-            break;
-          }
-        }
       },
       user: {
         handler (value) {
@@ -467,7 +425,7 @@
       },
 
       handleOpenDocu () {
-        window.open(this.curDocuLink);
+        navDocCenterPath(this.versionLogs, '/UserGuide/Introduce/README.md', true);
       },
 
       handleOpenQuestion () {
diff --git a/frontend/src/views/grading-admin/index.vue b/frontend/src/views/grading-admin/index.vue
index 6c6033192..923df5b07 100644
--- a/frontend/src/views/grading-admin/index.vue
+++ b/frontend/src/views/grading-admin/index.vue
@@ -273,7 +273,7 @@
   import _ from 'lodash';
   import { mapGetters } from 'vuex';
   import { buildURLParams } from '@/common/url';
-  import { getWindowHeight, formatCodeData, formatI18nKey } from '@/common/util';
+  import { getWindowHeight, formatCodeData, navDocCenterPath } from '@/common/util';
   import ConfirmDialog from '@/components/iam-confirm-dialog/index';
   import ApplyDialog from './components/apply-join-dialog';
   import IamEditInput from '@/views/my-manage-space/components/iam-edit/input';
@@ -355,16 +355,16 @@
       };
     },
     computed: {
-            ...mapGetters(['user']),
-            isStaff () {
-                return this.user.role.type === 'staff';
-            },
-            disabledPerm () {
-                return (payload) => {
-                    const result = payload.members.map(item => item.username).includes(this.user.username);
-                    return !result;
-                };
-            }
+      ...mapGetters(['user', 'versionLogs']),
+      isStaff () {
+        return this.user.role.type === 'staff';
+      },
+      disabledPerm () {
+        return (payload) => {
+          const result = payload.members.map(item => item.username).includes(this.user.username);
+          return !result;
+        };
+      }
     },
     watch: {
       searchValue (newVal, oldVal) {
@@ -864,10 +864,8 @@
       },
 
       handleOpenDocu () {
-        const curLang = formatI18nKey().toLowerCase().indexOf('en') > -1 ? 'EN' : 'ZH';
-        window.open(`${window.BK_DOCS_URL_PREFIX}/${curLang}/IAM/1.16/UserGuide/Feature/ManagerCreate.md`);
+        navDocCenterPath(this.versionLogs, `/UserGuide/Feature/ManagerCreate.md`, true);
       }
-
     }
   };
 </script>
diff --git a/frontend/src/views/my-manage-space/index.vue b/frontend/src/views/my-manage-space/index.vue
index bc83c77a1..af9820dcb 100644
--- a/frontend/src/views/my-manage-space/index.vue
+++ b/frontend/src/views/my-manage-space/index.vue
@@ -196,9 +196,9 @@
                 iconColor[1] : iconColor[0] }" />
             <iam-edit-input
               field="name"
+              mode="edit"
               :placeholder="$t(`m.verify['请输入']`)"
               :value="row.name"
-              :mode="formatMode(row)"
               style="width: 100%; margin-left: 5px"
               :index="$index"
               :remote-hander="handleUpdateManageSpace"
@@ -211,9 +211,9 @@
           <iam-edit-member-selector
             field="members"
             width="200"
+            mode="edit"
             :placeholder="$t(`m.verify['请输入']`)"
             :value="row.members"
-            :mode="formatMode(row)"
             :index="$index"
             @on-change="handleUpdateMembers"
           />
@@ -224,9 +224,9 @@
           <iam-edit-textarea
             field="description"
             width="300"
+            mode="edit"
             :placeholder="$t(`m.verify['请输入']`)"
             :value="row.description"
-            :mode="formatMode(row)"
             :index="$index"
             :remote-hander="handleUpdateManageSpace"
           />
@@ -319,7 +319,7 @@
 <script>
   import _ from 'lodash';
   import { mapGetters } from 'vuex';
-  import { getWindowHeight, formatCodeData, formatI18nKey } from '@/common/util';
+  import { getWindowHeight, formatCodeData, navDocCenterPath } from '@/common/util';
   import IamEditInput from './components/iam-edit/input';
   import IamEditMemberSelector from './components/iam-edit/member-selector';
   import IamEditTextarea from './components/iam-edit/textarea';
@@ -393,30 +393,24 @@
       };
     },
     computed: {
-            ...mapGetters(['user', 'roleList', 'externalSystemId']),
-            tableHeight () {
-                return getWindowHeight() - 185;
-            },
-            disabledPerm () {
-              return (payload, roleType) => {
-                const { type, members } = payload;
-                if (['subset_manager'].includes(type) || roleType) {
-                  return false;
-                } else {
-                  const result = members.map((item) => item.username).includes(this.user.username);
-                  return !result;
-                }
-              };
-          },
-            isStaff () {
-                return this.user.role.type === 'staff';
-            },
-            formatMode () {
-                return (payload) => {
-                    // return payload.is_member || this.isFilter ? 'edit' : 'detail';
-                    return 'edit';
-                };
-            }
+      ...mapGetters(['user', 'roleList', 'externalSystemId', 'versionLogs']),
+      tableHeight () {
+          return getWindowHeight() - 185;
+      },
+      disabledPerm () {
+        return (payload, roleType) => {
+          const { type, members } = payload;
+          if (['subset_manager'].includes(type) || roleType) {
+            return false;
+          } else {
+            const result = members.map((item) => item.username).includes(this.user.username);
+            return !result;
+          }
+        };
+    },
+      isStaff () {
+          return this.user.role.type === 'staff';
+      }
     },
     watch: {
       searchValue (newVal, oldVal) {
@@ -970,8 +964,7 @@
       },
 
       handleOpenDocu () {
-        const curLang = formatI18nKey().toLowerCase().indexOf('en') > -1 ? 'EN' : 'ZH';
-        window.open(`${window.BK_DOCS_URL_PREFIX}/${curLang}/IAM/1.16/UserGuide/Feature/UserApply.md`);
+        navDocCenterPath(this.versionLogs, `/UserGuide/Feature/UserApply.md`, true);
       }
     }
   };
diff --git a/frontend/src/views/system-access/index.vue b/frontend/src/views/system-access/index.vue
index 29239a561..de4570336 100644
--- a/frontend/src/views/system-access/index.vue
+++ b/frontend/src/views/system-access/index.vue
@@ -120,7 +120,8 @@
 </template>
 <script>
   import { buildURLParams } from '@/common/url';
-  import { formatCodeData, formatI18nKey } from '@/common/util';
+  import { formatCodeData, navDocCenterPath } from '@/common/util';
+  import { mapGetters } from 'vuex';
 
   export default {
     name: 'system-access-index',
@@ -200,6 +201,9 @@
         }
       };
     },
+    computed: {
+      ...mapGetters(['versionLogs'])
+    },
     watch: {
       'pagination.current' (value) {
         this.currentBackup = value;
@@ -220,8 +224,7 @@
       },
 
       handleOpenMoreLink () {
-        const curLang = formatI18nKey().toLowerCase().indexOf('en') > -1 ? 'EN' : 'ZH';
-        window.open(`${window.BK_DOCS_URL_PREFIX}/${curLang}/IAM/1.16/UserGuide/Feature/GradingManager.md`);
+        navDocCenterPath(this.versionLogs, `/UserGuide/Feature/GradingManager.md`, true);
       },
 
       refreshCurrentQuery () {

From 77cbc47a3cf180ed8e9eebaee0082bee5a3455ab Mon Sep 17 00:00:00 2001
From: lhzzforever <zly2576885332@163.com>
Date: Thu, 10 Oct 2024 17:53:51 +0800
Subject: [PATCH 4/5] =?UTF-8?q?feature:=20=E7=B3=BB=E7=BB=9F=E6=8E=A5?=
 =?UTF-8?q?=E5=85=A5=E6=B7=BB=E5=8A=A0=E6=97=A5=E5=BF=97=E7=89=88=E6=9C=AC?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC=E6=96=87=E6=A1=A3=E4=B8=AD=E5=BF=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/system-access/complete/index.vue    | 15 +++++-
 frontend/src/views/system-access/index.vue    | 51 +++++++++++++++++++
 2 files changed, 64 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/system-access/complete/index.vue b/frontend/src/views/system-access/complete/index.vue
index b87976ff0..cb12aa6a8 100644
--- a/frontend/src/views/system-access/complete/index.vue
+++ b/frontend/src/views/system-access/complete/index.vue
@@ -40,7 +40,9 @@
                 <div class="block-content">
                   <div class="language"></div>
                   <div class="time"></div>
-                  <bk-link class="link" theme="primary" href="https://bk.tencent.com/docs/document/6.0/160/8456" target="_blank">{{ $t(`m.access['查看API鉴权接口']`) }}</bk-link>
+                  <bk-link class="link" theme="primary" :href="AuthLinkUrl" target="_blank">
+                    {{ $t(`m.access['查看API鉴权接口']`) }}
+                  </bk-link>
                 </div>
               </div>
             </div>
@@ -59,7 +61,10 @@
     </div>
   </div>
 </template>
+
 <script>
+  import { mapGetters } from 'vuex';
+  import { navDocCenterPath } from '@/common/util';
   import { saveAs } from '@/common/file-saver';
   import beforeStepChangedMixin from '../common/before-stepchange';
 
@@ -69,7 +74,7 @@
       return {
         modelingId: '',
         downloadLoading: false,
-
+        AuthLinkUrl: 'https://bk.tencent.com/docs/document/6.0/160/8456',
         controllableSteps: {
           controllable: true,
           steps: [
@@ -82,6 +87,9 @@
         }
       };
     },
+    computed: {
+      ...mapGetters(['versionLogs'])
+    },
     mounted () {
       const stepNode = this.$refs.systemAccessStep.$el;
       if (stepNode) {
@@ -91,6 +99,9 @@
         });
         children[3].classList.add('current');
       }
+      if (this.versionLogs.length) {
+        this.AuthLinkUrl = `${window.BK_DOCS_URL_PREFIX}${navDocCenterPath(this.versionLogs, `/IntegrateGuide/Reference/API/04-Auth/02-DirectAPI.md`, false)}`;
+      }
     },
     methods: {
       stepChanged (index) {
diff --git a/frontend/src/views/system-access/index.vue b/frontend/src/views/system-access/index.vue
index de4570336..eb89c7da0 100644
--- a/frontend/src/views/system-access/index.vue
+++ b/frontend/src/views/system-access/index.vue
@@ -207,6 +207,57 @@
     watch: {
       'pagination.current' (value) {
         this.currentBackup = value;
+      },
+      versionLogs: {
+        handler (value) {
+          if (value.length) {
+            this.helpList = [
+              {
+                name: this.$t(`m.access['接入前准备']`),
+                urlInfo: [
+                  {
+                    'text': '什么是蓝鲸权限中心', url: `${window.BK_DOCS_URL_PREFIX}${navDocCenterPath(value, `/UserGuide/Introduce/README.md`, false)}`
+                  },
+                  {
+                    'text': '工作原理', url: `${window.BK_DOCS_URL_PREFIX}${navDocCenterPath(value, `/UserGuide/Introduce/Principle.md`, false)}`
+                  },
+                  {
+                    'text': '了解概念', url: `${window.BK_DOCS_URL_PREFIX}${navDocCenterPath(value, `/UserGuide/Term/Term.md`, false)}`
+                  }
+                ]
+              },
+              {
+                name: this.$t(`m.access['接入教程']`),
+                urlInfo: [
+                  {
+                    'text': '开发接入文档', url: `${window.BK_DOCS_URL_PREFIX}${navDocCenterPath(value, `/IntegrateGuide/QuickStart/01-Begin.md`, false)}`
+                  },
+                  {
+                    'text': '开发接入实战视频', url: 'https://bkvideos-1252002024.cos.ap-guangzhou.myqcloud.com/bkiam/quanxianzhognxinkaifajierushizhan.MP4'
+                  }
+                ]
+              },
+              {
+                name: this.$t(`m.access['鉴权SDK']`),
+                urlInfo: [
+                  {
+                    'text': 'Python', url: 'https://github.com/TencentBlueKing/iam-python-sdk'
+                  },
+                  {
+                    'text': 'Go', url: 'https://github.com/TencentBlueKing/iam-go-sdk'
+                  },
+                  {
+                    'text': 'PHP', url: 'https://github.com/TencentBlueKing/iam-php-sdk'
+                  },
+                  {
+                    'text': this.$t(`m.common['更多']`), url: `${window.BK_DOCS_URL_PREFIX}${navDocCenterPath(value, `/IntegrateGuide/Reference/SDK/01-PythonSDK.md`, false)}`
+                  }
+                ]
+              }
+            ];
+          }
+        },
+        immediate: true
       }
     },
     created () {

From 721d44bda48e18c385bb62de7a735107dc80e114 Mon Sep 17 00:00:00 2001
From: lhzzforever <zly2576885332@163.com>
Date: Thu, 10 Oct 2024 17:55:19 +0800
Subject: [PATCH 5/5] =?UTF-8?q?feature:=20=E7=B3=BB=E7=BB=9F=E6=8E=A5?=
 =?UTF-8?q?=E5=85=A5=E6=B7=BB=E5=8A=A0=E6=97=A5=E5=BF=97=E7=89=88=E6=9C=AC?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC=E6=96=87=E6=A1=A3=E4=B8=AD=E5=BF=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/user/components/record-list.vue | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/user/components/record-list.vue b/frontend/src/views/user/components/record-list.vue
index bec77e1ec..919bb03c2 100644
--- a/frontend/src/views/user/components/record-list.vue
+++ b/frontend/src/views/user/components/record-list.vue
@@ -111,7 +111,7 @@
       <div slot="content" v-bkloading="{ isLoading: logDetailLoading, opacity: 1 }">
         <section v-show="!logDetailLoading">
           <div class="link-btn">
-            <bk-link class="link" theme="primary" href="https://bk.tencent.com/docs/document/6.0/160/8402" target="_blank">{{$t(`m.user['同步失败排查指引']`)}}</bk-link>
+            <bk-link class="link" theme="primary" :href="linkUrl" target="_blank">{{$t(`m.user['同步失败排查指引']`)}}</bk-link>
           </div>
           <div v-if="exceptionMsg || traceBackMsg"
             class="msg-content">
@@ -131,8 +131,9 @@
 </template>
 
 <script>
+  import { mapGetters } from 'vuex';
+  import { navDocCenterPath, formatCodeData, timestampToTime, getWindowHeight } from '@/common/util';
   import { bus } from '@/common/bus';
-  import { formatCodeData, timestampToTime, getWindowHeight } from '@/common/util';
   import RenderStatus from './render-status';
   import moment from 'moment';
 
@@ -209,9 +210,13 @@
           tip: '',
           tipType: ''
         },
-        tableHeight: getWindowHeight() - 185
+        tableHeight: getWindowHeight() - 185,
+        linkUrl: 'https://bk.tencent.com/docs/document/6.0/160/8402'
       };
     },
+    computed: {
+      ...mapGetters(['versionLogs'])
+    },
     watch: {
       'pagination.current' (value) {
         this.currentBackup = value;
@@ -234,6 +239,9 @@
         bus.$off('updatePoll');
         bus.$off('sync-success');
       });
+      if (this.versionLogs.length) {
+        this.linkUrl = `${window.BK_DOCS_URL_PREFIX}${navDocCenterPath(this.versionLogs, `/IntegrateGuide/HowTo/FAQ/Debug/SaaS-DeptSync.md`, false)}`;
+      }
     },
     methods: {
       async fetchPageData () {