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

src/layouts/BasicLayout.vue

@@ -190,10 +190,25 @@ document.addEventListener('visibilitychange', function () {
       <!--插槽-菜单头-->
       <template #menuHeaderRender>
         <RouterLink :to="{ name: 'Index' }" :replace="true">
-          <img class="logo" src="@/assets/logo.png" />
-          <h1 class="title" :title="t('common.title')">
-            {{ t('common.title') }}
-          </h1>
+          <template v-if="appStore.logoType === 'icon'">
+            <img
+              class="logo-icon"
+              :src="appStore.getLOGOIcon"
+              :alt="t('common.title')"
+              :title="appStore.appName"
+            />
+            <h1 class="title" :title="appStore.appName">
+              {{ appStore.appName }}
+            </h1>
+          </template>
+          <template v-if="appStore.logoType === 'brand'">
+            <img
+              class="logo-brand"
+              :src="appStore.getLOGOBrand"
+              :alt="t('common.title')"
+              :title="appStore.appName"
+            />
+          </template>
         </RouterLink>
       </template>
 
@@ -257,13 +272,21 @@ document.addEventListener('visibilitychange', function () {
 </template>
 
 <style lang="less" scoped>
-.logo {
+.logo-icon {
   height: 32px;
   vertical-align: middle;
   border-style: none;
   border-radius: 6.66px;
 }
 
+.logo-brand {
+  height: 48px;
+  width: 224px;
+  vertical-align: middle;
+  border-style: none;
+  margin-right: 12px;
+}
+
 .title {
   overflow: hidden;
   text-overflow: ellipsis;