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;
   }