You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
1.6 KiB
55 lines
1.6 KiB
<script lang="ts" setup> |
|
import { onBeforeUnmount, onMounted, ref } from 'vue' |
|
import Login from './Login.vue' |
|
import { useDesign } from '@/hooks/web/useDesign' |
|
import { useUserStore } from '@/store/modules/user' |
|
import { usePermissionStore } from '@/store/modules/permission' |
|
import { useAppStore } from '@/store/modules/app' |
|
import { PermissionModeEnum } from '@/enums/appEnum' |
|
|
|
const { prefixCls } = useDesign('st-login') |
|
const userStore = useUserStore() |
|
const permissionStore = usePermissionStore() |
|
const appStore = useAppStore() |
|
const userId = ref<Nullable<number | string>>(0) |
|
|
|
function isBackMode() { |
|
return appStore.getProjectConfig.permissionMode === PermissionModeEnum.BACK |
|
} |
|
|
|
onMounted(() => { |
|
// 记录当前的UserId |
|
userId.value = userStore.getUserInfo?.user.id |
|
}) |
|
|
|
onBeforeUnmount(() => { |
|
if (userId.value && userId.value !== userStore.getUserInfo.user.id) { |
|
// 登录的不是同一个用户，刷新整个页面以便丢弃之前用户的页面状态 |
|
document.location.reload() |
|
} |
|
else if (isBackMode() && permissionStore.getLastBuildMenuTime === 0) { |
|
// 后台权限模式下，没有成功加载过菜单，就重新加载整个页面。这通常发生在会话过期后按F5刷新整个页面后载入了本模块这种场景 |
|
document.location.reload() |
|
} |
|
}) |
|
</script> |
|
|
|
<template> |
|
<transition> |
|
<div :class="prefixCls"> |
|
<Login session-timeout /> |
|
</div> |
|
</transition> |
|
</template> |
|
|
|
<style lang="less" scoped> |
|
@prefix-cls: ~'@{namespace}-st-login'; |
|
|
|
.@{prefix-cls} { |
|
position: fixed; |
|
z-index: 9999999; |
|
width: 100%; |
|
height: 100%; |
|
background: var(--component-background); |
|
} |
|
</style>
|
|
|