From 132c7fb944df255c4d76a25d6d924439f91f9c54 Mon Sep 17 00:00:00 2001
From: Netfan <netfan@foxmail.com>
Date: Mon, 31 May 2021 09:23:19 +0800
Subject: [PATCH] fix: session timeout login logic error (#678)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

修复超时重新登录的页面在某些逻辑下未能正确刷新数据的问题。

fix: #673
---
 src/store/modules/permission.ts             |  1 +
 src/views/sys/login/SessionTimeoutLogin.vue | 31 ++++++++++++++++++++-
 2 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/src/store/modules/permission.ts b/src/store/modules/permission.ts
index 873b9b2e..c75fce5d 100644
--- a/src/store/modules/permission.ts
+++ b/src/store/modules/permission.ts
@@ -65,6 +65,7 @@ export const usePermissionStore = defineStore({
 
     setBackMenuList(list: Menu[]) {
       this.backMenuList = list;
+      list?.length > 0 && this.setLastBuildMenuTime();
     },
 
     setLastBuildMenuTime() {
diff --git a/src/views/sys/login/SessionTimeoutLogin.vue b/src/views/sys/login/SessionTimeoutLogin.vue
index 33fd3b68..34a65543 100644
--- a/src/views/sys/login/SessionTimeoutLogin.vue
+++ b/src/views/sys/login/SessionTimeoutLogin.vue
@@ -6,15 +6,44 @@
   </transition>
 </template>
 <script lang="ts">
-  import { defineComponent } from 'vue';
+  import { defineComponent, 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';
   export default defineComponent({
     name: 'SessionTimeoutLogin',
     components: { Login },
     setup() {
       const { prefixCls } = useDesign('st-login');
+      const userStore = useUserStore();
+      const permissionStore = usePermissionStore();
+      const appStore = useAppStore();
+      const userId = ref<Nullable<number | string>>(0);
+
+      const isBackMode = () => {
+        return appStore.getProjectConfig.permissionMode === PermissionModeEnum.BACK;
+      };
+
+      onMounted(() => {
+        // 记录当前的UserId
+        userId.value = userStore.getUserInfo?.userId;
+        console.log('Mounted', userStore.getUserInfo);
+      });
+
+      onBeforeUnmount(() => {
+        if (userId.value && userId.value !== userStore.getUserInfo.userId) {
+          // 登录的不是同一个用户，刷新整个页面以便丢弃之前用户的页面状态
+          document.location.reload();
+        } else if (isBackMode() && permissionStore.getLastBuildMenuTime === 0) {
+          // 后台权限模式下，没有成功加载过菜单，就重新加载整个页面。这通常发生在会话过期后按F5刷新整个页面后载入了本模块这种场景
+          document.location.reload();
+        }
+      });
+
       return { prefixCls };
     },
   });
-- 
GitLab