Merge branch 'dev-zhao' into 'dev'

feat:权限管理-登出，前台打印登出的原因（提示用户因权限修改而登出)

See merge request itc-framework/ma/2024/front!30

src/utils/http/axios/index.ts

@@ -80,12 +80,14 @@ const transform: AxiosTransform = {
         switch (code) {
             case ResultEnum.UNAUTHRAZATION:
                 timeoutMsg = t('登录超时,请重新登录!');
+
                 const userStore = useUserStoreWithOut();
                 userStore.setToken(undefined);
                 if (!window.location.hash.includes('login')&&!window.location.pathname.includes('login')
                     &&!window.location.hash.includes('tokenLogin')&&!window.location.pathname.includes('tokenLogin')) {
                     userStore.logout(true);
                 }
+                if (data) {
                     if(data.urlToRedirectTo){
                         //登录页面不跳转
                         if(!window.location.hash.includes('login')&&!window.location.pathname.includes('login')
@@ -94,9 +96,16 @@ const transform: AxiosTransform = {
                         }
                         options.errorMessageMode="none";
                     }else{
+                        // data 有logout 信息 ，存sessionStorage 给login page 弹框显示
+                        if (data.logoutMessage) {
+                            sessionStorage.setItem('logoutInfoData', JSON.stringify({
+                                logoutMessage: data.logoutMessage,
+                            }));
+                        }
                         const go = useGo();
                         go('/login');
                     }
+                }
                 break;
             default:
                 if (msg) {

src/views/sys/login/Login.vue

@@ -42,9 +42,20 @@
   import logopng from '/@/assets/images/logo-dark.png';
   import logobg from '/@/assets/images/login-left.gif';
   import { getLogoInfo } from '/@/api/system/login';
-  import { ref } from 'vue';
+  import { ref, onMounted } from 'vue';
   import { LogoConfig } from '/#/config';
 
+  import { useMessage } from '/@/hooks/web/useMessage';
+  const { createErrorModal } = useMessage();
+
+  onMounted(() => {
+    let logoutInfoData =  JSON.parse(sessionStorage.getItem('logoutInfoData') as string);
+    if (logoutInfoData) {
+      createErrorModal({ title: t('错误提示'), content: logoutInfoData.logoutMessage });
+      sessionStorage.removeItem('logoutInfoData');
+    }
+  })
+
   const appStore = useAppStore();
   defineProps({
     sessionTimeout: {