hjq/mart-admin
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

处理图标页全屏后无法渲染的问题

Browse Source
This commit is contained in:
21030442-mao 2021-07-27 10:13:16 +08:00
parent 0050120d79
commit fd5d763de4
2 changed files with 23 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/layout/navBars/tagsView/tagsView.vue
View File

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

43
src/store/modules/tagsViewRoutes.ts
View File

@ -29,33 +29,34 @@ const tagsViewRoutesModule: Module<TagsViewRoutesState, RootStateTypes> = {
commit('getTagsViewRoutes', data); commit('getTagsViewRoutes', data);
}, },
// 设置卡片全屏 // 设置卡片全屏
setCurrenFullscreen({ commit }) { setCurrenFullscreen({ commit }, timeout: number = 0) {
const screenfulls: any = screenfull; const screenfulls: any = screenfull;
if (!screenfulls.isEnabled) { if (!screenfulls.isEnabled) {
ElMessage.warning('暂不不支持全屏'); ElMessage.warning('暂不不支持全屏');
return false; return false;
} }
screenfulls.toggle(); setTimeout(() => {
const currenFullscreenChange = () => { const currenFullscreenChange = () => {
const layoutViewBgWhite = document.querySelector('.layout-view-bg-white') as HTMLElement; const layoutViewBgWhite = document.querySelector('.layout-view-bg-white') as HTMLElement;
if (screenfulls.isFullscreen) { if (screenfulls.isFullscreen) {
commit('getCurrenFullscreen', true); commit('getCurrenFullscreen', true);
// 设置全屏时，设置有 `layout-view-bg-white` 类的高度 // 设置全屏时，设置有 `layout-view-bg-white` 类的高度
if (layoutViewBgWhite) layoutViewBgWhite.style.height = `calc(100vh - 30px)`; if (layoutViewBgWhite) layoutViewBgWhite.style.height = `calc(100vh - 30px)`;
} else { } else {
screenfulls.off('change', currenFullscreenChange); screenfulls.off('change', currenFullscreenChange);
commit('getCurrenFullscreen', false); commit('getCurrenFullscreen', false);
if (!layoutViewBgWhite) return false; if (!layoutViewBgWhite) return false;
const getThemeConfig = Local.get('themeConfig'); const getThemeConfig = Local.get('themeConfig');
if (getThemeConfig) { if (getThemeConfig) {
let { isTagsview } = getThemeConfig; let { isTagsview } = getThemeConfig;
if (isTagsview) layoutViewBgWhite.style.height = `calc(100vh - 114px)`; if (isTagsview) layoutViewBgWhite.style.height = `calc(100vh - 114px)`;
else layoutViewBgWhite.style.height = `calc(100vh - 80px)`; else layoutViewBgWhite.style.height = `calc(100vh - 80px)`;
}
} }
} };
}; screenfulls.on('change', currenFullscreenChange);
screenfulls.on('change', currenFullscreenChange); screenfulls.toggle();
commit('getCurrenFullscreen', true); }, timeout);
}, },
}, },
}; };