!12 处理图表页全屏后无法渲染的问题

Merge pull request !12 from MaxNull/dev-20210727

src/layout/navBars/breadcrumb/user.vue

@@ -242,6 +242,14 @@ export default {
 				initI18n();
 				initComponentSize();
 			}
+			document.onkeydown = (event) => {
+				var e = event || window.event || arguments.callee.caller.arguments[0];
+				// 阻止F11全屏
+				if (e && e.keyCode === 122 && !state.isScreenfull) {
+					e.preventDefault();
+					onScreenfullClick();
+				}
+			};
 		});
 		return {
 			getUserInfos,

src/layout/navBars/tagsView/tagsView.vue

@@ -190,7 +190,7 @@ export default {
 				const { meta, name, params, query } = currentRouteInfo;
 				if (meta.isDynamic) router.push({ name, params });
 				else router.push({ path, query });
-				store.dispatch('tagsViewRoutes/setCurrenFullscreen');
+				store.dispatch('tagsViewRoutes/setCurrenFullscreen', 500);
 			});
 		};
 		// 当前项右键菜单点击，拿当前点击的路由路径对比 浏览器缓存中的 tagsView 路由数组，取当前点击项的详细路由信息

src/store/modules/tagsViewRoutes.ts

@@ -4,6 +4,8 @@ import screenfull from 'screenfull';
 import { Local } from '/@/utils/storage';
 // 此处加上 `.ts` 后缀报错，具体原因不详
 import { TagsViewRoutesState, RootStateTypes } from '/@/store/interface/index';
+import { ElMessage } from 'element-plus';
+import screenfull from 'screenfull';
 
 const tagsViewRoutesModule: Module<TagsViewRoutesState, RootStateTypes> = {
 	namespaced: true,
@@ -27,13 +29,13 @@ const tagsViewRoutesModule: Module<TagsViewRoutesState, RootStateTypes> = {
 			commit('getTagsViewRoutes', data);
 		},
 		// 设置卡片全屏
-		setCurrenFullscreen({ commit }) {
+		setCurrenFullscreen({ commit }, timeout: number = 0) {
 			const screenfulls: any = screenfull;
 			if (!screenfulls.isEnabled) {
 				ElMessage.warning('暂不不支持全屏');
 				return false;
 			}
-			screenfulls.toggle();
+			setTimeout(() => {
 				const currenFullscreenChange = () => {
 					const layoutViewBgWhite = document.querySelector('.layout-view-bg-white') as HTMLElement;
 					if (screenfulls.isFullscreen) {
@@ -53,7 +55,8 @@ const tagsViewRoutesModule: Module<TagsViewRoutesState, RootStateTypes> = {
 					}
 				};
 				screenfulls.on('change', currenFullscreenChange);
-			commit('getCurrenFullscreen', true);
+				screenfulls.toggle();
+			}, timeout);
 		},
 	},
 };