pref:优化登录页背景图显示和重复请求

@@ -80,7 +80,10 @@
   // import { useUserStore } from '/@/store/modules/user';
   import { getPlatForm } from '/@/api/oem/index';
   import defaultShowLogoImg from '/@/assets/svg/login-bg.svg';
+  import defaultShowLogoDarkImg from '/@/assets/svg/login-bg-dark.svg';
   import { useTitle } from '@vueuse/core';
+  import { createLocalStorage } from '/@/utils/cache';
+  // import {usePlatform} from '/@/views/system/customize/hook/usePlatformInfo'
 
   defineProps({
     sessionTimeout: {
@@ -91,8 +94,14 @@
   const defaultTitle = ref('');
   const defaultLogo = ref('');
   const logoUrl = ref('');
+  // const userStore = useUserStore();
+  const storage = createLocalStorage();
+
   onMounted(async () => {
-    const res = await getPlatForm();
+    let res = storage.get('platformInfo');
+    if (res === '' || res === null) {
+      res = await getPlatForm();
+    }
     logoUrl.value = res?.background;
     defaultTitle.value = res?.name || title;
     defaultLogo.value = res?.logo;
@@ -100,13 +109,38 @@
       document.createElement('link')) as HTMLLinkElement;
     link.type = 'image/x-icon';
     link.rel = 'shortcut icon';
-    link.href = res.icon ?? '/favicon.ico';
+    link.href = res?.icon ?? '/favicon.ico';
     document.getElementsByTagName('head')[0].appendChild(link);
+    let defaultLogoBg = document.createElement('style');
+    let defaultLogoDarkBg = document.createElement('style');
     if (logoUrl.value !== undefined) {
+      //企业自定义
       ifCustom.value = false;
+      //默认图片
+      defaultLogoBg.innerHTML = `.vben-login::before{
+      background-image:url("");
+      position:absolute;
+    }`;
+      //切换黑暗模式图片
+      defaultLogoDarkBg.innerHTML = `html[data-theme='dark'] .vben-login::before{
+      background-image:url("");
+      position:absolute;
+    }`;
     } else {
       logoUrl.value = 'url(' + defaultShowLogoImg + ')';
+      //默认图片
+      defaultLogoBg.innerHTML = `.vben-login::before{
+      background-image:url(${defaultShowLogoImg});
+      position:absolute;
+    }`;
+      //切换黑暗模式图片
+      defaultLogoDarkBg.innerHTML = `html[data-theme='dark'] .vben-login::before{
+      background-image:url(${defaultShowLogoDarkImg});
+      position:absolute;
+    }`;
     }
+    document.head.appendChild(defaultLogoBg);
+    document.head.appendChild(defaultLogoDarkBg);
   });
 
   // const userStore = useUserStore();
@@ -200,9 +234,8 @@
       width: 100%;
       height: 100%;
       margin-left: -48%;
-      background-image: v-bind(logourl);
-      // background-image: url(/@/assets/svg/login-bg.svg);
       background-position: 100%;
+      // background-image: url(/@/assets/svg/login-bg.svg);
       background-repeat: no-repeat;
       background-size: auto 100%;
       content: '';

 import { getPlatForm } from '/@/api/oem';
+import { createLocalStorage } from '/@/utils/cache';
 
 enum DefaultPlatform {
   LOGO = '/resource/img/logo.png',
@@ -8,6 +9,16 @@ enum DefaultPlatform {
 
 export const usePlatform = async () => {
   const platformInfo = await getPlatForm();
+  const storage = createLocalStorage();
+  if (
+    platformInfo === '' ||
+    platformInfo === null ||
+    Object.getOwnPropertyNames(platformInfo).length === 0
+  ) {
+    storage.set('platformInfo', 1234);
+  } else {
+    storage.set('platformInfo', platformInfo);
+  }
 
   const createLoadingEffect = () => {
     const wrap = document.createElement('div');