feat(frontend): 添加产品文档入口 TencentBlueKing#8572

# Reviewed, transaction id: 26634

dbm-ui/frontend/src/App.vue

@@ -22,6 +22,11 @@
             @click="handleShowSystemVersionLog">
             {{ t('版本日志') }}
           </div>
+          <div
+            class="item"
+            @click="linkToDoc">
+            {{ t('产品文档') }}
+          </div>
         </template>
       </BkPopover>
       <BkPopover
@@ -64,7 +69,7 @@
 
   import { useSQLTaskNotify } from '@hooks';
 
-  import { useUserProfile } from '@stores';
+  import { useSystemEnviron, useUserProfile } from '@stores';
 
   import DbRouterView from '@components/db-router-view/Index.vue';
   import LocaleSwitch from '@components/locale-switch/Index.vue';
@@ -83,6 +88,7 @@
   const userProfileStore = useUserProfile();
   userProfileStore.fetchProfile();
   const { t, locale } = useI18n();
+  const systemEnvironStore = useSystemEnviron();
 
   const documentTitles: Record<string, string> = {
     en: 'DBM | Tencent BlueKing',
@@ -111,6 +117,13 @@
     isShowSystemVersionLog.value = true;
   };
 
+  const linkToDoc = () => {
+    const url = systemEnvironStore.urls.BK_HELPER_URL;
+    if (url) {
+      window.open(url, '_blank');
+    }
+  };
+
   const handleSignOut = () => {
     InfoBox({
       title: t('确认退出登录'),

dbm-ui/frontend/src/locales/zh-cn.json

@@ -3714,5 +3714,6 @@
   "% 不能单独使用": "% 不能单独使用",
   "访问 DB 名必须合法": "访问 DB 名必须合法",
   "请输入访问DB名_以字母开头_支持 % 通配符 或 % 单独使用代表ALL_多个使用英文逗号_分号或换行分隔": "请输入访问DB名，以字母开头，支持 % 通配符 或 % 单独使用代表ALL。多个使用英文逗号、分号或换行分隔",
+  "产品文档": "产品文档",
   "这行勿动！新增翻译请在上一行添加！": ""
 }