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

src/layouts/BasicLayout.vue

@@ -8,7 +8,7 @@ import {
 import RightContent from './components/RightContent.vue';
 import Tabs from './components/Tabs.vue';
 import { scriptUrl } from '@/assets/js/icon_font_8d5l8fzk5b87iudi';
-import { computed, reactive, ref, watch } from 'vue';
+import { computed, reactive, watch } from 'vue';
 import useLayoutStore from '@/store/modules/layout';
 import useRouterStore from '@/store/modules/router';
 import useTabsStore from '@/store/modules/tabs';
@@ -268,16 +268,31 @@ document.addEventListener('visibilitychange', function () {
       <!--插槽-内容底部-->
       <template #footerRender="{ width }">
         <footer class="footer">
-          &nbsp;
           <div class="footer-fixed" :style="{ width }">
             <div>
               <span>{{ appStore.copyright }}</span>
             </div>
-            <div>
-              <span class="footer-time">
-                <span id="serverTimeDom"></span> {{ serverTime.zone }}
-              </span>
-            </div>
+            <a-space direction="horizontal" :size="8">
+              <span id="serverTimeDom"></span>
+              <a-button
+                type="link"
+                :href="appStore.officialUrl"
+                target="_blank"
+                size="small"
+                v-if="appStore.officialUrl !== '#'"
+              >
+                {{ t('loayouts.basic.officialUrl') }}
+              </a-button>
+              <a-button
+                type="link"
+                href="/help"
+                target="_blank"
+                size="small"
+                v-if="appStore.getHelpDoc !== '#'"
+              >
+                {{ t('loayouts.basic.helpDoc') }}
+              </a-button>
+            </a-space>
           </div>
         </footer>
       </template>
@@ -313,8 +328,7 @@ document.addEventListener('visibilitychange', function () {
   z-index: 16;
   margin: 0px;
   width: auto;
-  margin-top: 48px;
-  padding: 4px 16px;
+  margin-top: 52px;
   &-fixed {
     position: fixed;
     bottom: 0;
@@ -330,7 +344,7 @@ document.addEventListener('visibilitychange', function () {
     transition: background 0.3s, width 0.2s;
   }
 
-  &-time {
+  & #serverTimeDom {
     color: #00000085;
     transition: all 0.3s;
   }

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 />