diff --git a/src/App.vue b/src/App.vue
index 1f2fece..30b40e5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,6 +4,7 @@
+
@@ -14,16 +15,19 @@ import { useThemeConfig } from '/@/stores/themeConfig';
import other from '/@/utils/other';
import { Local, Session } from '/@/utils/storage';
import mittBus from '/@/utils/mitt';
+import { needRoleSelection, isRoleDialogTriggered, setRoleDialogTriggered } from '/@/utils/roleSelect';
import setIntroduction from '/@/utils/setIconfont';
// 引入组件
const LockScreen = defineAsyncComponent(() => import('/@/layout/lockScreen/index.vue'));
const Settings = defineAsyncComponent(() => import('./layout/navBars/breadcrumb/settings.vue'));
const CloseFull = defineAsyncComponent(() => import('/@/layout/navBars/breadcrumb/closeFull.vue'));
+const ChangeRoleFir = defineAsyncComponent(() => import('/@/views/admin/system/role/changeRole-fir.vue'));
// 定义变量内容
const { messages, locale } = useI18n();
const settingsRef = ref();
+const changeRoleFirRef = ref<{ open: () => void }>();
const route = useRoute();
const stores = useTagsViewRoutes();
const storesThemeConfig = useThemeConfig();
@@ -44,6 +48,7 @@ const getGlobalComponentSize = computed(() => {
const getGlobalI18n = computed(() => {
return messages.value[locale.value];
});
+
// 设置初始化,防止刷新时恢复默认
onBeforeMount(() => {
// 设置批量第三方 icon 图标
@@ -67,11 +72,23 @@ onMounted(() => {
if (Session.get('isTagsViewCurrenFull')) {
stores.setCurrenFullscreen(Session.get('isTagsViewCurrenFull'));
}
+ // 全局判断:已登录但 Local 缺少角色信息时弹出角色选择;弹框已触发则不再重复弹出
+ if (Session.getToken() && needRoleSelection() && !isRoleDialogTriggered()) {
+ setRoleDialogTriggered(true);
+ setTimeout(() => {
+ changeRoleFirRef.value?.open();
+ }, 300);
+ }
+ // 请求拦截器里也会在发送请求时判断并 emit,此处统一监听打开弹框
+ mittBus.on('openRoleSelectDialog', () => {
+ changeRoleFirRef.value?.open();
+ });
});
});
-// 页面销毁时,关闭监听布局配置/i18n监听
+// 页面销毁时,关闭监听
onUnmounted(() => {
mittBus.off('openSettingsDrawer', () => {});
+ mittBus.off('openRoleSelectDialog');
});
// 监听路由的变化,设置网站标题
watch(
diff --git a/src/dept_change.docx b/src/dept_change.docx
deleted file mode 100644
index 699ad73..0000000
Binary files a/src/dept_change.docx and /dev/null differ
diff --git a/src/types/mitt.d.ts b/src/types/mitt.d.ts
index 66bb95d..8dc82a4 100644
--- a/src/types/mitt.d.ts
+++ b/src/types/mitt.d.ts
@@ -23,6 +23,7 @@ declare type MittType = {
openShareTagsView?: string;
onTagsViewRefreshRouterView?: T;
onCurrentContextmenuClick?: T;
+ openRoleSelectDialog?: string;
};
// mitt 参数类型定义
diff --git a/src/utils/request.ts b/src/utils/request.ts
index dc86db0..cfb91d2 100644
--- a/src/utils/request.ts
+++ b/src/utils/request.ts
@@ -1,10 +1,12 @@
import axios, { AxiosInstance, AxiosResponse, InternalAxiosRequestConfig } from 'axios';
import { Session } from '/@/utils/storage';
-import {useMessage, useMessageBox} from '/@/hooks/message';
+import { useMessage, useMessageBox } from '/@/hooks/message';
import qs from 'qs';
import other from './other';
-import {paramsFilter} from "/@/flow";
+import { paramsFilter } from "/@/flow";
import { wrapEncryption, encryptRequestParams, decrypt } from './apiCrypto';
+import mittBus from '/@/utils/mitt';
+import { needRoleSelection, isRoleDialogTriggered, setRoleDialogTriggered } from '/@/utils/roleSelect';
// 常用header
export enum CommonHeaderEnum {
@@ -81,6 +83,12 @@ service.interceptors.request.use(
// 自动适配单体和微服务架构不同的URL
config.url = other.adaptationUrl(config.url);
+ // 发送请求时判断:已登录但缺少角色信息则弹出角色选择;若弹框已触发则不再重复弹出
+ if (token && needRoleSelection() && !isRoleDialogTriggered()) {
+ setRoleDialogTriggered(true);
+ mittBus.emit('openRoleSelectDialog');
+ }
+
// 处理完毕,返回config对象
return config;
},
diff --git a/src/utils/roleSelect.ts b/src/utils/roleSelect.ts
new file mode 100644
index 0000000..07419a9
--- /dev/null
+++ b/src/utils/roleSelect.ts
@@ -0,0 +1,24 @@
+import { Local } from '/@/utils/storage';
+
+/** Local 是否缺少角色信息(缺任一则需弹出角色选择) */
+export function needRoleSelection(): boolean {
+ try {
+ const roleCode = Local.get('roleCode');
+ const roleName = Local.get('roleName');
+ const roleId = Local.get('roleId');
+ return !roleCode || !roleName || !roleId;
+ } catch {
+ return true;
+ }
+}
+
+/** 角色选择弹框是否已触发(防止多请求同时触发时重复弹出) */
+let roleDialogTriggered = false;
+
+export function isRoleDialogTriggered(): boolean {
+ return roleDialogTriggered;
+}
+
+export function setRoleDialogTriggered(value: boolean): void {
+ roleDialogTriggered = value;
+}
diff --git a/src/views/admin/system/role/changeRole-fir.vue b/src/views/admin/system/role/changeRole-fir.vue
index 7894ea1..e50ae0d 100644
--- a/src/views/admin/system/role/changeRole-fir.vue
+++ b/src/views/admin/system/role/changeRole-fir.vue
@@ -21,18 +21,23 @@ import {useMessage} from "/@/hooks/message";
const visible=ref(false)
const radio=ref('')
-const allRole=reactive([])
+const allRole = reactive([])
const schoolName=ref('')
-const open=()=>{
- // handleQuerySchoolName()
- listAllRole().then(res=>{
- Object.assign(allRole,res.data)
- radio.value=Local.get("roleCode")
- visible.value=true
+const open = () => {
+ listAllRole().then(res => {
+ Object.assign(allRole, res.data)
+ radio.value = Local.get('roleCode')
+ visible.value = true
})
}
-const handleChangeRole=(label:any)=>{
+
+// 必须选择角色后才能关闭,禁止点击遮罩/ESC 关闭(不调用 done 即不关闭)
+const handleBeforeClose = (_done: () => void) => {
+ useMessage().warning('请先选择登录角色')
+}
+
+const handleChangeRole = (label: any) => {
let obj:any=allRole.find((v:any) => v.roleCode == label)
Local.set("roleCode",obj.roleCode)
Local.set("roleName",obj.roleName)