feat: 系统设置主要LOGO版权背景修改

src/views/register.vue

@@ -1,13 +1,16 @@
 <script lang="ts" setup>
+import { GlobalFooter } from '@ant-design-vue/pro-layout';
 import { Modal, message } from 'ant-design-vue/lib';
 import { reactive, toRaw } from 'vue';
 import { register } from '@/api/login';
 import { regExpPasswd, regExpUserName } from '@/utils/regular-utils';
 import { useRouter } from 'vue-router';
+import useAppStore from '@/store/modules/app';
 import useI18n from '@/hooks/useI18n';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 const { t } = useI18n();
 const router = useRouter();
+const appStore = useAppStore();
 
 let state = reactive({
   /**表单属性 */
@@ -71,9 +74,14 @@ function fnFinish() {
   <div class="container">
     <div class="top">
       <div class="header">
-        <a href="/" target="_self"
-          ><img src="@/assets/logo.png" class="logo" alt="logo" />
-          <span class="title">{{ t('common.title') }}</span>
+        <a href="/" target="_self">
+          <template v-if="appStore.logoType === 'icon'">
+            <img :src="appStore.getLOGOIcon" class="logo" alt="logo" />
+            <span class="title">{{ appStore.appName }}</span>
+          </template>
+          <template v-if="appStore.logoType === 'brand'">
+            <img :src="appStore.getLOGOBrand" class="logo" alt="logo" /> 
+          </template>
         </a>
       </div>
       <div class="desc">{{ t('common.desc') }}</div>
@@ -166,6 +174,12 @@ function fnFinish() {
         </a-button>
       </a-form>
     </div>
+
+    <GlobalFooter
+      class="footer"
+      :links="false"
+      :copyright="appStore.copyright"
+    />
   </div>
 </template>
 
@@ -189,10 +203,10 @@ function fnFinish() {
   }
 
   .header {
-    height: 44px;
-    line-height: 44px;
+    height: 48px;
+    line-height: 48px;
     .logo {
-      height: 44px;
+      height: 48px;
       margin-right: 16px;
       vertical-align: top;
       border-style: none;
@@ -209,8 +223,8 @@ function fnFinish() {
   }
 
   .desc {
-    margin-top: 12px;
-    margin-bottom: 40px;
+    margin-top: 14px;
+    margin-bottom: 20px;
     color: rgba(0, 0, 0, 0.45);
     font-size: 14px;
   }