114 lines
3.1 KiB
Vue
114 lines
3.1 KiB
Vue
<template>
|
|
<ConfigProvider :locale="antdLocal" >
|
|
<AppProvider class="app lng-theme-primary">
|
|
<RouterView />
|
|
</AppProvider>
|
|
</ConfigProvider>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN';
|
|
import en from 'ant-design-vue/lib/locale-provider/en_US';
|
|
import zhTW from 'ant-design-vue/lib/locale-provider/zh_TW';
|
|
import { ConfigProvider } from 'ant-design-vue';
|
|
import { AppProvider } from '/@/components/Application';
|
|
//import { useTitle } from '/@/hooks/web/useTitle';
|
|
import { useTitle } from '@vueuse/core';
|
|
import { useLocale } from '/@/locales/useLocale';
|
|
import { useAppStore } from '/@/store/modules/app';
|
|
import 'dayjs/locale/zh-cn';
|
|
import { computed,onMounted } from 'vue';
|
|
import { getLogoInfo } from './api/system/login';
|
|
import { onBeforeUnmount } from 'vue';
|
|
import { AppTheme } from '/@/utils/theme';
|
|
//import { getAppEnvConfig } from '/@/utils/env';
|
|
// support Multi-language
|
|
|
|
const { getLocale } = useLocale();
|
|
const appStore = useAppStore();
|
|
getLogoInfo().then((res) => {
|
|
appStore.setLogoConfig({
|
|
companyName: res.companyName,
|
|
shortName: res.shortName,
|
|
refreshLogoUrl: res.refreshLogoUrl,
|
|
backgroundLogoUrl: res.backgroundLogoUrl,
|
|
designerLogoUrl: res.designerLogoUrl,
|
|
loginLogoUrl: res.loginLogoUrl,
|
|
menuLogoUrl: res.menuLogoUrl
|
|
});
|
|
});
|
|
const antdLocal = computed(() => {
|
|
if (getLocale.value === 'zh_CN') {
|
|
return zhCN;
|
|
}
|
|
if (getLocale.value === 'en') {
|
|
return en;
|
|
}
|
|
if (getLocale.value === 'zh_TW') {
|
|
return zhTW;
|
|
}
|
|
|
|
return zhCN;
|
|
});
|
|
|
|
onMounted(()=>{
|
|
AppTheme.init();
|
|
})
|
|
|
|
const beforeUnloadHandler = (e) => {
|
|
if (e) {
|
|
e.returnValue = '关闭提示';
|
|
}
|
|
return '关闭提示';
|
|
};
|
|
|
|
if (!import.meta.env.VITE_GLOB_CLOSE_ALERT_DISABLED) {
|
|
window.addEventListener('beforeunload', beforeUnloadHandler);
|
|
}
|
|
|
|
onBeforeUnmount(() => {
|
|
window.removeEventListener('beforeunload', beforeUnloadHandler);
|
|
});
|
|
|
|
|
|
// Listening to page changes and dynamically changing site titles
|
|
//useTitle();
|
|
useTitle("广东能源集团天然气供应链平台");
|
|
</script>
|
|
<style lang="less" scoped>
|
|
:deep(.ant-tree-treenode),
|
|
:deep(.ant-tree-node-content-wrapper) {
|
|
width: 100%;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
}
|
|
|
|
:deep(.ant-tree .ant-tree-node-content-wrapper) {
|
|
height: 35px;
|
|
line-height: 35px;
|
|
}
|
|
</style>
|
|
<style lang="less">
|
|
.vben-default-layout {
|
|
height: 100%;
|
|
}
|
|
|
|
.vben-layout-content {
|
|
flex: 1 !important;
|
|
background-color: #fff;
|
|
}
|
|
|
|
&.ant-form-item-explain{
|
|
min-height: 10px !important;
|
|
display: none;
|
|
|
|
.ant-form-item-explain-error{
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
.ant-form-item{
|
|
margin-bottom: 10px !important;
|
|
}
|
|
</style>
|