Showing
1 changed file
with
23 additions
and
4 deletions
... | ... | @@ -20,7 +20,11 @@ |
20 | 20 | <div class="hidden min-h-full pl-4 mr-4 xl:flex xl:flex-col xl:w-6/12"> |
21 | 21 | <!-- <AppLogo class="-enter-x" /> --> |
22 | 22 | <div style="display: flex; margin-top: 10px"> |
23 | - <img v-if="getLogo" :src="getLogo" style="width: 48px; height: 48px" /> | |
23 | + <img | |
24 | + v-if="defaultLogo || getLogo" | |
25 | + :src="defaultLogo || getLogo" | |
26 | + style="width: 48px; height: 48px" | |
27 | + /> | |
24 | 28 | <img style="width: 48px; height: 48px" v-else src="/src/assets/images/logo.png" /> |
25 | 29 | <div |
26 | 30 | class="ml-2 truncate md:opacity-100" |
... | ... | @@ -32,7 +36,7 @@ |
32 | 36 | font-weight: 700; |
33 | 37 | " |
34 | 38 | > |
35 | - {{ getTitle }} | |
39 | + {{ defaultTitle || getTitle }} | |
36 | 40 | </div> |
37 | 41 | </div> |
38 | 42 | <div v-if="ifCustom" class="my-auto"> |
... | ... | @@ -65,7 +69,7 @@ |
65 | 69 | </div> |
66 | 70 | </template> |
67 | 71 | <script lang="ts" setup> |
68 | - import { computed, ref } from 'vue'; | |
72 | + import { computed, ref, onMounted } from 'vue'; | |
69 | 73 | // import { AppLogo } from '/@/components/Application'; |
70 | 74 | import { AppLocalePicker, AppDarkModeToggle } from '/@/components/Application'; |
71 | 75 | import LoginForm from './LoginForm.vue'; |
... | ... | @@ -77,16 +81,31 @@ |
77 | 81 | import { useDesign } from '/@/hooks/web/useDesign'; |
78 | 82 | import { useLocaleStore } from '/@/store/modules/locale'; |
79 | 83 | import { useUserStore } from '/@/store/modules/user'; |
84 | + import { getPlatForm } from '/@/api/oem/index'; | |
80 | 85 | |
81 | 86 | defineProps({ |
82 | 87 | sessionTimeout: { |
83 | 88 | type: Boolean, |
84 | 89 | }, |
85 | 90 | }); |
91 | + const defaultTitle = ref(''); | |
92 | + const defaultLogo = ref(''); | |
93 | + const logoUrl = ref(''); | |
94 | + onMounted(async () => { | |
95 | + const res = await getPlatForm(); | |
96 | + logoUrl.value = res?.background; | |
97 | + defaultTitle.value = res?.name; | |
98 | + defaultLogo.value = res?.logo; | |
99 | + if (logoUrl.value !== undefined) { | |
100 | + ifCustom.value = false; | |
101 | + } else { | |
102 | + const defaultLogo = 'src/assets/svg/login-bg.svg'; | |
103 | + logoUrl.value = 'url(' + defaultLogo + ')'; | |
104 | + } | |
105 | + }); | |
86 | 106 | |
87 | 107 | const userStore = useUserStore(); |
88 | 108 | |
89 | - const logoUrl = ref(''); | |
90 | 109 | const ifCustom = ref(true); |
91 | 110 | const getLogo = computed(() => { |
92 | 111 | return userStore.platInfo?.logo; | ... | ... |