104 lines
2.5 KiB
Vue
104 lines
2.5 KiB
Vue
<template>
|
|
<div class="overflow-x-hidden">
|
|
<AppHeader/>
|
|
<slot/>
|
|
<AppFooter/>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import {useMenu, useSetting, useSubMenu, useWebsite} from "~/composables/configState";
|
|
import {getLoacl, setLocal} from "~/utils/state";
|
|
import {useI18n} from "#imports";
|
|
import {getSiteInfo} from "~/api/layout";
|
|
import {getTenantIdByDomain} from "~/api/cms/cmsDomain";
|
|
|
|
// 加载状态
|
|
const website = useWebsite()
|
|
const menu = useMenu()
|
|
const subMenu = useSubMenu()
|
|
const setting = useSetting()
|
|
const i18n = useI18n()
|
|
|
|
|
|
// 挂载钩子
|
|
onMounted(() => {
|
|
//必须在onMounted的时候才能用local和window
|
|
// getLoacl();
|
|
window.onbeforeunload = () => {
|
|
//离开页面时保存数据，由于可能突发情况，所以重要数据请手动调用setLocal函数
|
|
// setLocal(); //如果需要调试本地存储数据，记得把这个注释一下
|
|
};
|
|
});
|
|
|
|
// 加载数据
|
|
const reload = async () => {
|
|
const loading = ElLoading.service({
|
|
lock: true,
|
|
text: 'Loading'
|
|
})
|
|
|
|
// TODO 1 查询当前域名是否合法
|
|
const domain = window.location.hostname;
|
|
|
|
// 生产环境生效
|
|
if (process.env.NODE_ENV === 'production') {
|
|
getTenantIdByDomain({
|
|
domain
|
|
}).then(data => {
|
|
if (data?.count && data.count > 0) {
|
|
console.log('域名已授权 => ', data.list[0].domain)
|
|
localStorage.setItem('TenantId', `${data?.list[0].tenantId}`)
|
|
}
|
|
})
|
|
}
|
|
|
|
// TODO 2 读取服务器缓存数据
|
|
getSiteInfo({})
|
|
.then(data => {
|
|
website.value = data
|
|
if (data.topNavs) {
|
|
menu.value = data.topNavs;
|
|
}
|
|
if (data.bottomNavs) {
|
|
subMenu.value = data.bottomNavs;
|
|
}
|
|
if (data.config) {
|
|
localStorage.setItem('Domain', data.config.Domain);
|
|
localStorage.setItem('SysDomain', data.config.SysDomain);
|
|
}
|
|
// 网站设置信息
|
|
if(data.setting){
|
|
setting.value = data.setting;
|
|
}
|
|
// getCmsWebsiteSetting(Number(data.websiteId)).then(res => {
|
|
// setting.value = res;
|
|
// })
|
|
// seo
|
|
useSeoMeta({
|
|
description: data.comments || data.websiteName,
|
|
keywords: data.keywords || data.websiteName,
|
|
titleTemplate: localStorage.getItem('SiteName')
|
|
})
|
|
// 站点状态
|
|
if (data.running != 1) {
|
|
showError({
|
|
statusCode: data.running,
|
|
message: data.statusText
|
|
})
|
|
}
|
|
})
|
|
.catch((err) => {
|
|
showError({
|
|
statusCode: 0,
|
|
message: '未开通'
|
|
})
|
|
})
|
|
|
|
loading.close();
|
|
}
|
|
|
|
reload()
|
|
</script>
|
|
|