Merge branch 'perf/platform-info-custom' into 'main_dev'

fix: 修复平台定制部分信息设置后不生效

See merge request yunteng/thingskit-front!1047

 <template>
-  <div class="anticon" :class="getAppLogoClass" @click="goHome">
+  <div class="anticon" :class="getAppLogoClass">
     <img v-if="getLogo" :src="getLogo" />
     <img v-else src="/src/assets/images/logo.png" />
-    <div class="ml-2 truncate md:opacity-100" :class="getTitleClass" v-show="showTitle">
+    <div
+      class="ml-2 truncate md:opacity-100"
+      :class="getTitleClass"
+      v-show="showTitle"
+      :style="{ color: getTitleColor }"
+    >
       {{ getTitle }}
     </div>
   </div>
@@ -51,6 +56,8 @@
   const getTitle = computed(() => {
     return userStore.platInfo?.name ?? title;
   });
+
+  const getTitleColor = computed(() => userStore.platInfo?.backgroundColor || '#377dff');
 </script>
 <style lang="less" scoped>
   @prefix-cls: ~'@{namespace}-app-logo';

@@ -29,8 +29,22 @@ import { PAGE_NOT_FOUND_ROUTE } from '/@/router/routes/basic';
 import { createLocalStorage } from '/@/utils/cache/index';
 import { getEntitiesId } from '/@/api/dashboard/index';
 
+interface PlatInfoType {
+  id: string;
+  creator: string;
+  createTime: string;
+  updater: string;
+  updateTime: string;
+  logo?: string;
+  name?: string;
+  backgroundColor: string;
+  copyright: string;
+  presentedOurselves: string;
+  domain: string;
+}
+
 interface UserState {
-  platInfo: any;
+  platInfo: PlatInfoType;
   enterPriseInfo: any;
   userInfo: Nullable<UserInfo>;
   userUpdateInfo?: Nullable<UserUpdateInfo>;

@@ -6,7 +6,6 @@
       v-if="!sessionTimeout && showLocale"
     />
     <AppDarkModeToggle class="absolute top-3 right-7 enter-x" v-if="!sessionTimeout" />
-
     <span class="-enter-x xl:hidden">
       <!-- <AppLogo :alwaysShowTitle="true" /> -->
     </span>
@@ -41,7 +40,7 @@
             </div>
           </div>
         </div>
-        <div class="flex w-full h-full py-5 xl:h-auto xl:py-0 xl:my-0 xl:w-6/12">
+        <div class="flex w-full h-full py-5 xl:h-auto xl:py-0 xl:my-0 xl:w-6/12 relative">
           <div
             :class="`${prefixCls}-form`"
             class="relative w-full px-5 py-8 mx-auto my-auto rounded-md shadow-md xl:ml-16 xl:bg-transparent sm:px-8 xl:p-4 xl:shadow-none sm:w-3/4 lg:w-2/4 xl:w-auto enter-x"
@@ -51,13 +50,18 @@
             <RegisterForm />
             <MobileForm />
           </div>
+          <div class="absolute bottom-8 w-full text-gray-400 flex flex-col items-center">
+            <span>{{ getPlatformInfo?.copyright }}</span>
+            <span>{{ getPlatformInfo?.presentedOurselves }}</span>
+            <!-- <span>{{ getPlatformInfo?.domain }}</span> -->
+          </div>
         </div>
       </div>
     </div>
   </div>
 </template>
 <script lang="ts" setup>
-  import { ref, onMounted } from 'vue';
+  import { ref, onMounted, computed } from 'vue';
   import { AppLocalePicker, AppDarkModeToggle } from '/@/components/Application';
   import LoginForm from './LoginForm.vue';
   import ForgetPasswordForm from './ForgetPasswordForm.vue';
@@ -69,6 +73,7 @@
   import { useLocaleStore } from '/@/store/modules/locale';
   import defaultBackgroundImage from '/@/assets/svg/thingskit-login-background.svg';
   import { getPlatFormInfo } from '../../system/customize/hook/usePlatformInfo';
+  import { useUserStore } from '/@/store/modules/user';
 
   defineProps({
     sessionTimeout: {
@@ -84,6 +89,10 @@
   const localeStore = useLocaleStore();
   const showLocale = localeStore.getShowPicker;
 
+  const userStore = useUserStore();
+
+  const getPlatformInfo = computed(() => userStore.platInfo);
+
   const show = ref(false);
 
   onMounted(() => {

@@ -56,7 +56,7 @@ export const schemas: FormSchema[] = [
   {
     field: 'backgroundColor',
     component: 'AutoComplete',
-    label: '登录页背景颜色',
+    label: '平台名称颜色',
     colProps: {
       span: 24,
     },
@@ -112,29 +112,29 @@ export const schemas: FormSchema[] = [
       ];
     },
   },
-  {
-    field: 'domain',
-    component: 'Input',
-    label: '绑定域名',
-    colProps: {
-      span: 24,
-    },
-    componentProps: {
-      maxLength: 100,
-      placeholder: '请输入绑定域名',
-    },
-    dynamicRules: () => {
-      return [
-        {
-          required: false,
-          validator: (_, value) => {
-            if (String(value).length > 100) {
-              return Promise.reject('字数不超过100个字');
-            }
-            return Promise.resolve();
-          },
-        },
-      ];
-    },
-  },
+  // {
+  //   field: 'domain',
+  //   component: 'Input',
+  //   label: '绑定域名',
+  //   colProps: {
+  //     span: 24,
+  //   },
+  //   componentProps: {
+  //     maxLength: 100,
+  //     placeholder: '请输入绑定域名',
+  //   },
+  //   dynamicRules: () => {
+  //     return [
+  //       {
+  //         required: false,
+  //         validator: (_, value) => {
+  //           if (String(value).length > 100) {
+  //             return Promise.reject('字数不超过100个字');
+  //           }
+  //           return Promise.resolve();
+  //         },
+  //       },
+  //     ];
+  //   },
+  // },
 ];

@@ -4,6 +4,7 @@ import darkThemeBgImage from '/@/assets/svg/login-bg-dark.svg';
 import { createStorage } from '/@/utils/cache';
 import { Platform } from '/@/api/oem/model';
 import { PLATFORM_INFO_CACHE_KEY } from '/@/enums/cacheEnum';
+import { useUserStore } from '/@/store/modules/user';
 
 enum DefaultPlatform {
   LOGO = '/resource/img/logo.png',
@@ -19,6 +20,10 @@ export const setPlatFormInfo = (info: Recordable) => storage.set(PLATFORM_INFO_C
 export const usePlatform = async () => {
   const platformInfo = (await getPlatForm()) || {};
 
+  const userStore = useUserStore();
+
+  userStore.setPlatInfo(platformInfo);
+
   setPlatFormInfo(platformInfo);
   const createLoadingEffect = () => {
     const wrap = document.createElement('div');