新版本官网优化完成
This commit is contained in:
@@ -1,43 +1,24 @@
|
||||
<template>
|
||||
<div class="overflow-x-hidden">
|
||||
<!-- 加载应用 -->
|
||||
<template v-if="!loading" @scroll="handleScroll">
|
||||
<!-- 管理中心界面 -->
|
||||
<template v-if="getPath().startsWith('/manage')">
|
||||
<slot/>
|
||||
</template>
|
||||
<!-- 默认布局 -->
|
||||
<template v-else>
|
||||
<app-header/>
|
||||
<slot/>
|
||||
<app-footer/>
|
||||
</template>
|
||||
</template>
|
||||
|
||||
<!-- 异常状态 -->
|
||||
<UnderMaintenance v-if="loading"/>
|
||||
<AppHeader />
|
||||
<slot/>
|
||||
<AppFooter />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import {useServerRequest} from "~/composables/useServerRequest";
|
||||
import type {ApiResult} from "~/api";
|
||||
import type {Domain} from "~/api/cms/domain/model";
|
||||
import {useConfigInfo, useForm, useMenu, useSubMenu, useToken, useWebsite} from "~/composables/configState";
|
||||
import type {Website} from "~/api/cms/website/model";
|
||||
import type {Navigation} from "~/api/cms/navigation/model";
|
||||
import type {Config} from "~/types/global";
|
||||
import {getLoacl, getPath, setLocal} from "~/utils/common";
|
||||
import UnderMaintenance from "~/components/UnderMaintenance.vue";
|
||||
import {navigateTo} from "#imports";
|
||||
import { useMenu, 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 runtimeConfig = useRuntimeConfig();
|
||||
const loading = ref<boolean>(false)
|
||||
const website = useWebsite()
|
||||
const config = useConfigInfo()
|
||||
const menu = useMenu()
|
||||
const token = useToken()
|
||||
const subMenu = useSubMenu()
|
||||
const i18n = useI18n()
|
||||
|
||||
|
||||
// 挂载钩子
|
||||
onMounted(() => {
|
||||
@@ -51,130 +32,58 @@ onMounted(() => {
|
||||
|
||||
// 加载数据
|
||||
const reload = async () => {
|
||||
// const loading = ElLoading.service({
|
||||
// lock: true,
|
||||
// text: 'Loading'
|
||||
// })
|
||||
const loading = ElLoading.service({
|
||||
lock: true,
|
||||
text: 'Loading'
|
||||
})
|
||||
|
||||
// TODO 1 查询当前域名是否合法
|
||||
const domain = window.location.hostname;
|
||||
|
||||
if (domain !== 'localhost') {
|
||||
// 生产环境生效
|
||||
// const runtimeConfig = useRuntimeConfig();
|
||||
// const {data: domainInfo } = await useServerRequest<ApiResult<Domain>>('/cms/cms-domain/getTenantIdByDomain',{baseURL: runtimeConfig.public.apiServer,query: {
|
||||
// domain
|
||||
// }});
|
||||
// const data = domainInfo.value?.data;
|
||||
// console.log(data,'查询当前域名是否有绑定域名,绑定则解构出租户ID放入缓存')
|
||||
// if (data) {
|
||||
// localStorage.setItem('TID_DOMAIN',`${data?.tenantId}`)
|
||||
// }else {
|
||||
// token.value = '';
|
||||
// navigateTo('/passport/login')
|
||||
// }
|
||||
// 生产环境生效
|
||||
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 读取服务器缓存数据
|
||||
const {data: websiteInfo} = await useServerRequest<ApiResult<Website>>('/cms/cms-website/getSiteInfo', {
|
||||
baseURL: runtimeConfig.public.apiServer,
|
||||
headers: {
|
||||
TenantId: `5`
|
||||
getSiteInfo({
|
||||
lang: i18n.locale.value
|
||||
}).then(data => {
|
||||
website.value = data
|
||||
if (data.topNavs) {
|
||||
menu.value = data.topNavs;
|
||||
}
|
||||
});
|
||||
if (!websiteInfo.value) {
|
||||
ElMessage.error('require is not defined.')
|
||||
return false;
|
||||
}
|
||||
if(websiteInfo.value.code === 401){
|
||||
const token = useToken();
|
||||
token.value = '';
|
||||
localStorage.clear();
|
||||
window.location.reload();
|
||||
return false;
|
||||
}
|
||||
if (websiteInfo.value?.data) {
|
||||
console.log(websiteInfo.value.data,'-=======')
|
||||
website.value = websiteInfo.value?.data;
|
||||
config.value = website.value.config;
|
||||
if (website.value.topNavs) {
|
||||
// if(localStorage.getItem('UserId')){
|
||||
// website.value?.topNavs.push({
|
||||
// title: `入驻`,
|
||||
// path: `/developer`
|
||||
// })
|
||||
// }
|
||||
menu.value = website.value?.topNavs;
|
||||
if (data.bottomNavs) {
|
||||
subMenu.value = data.bottomNavs;
|
||||
}
|
||||
if (website.value.bottomNavs) {
|
||||
subMenu.value = website.value?.bottomNavs;
|
||||
if(data.config){
|
||||
localStorage.setItem('Domain',data.config.Domain);
|
||||
localStorage.setItem('SysDomain',data.config.SysDomain);
|
||||
}
|
||||
// 生产环境生效
|
||||
if (domain !== 'localhost') {
|
||||
console.log(domain, 'domain')
|
||||
console.log(website.value.websiteCode)
|
||||
console.log(`${website.value?.websiteCode}.wsdns.cn`, '二级域名')
|
||||
// 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
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
// TODO 4 读取网站状态
|
||||
// const {data: websiteRealTime } = await useServerRequest<ApiResult<Website>>('/cms/cms-website/' + website.value.websiteId,{baseURL: runtimeConfig.public.apiServer});
|
||||
// website.value = Object.assign({},website.value,websiteRealTime.value?.data)
|
||||
// if (website.value?.status != 1) {
|
||||
// useHead({title: ''})
|
||||
// // loading.value = true;
|
||||
// return false;
|
||||
// }
|
||||
|
||||
// TODO 5 读取网站配置信息
|
||||
// const { data: fields } = await useServerRequest<ApiResult<Config>>('/cms/cms-website-field/config', {baseURL: runtimeConfig.public.apiServer});
|
||||
// if (fields.value?.data) {
|
||||
// config.value = fields.value?.data;
|
||||
// }
|
||||
|
||||
// TODO 6 获取网站顶部菜单
|
||||
// const { data: menuInfo } = await useServerRequest<ApiResult<Navigation[]>>('/cms/cms-navigation/tree', {baseURL: runtimeConfig.public.apiServer,
|
||||
// query: {
|
||||
// top: 0
|
||||
// }
|
||||
// });
|
||||
// if(menuInfo.value?.data){
|
||||
// console.log(menuInfo.value.data,'顶部菜单')
|
||||
// menu.value = menuInfo.value?.data
|
||||
// }
|
||||
|
||||
// TODO 7 获取网站底部菜单
|
||||
// const { data: subMenuInfo } = await useServerRequest<ApiResult<Navigation[]>>('/cms/cms-navigation/tree', {baseURL: runtimeConfig.public.apiServer,
|
||||
// query: {
|
||||
// bottom: 0
|
||||
// }
|
||||
// });
|
||||
// if(subMenuInfo.value?.data){
|
||||
// subMenu.value = subMenuInfo.value?.data
|
||||
// }
|
||||
|
||||
// TODO 8 获取当前页面的导航信息
|
||||
// const { data: navInfo } = await useServerRequest<ApiResult<Navigation>>('/cms/navigation/getNavigationByPath', {
|
||||
// query: {
|
||||
// path: getPath()
|
||||
// }
|
||||
// });
|
||||
// if(navInfo.value?.data){
|
||||
// form.value = navInfo.value?.data
|
||||
// }
|
||||
|
||||
// TODO 9 配置SEO
|
||||
// useHead({
|
||||
// title: `网宿软件首页`,
|
||||
// meta: [{ name: website.value.keywords, content: website.value.comments }]
|
||||
// });
|
||||
|
||||
|
||||
// TODO 是否需要登录
|
||||
// if(form.value.permission === 1){
|
||||
// // navigateTo(`/passport/login`)
|
||||
// }
|
||||
})
|
||||
loading.close();
|
||||
}
|
||||
|
||||
reload()
|
||||
</script>
|
||||
|
||||
|
||||
86
layouts/mobile.vue
Normal file
86
layouts/mobile.vue
Normal file
@@ -0,0 +1,86 @@
|
||||
<template>
|
||||
<div class="overflow-x-hidden">
|
||||
<!-- 手机版 -->
|
||||
<MHeader/>
|
||||
<slot />
|
||||
<MFooter/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { useMenu, useSubMenu, useWebsite} from "~/composables/configState";
|
||||
import MHeader from "~/components/MHeader.vue";
|
||||
import MFooter from "~/components/MFooter.vue";
|
||||
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 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 读取服务器缓存数据
|
||||
await getSiteInfo({
|
||||
lang: i18n.locale.value
|
||||
}).then(data => {
|
||||
website.value = data
|
||||
localStorage.setItem('SiteName',`${data.websiteName}`);
|
||||
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.running != 1){
|
||||
showError({
|
||||
statusCode: data.running,
|
||||
message: data.statusText
|
||||
})
|
||||
}
|
||||
})
|
||||
loading.close();
|
||||
}
|
||||
|
||||
reload()
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user