|
|
|
@ -1,17 +1,17 @@ |
|
|
|
<template> |
|
|
|
<!-- 运行中 --> |
|
|
|
<template v-if="website.status == 0"> |
|
|
|
|
|
|
|
<!-- 加载应用 --> |
|
|
|
<template v-if="!loading"> |
|
|
|
<app-header /> |
|
|
|
<slot /> |
|
|
|
<app-footer /> |
|
|
|
</template> |
|
|
|
<template v-else> |
|
|
|
<UnderMaintenance /> |
|
|
|
</template> |
|
|
|
|
|
|
|
<!-- 异常状态 --> |
|
|
|
<UnderMaintenance v-if="loading" /> |
|
|
|
|
|
|
|
</template> |
|
|
|
<script setup lang="ts"> |
|
|
|
import {getLoacl, setLocal} from "~/utils/common"; |
|
|
|
import {listWebsite} from "~/api/cms/website"; |
|
|
|
import {useServerRequest} from "~/composables/useServerRequest"; |
|
|
|
import type {ApiResult} from "~/api"; |
|
|
|
import type {Domain} from "~/api/cms/domain/model"; |
|
|
|
@ -19,33 +19,50 @@ |
|
|
|
import type {Website} from "~/api/cms/website/model"; |
|
|
|
import type {Navigation} from "~/api/cms/navigation/model"; |
|
|
|
import type {Config} from "~/types/global"; |
|
|
|
import {getLoacl, setLocal} from "~/utils/common"; |
|
|
|
import UnderMaintenance from "~/components/UnderMaintenance.vue"; |
|
|
|
|
|
|
|
// 加载状态 |
|
|
|
const loading = ref<boolean>(false) |
|
|
|
const website = useWebsite() |
|
|
|
const config = useConfigInfo(); |
|
|
|
const menu = useMenu() |
|
|
|
const subMenu = useSubMenu() |
|
|
|
|
|
|
|
// 挂载钩子 |
|
|
|
onMounted(() => { |
|
|
|
//必须在onMounted的时候才能用local和window |
|
|
|
// getLoacl(); |
|
|
|
window.onbeforeunload = () => { |
|
|
|
//离开页面时保存数据，由于可能突发情况，所以重要数据请手动调用setLocal函数 |
|
|
|
// setLocal(); //如果需要调试本地存储数据，记得把这个注释一下 |
|
|
|
}; |
|
|
|
}); |
|
|
|
|
|
|
|
// 加载数据 |
|
|
|
const reload = async () => { |
|
|
|
// const loading = ElLoading.service({ |
|
|
|
// lock: true, |
|
|
|
// text: 'Loading' |
|
|
|
// }) |
|
|
|
|
|
|
|
// TODO 1 查询当前域名是否有绑定域名,绑定则解构出租户ID放入缓存 |
|
|
|
localStorage.removeItem('TID_DOMAIN'); |
|
|
|
if (!localStorage.getItem('TID_DOMAIN')) { |
|
|
|
const domain = window.location.hostname; |
|
|
|
const {data: domainInfo } = await useServerRequest<ApiResult<Domain>>('/cms/domain/getByDomain/' + domain); |
|
|
|
const data = domainInfo.value?.data; |
|
|
|
console.log(data,'当前域名是否有绑定') |
|
|
|
if (data) { |
|
|
|
localStorage.setItem('TID_DOMAIN',`${data?.tenantId}`) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
// TODO 2 挂载钩子 |
|
|
|
onMounted(() => { |
|
|
|
//必须在onMounted的时候才能用local和window |
|
|
|
// getLoacl(); |
|
|
|
window.onbeforeunload = () => { |
|
|
|
//离开页面时保存数据，由于可能突发情况，所以重要数据请手动调用setLocal函数 |
|
|
|
// setLocal(); //如果需要调试本地存储数据，记得把这个注释一下 |
|
|
|
}; |
|
|
|
}); |
|
|
|
|
|
|
|
// TODO 3 读取服务器缓存数据 |
|
|
|
const website = useWebsite() |
|
|
|
// TODO 2 读取服务器缓存数据 |
|
|
|
const {data: websiteInfo } = await useServerRequest<ApiResult<Website>>('/cms/website/getSiteInfo'); |
|
|
|
if(!websiteInfo.value){ |
|
|
|
ElMessage.error('require is not defined.') |
|
|
|
return false; |
|
|
|
} |
|
|
|
if(websiteInfo.value?.data){ |
|
|
|
website.value = websiteInfo.value?.data; |
|
|
|
} |
|
|
|
@ -53,19 +70,22 @@ |
|
|
|
// TODO 4 读取网站状态 |
|
|
|
const {data: websiteRealTime } = await useServerRequest<ApiResult<Website>>('/cms/website/' + website.value.websiteId); |
|
|
|
website.value = Object.assign({},website.value,websiteRealTime.value?.data) |
|
|
|
if (website.value?.status != 1) { |
|
|
|
useHead({title: ''}) |
|
|
|
loading.value = true; |
|
|
|
return false; |
|
|
|
} |
|
|
|
|
|
|
|
// TODO 5 读取网站配置信息 |
|
|
|
const config = useConfigInfo(); |
|
|
|
const { data: fields } = await useServerRequest<ApiResult<Config>>('/cms/website-field/config', {}); |
|
|
|
if (fields.value?.data) { |
|
|
|
config.value = fields.value?.data; |
|
|
|
} |
|
|
|
|
|
|
|
// TODO 6 获取网站顶部菜单 |
|
|
|
const menu = useMenu() |
|
|
|
const { data: menuInfo } = await useServerRequest<ApiResult<Navigation[]>>('/cms/navigation/tree', { |
|
|
|
query: { |
|
|
|
position: 1 |
|
|
|
top: 0 |
|
|
|
} |
|
|
|
}); |
|
|
|
if(menuInfo.value?.data){ |
|
|
|
@ -73,14 +93,15 @@ |
|
|
|
} |
|
|
|
|
|
|
|
// TODO 7 获取网站底部菜单 |
|
|
|
const subMenu = useSubMenu() |
|
|
|
const { data: subMenuInfo } = await useServerRequest<ApiResult<Navigation[]>>('/cms/navigation/tree', { |
|
|
|
query: { |
|
|
|
position: 2 |
|
|
|
bottom: 0 |
|
|
|
} |
|
|
|
}); |
|
|
|
if(subMenuInfo.value?.data){ |
|
|
|
subMenu.value = subMenuInfo.value?.data |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
reload() |
|
|
|
</script> |
|
|
|
|
