feat: 新增系统设置帮助文档/官网设置

src/layouts/components/RightContent.vue

@@ -3,10 +3,12 @@ import { MenuInfo } from 'ant-design-vue/lib/menu/src/interface';
 import { useRouter } from 'vue-router';
 import { toggle, isFullscreen } from '@/utils/fullscreen-utils';
 import useI18n from '@/hooks/useI18n';
+import useAppStore from '@/store/modules/app';
 import useUserStore from '@/store/modules/user';
 import useAlarmStore from '@/store/modules/alarm';
 const { t, changeLocale } = useI18n();
 const userStore = useUserStore();
+const appStore = useAppStore();
 const router = useRouter();
 
 /**头像展开项点击 */
@@ -29,11 +31,6 @@ function fnClickAlarm() {
   router.push({ path: '/faultManage/active-alarm' });
 }
 
-/**帮助手册按钮提示跳转 */
-function fnClickHelpDoc() {
-  router.push({ name: 'Help_118' });
-}
-
 /**改变多语言 */
 function fnChangeLocale(e: any) {
   changeLocale(e.key);
@@ -54,16 +51,16 @@ function fnChangeLocale(e: any) {
       </template>
     </a-button>
 
-    <a-tooltip>
+    <a-tooltip placement="bottom" v-if="appStore.getHelpDoc !== '#'">
       <template #title>{{ t('loayouts.rightContent.helpDoc') }}</template>
-      <a-button type="text" @click="fnClickHelpDoc">
+      <a-button type="text" href="/help" target="_blank">
         <template #icon>
           <QuestionCircleOutlined />
         </template>
       </a-button>
     </a-tooltip>
 
-    <a-tooltip>
+    <a-tooltip placement="bottom">
       <template #title>{{ t('loayouts.rightContent.fullscreen') }}</template>
       <a-button type="text" @click="toggle">
         <template #icon>
@@ -73,7 +70,7 @@ function fnChangeLocale(e: any) {
       </a-button>
     </a-tooltip>
 
-    <a-dropdown :trigger="['click', 'hover']">
+    <a-dropdown placement="bottom" :trigger="['click', 'hover']">
       <a-button size="small" type="default">
         {{ t('i18n') }}
         <DownOutlined />