1234567891011121314151617181920212223242526272829303132333435363738 |
- <template>
- <router-view></router-view>
- </template>
- <script setup lang="ts">
- import { onMounted, ref, provide, inject } from 'vue'
- import { useStore } from '@/store/index'
- interface GlobalPopup {
- showSuccess: (msg: string, time: number) => void
- showError: (msg: string, time: number) => void
- showWarning: (msg: string, time: number) => void
- }
- const { setAsyncRoutesMark } = useStore()
- window.addEventListener('beforeunload', () => beforeunloadFn())
- const beforeunloadFn = (() => {
- setAsyncRoutesMark(false)
- })
- provide('globalPopup', {
- showSuccess: (msg: string, time: number) => { console.log(msg, '执行成功', time) }, //!SECTION 成功
- showError: (msg: string, time: number) => { console.log(msg, '执行成功'), time }, //!SECTION 失败
- showWarning: (msg: string, time: number) => { console.log(msg, '执行成功'), time }, //!SECTION 警告
- })
- </script>
- <style>
- html,
- body,
- #app,
- .layouts {
- width: 100%;
- height: 100%;
- overflow: hidden;
- }
- </style>
|