| | |
|---|
| | | <template> |
|---|
| | | <ConfigProvider :locale="zhCN" :transform-cell-text="transformCellText" v-bind="lockOn"> |
|---|
| | | <router-view /> |
|---|
| | | <ConfigProvider :locale="getAntdLocale" :theme="themeConfig"> |
|---|
| | | <AppProvider> |
|---|
| | | <RouterView /> |
|---|
| | | </AppProvider> |
|---|
| | | </ConfigProvider> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script lang="ts"> |
|---|
| | | import { defineComponent } from 'vue'; |
|---|
| | | <script lang="ts" setup> |
|---|
| | | import { AppProvider } from '@/components/Application'; |
|---|
| | | import { useTitle } from '@/hooks/web/useTitle'; |
|---|
| | | import { useLocale } from '@/locales/useLocale'; |
|---|
| | | import { ConfigProvider } from 'ant-design-vue'; |
|---|
| | | import { createBreakpointListen } from '/@/hooks/event/useBreakpoint'; |
|---|
| | | |
|---|
| | | import zhCN from 'ant-design-vue/es/locale/zh_CN'; |
|---|
| | | import moment from 'moment'; |
|---|
| | | import 'moment/dist/locale/zh-cn'; |
|---|
| | | import { useDarkModeTheme } from '@/hooks/setting/useDarkModeTheme'; |
|---|
| | | import 'dayjs/locale/zh-cn'; |
|---|
| | | import { computed, ref } from 'vue'; |
|---|
| | | |
|---|
| | | import { useConfigProvider, useInitAppConfigStore, useListenerNetWork } from './useApp'; |
|---|
| | | import { useLockPage } from '/@/hooks/web/useLockPage'; |
|---|
| | | import { useSetting } from '/@/hooks/core/useSetting'; |
|---|
| | | import { getCurrentInstance } from 'vue'; |
|---|
| | | console.log(getCurrentInstance,'=====-'); |
|---|
| | | |
|---|
| | | moment.locale('zh-cn'); |
|---|
| | | // 获取当前实例 |
|---|
| | | const instance = getCurrentInstance(); |
|---|
| | | const proxy = instance?.proxy; |
|---|
| | | |
|---|
| | | export default defineComponent({ |
|---|
| | | name: 'App', |
|---|
| | | components: { ConfigProvider }, |
|---|
| | | setup() { |
|---|
| | | // Initialize application settings |
|---|
| | | useInitAppConfigStore(); |
|---|
| | | // Initialize network monitoring |
|---|
| | | useListenerNetWork(); |
|---|
| | | // Initialize breakpoint monitoring |
|---|
| | | createBreakpointListen(); |
|---|
| | | // Get system configuration |
|---|
| | | const { projectSetting } = useSetting(); |
|---|
| | | // Get ConfigProvider configuration |
|---|
| | | const { transformCellText } = useConfigProvider(); |
|---|
| | | const setCookie = () => { |
|---|
| | | // 先检查proxy是否存在，再进行操作 |
|---|
| | | if (proxy && proxy.$cookies) { |
|---|
| | | proxy.$cookies.remove('JSESSIONID'); |
|---|
| | | proxy.$cookies.set('JSESSIONID', 'C1371DD46D2B480CC815F329B2833C99.jvm_59_9010', '1d'); |
|---|
| | | } else { |
|---|
| | | console.error('proxy对象未初始化或不包含$cookies属性'); |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | setCookie(); |
|---|
| | | // support Multi-language |
|---|
| | | const { getAntdLocale } = useLocale(); |
|---|
| | | |
|---|
| | | let lockOn = {}; |
|---|
| | | if (projectSetting.lockTime) { |
|---|
| | | // Monitor the mouse or keyboard time, used to recalculate the lock screen time |
|---|
| | | const { on } = useLockPage(); |
|---|
| | | lockOn = on; |
|---|
| | | } |
|---|
| | | const { isDark, darkTheme } = useDarkModeTheme(); |
|---|
| | | |
|---|
| | | return { |
|---|
| | | transformCellText, |
|---|
| | | zhCN, |
|---|
| | | lockOn, |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | const themeConfig = computed(() => |
|---|
| | | Object.assign( |
|---|
| | | { |
|---|
| | | token: { |
|---|
| | | colorPrimary: '#0960bd', |
|---|
| | | colorSuccess: '#55D187', |
|---|
| | | colorWarning: '#EFBD47', |
|---|
| | | colorError: '#ED6F6F', |
|---|
| | | colorInfo: '#0960bd', |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | isDark.value ? darkTheme : {}, |
|---|
| | | ), |
|---|
| | | ); |
|---|
| | | // Listening to page changes and dynamically changing site titles |
|---|
| | | useTitle(); |
|---|
| | | </script> |
|---|
