diff --git a/yanzhu-bigscreen/public/css/largeScreenStyle.css b/yanzhu-bigscreen/public/css/largeScreenStyle.css index 8f25b10a..0733bb6f 100644 --- a/yanzhu-bigscreen/public/css/largeScreenStyle.css +++ b/yanzhu-bigscreen/public/css/largeScreenStyle.css @@ -30,6 +30,20 @@ body { font-size: 16px; overflow: auto; } + +/* 全屏模式下隐藏滚动条 */ +body:fullscreen { + overflow: hidden; +} + +body::-webkit-scrollbar { + display: none; +} + +/* 全屏模式下的滚动条隐藏 */ +body:fullscreen::-webkit-scrollbar { + display: none; +} .scroll::-webkit-scrollbar { width: 8px; height: 8px; diff --git a/yanzhu-bigscreen/src/App.vue b/yanzhu-bigscreen/src/App.vue index 3745861e..bc75eceb 100644 --- a/yanzhu-bigscreen/src/App.vue +++ b/yanzhu-bigscreen/src/App.vue @@ -25,6 +25,21 @@ export default { mounted(){ window.app=this; this.isMap=location.hash.indexOf("#/map")>=0; + + // 监听全屏事件,控制body的overflow样式 + this.$bus.$on('fullscreen', (isFullscreen) => { + if (isFullscreen) { + // 进入全屏时隐藏body滚动条 + document.body.style.overflow = 'hidden'; + } else { + // 退出全屏时恢复body滚动条 + document.body.style.overflow = 'auto'; + } + }); + }, + beforeDestroy() { + // 清理事件监听 + this.$bus.$off('fullscreen'); } } \ No newline at end of file diff --git a/yanzhu-bigscreen/src/views/bim4DSimulation.vue b/yanzhu-bigscreen/src/views/bim4DSimulation.vue index 60dd252f..f4a17218 100644 --- a/yanzhu-bigscreen/src/views/bim4DSimulation.vue +++ b/yanzhu-bigscreen/src/views/bim4DSimulation.vue @@ -1,9 +1,9 @@ @@ -100,6 +103,7 @@ export default { showPlan: true, lastFeatureIds: [], planLoaded: false, + noPlan:false, }; }, beforeDestroy() { @@ -220,6 +224,8 @@ export default { }); this.hasLoad = true; this.planLoaded = true; + this.noPlan=this.taskList.length==0; + }); } }, @@ -305,6 +311,18 @@ export default { } .div-plan { + &.is-loading{ + display: flex; + display: flex; + justify-content: center; + align-items: center; + .loading-text{ + margin-top: -100px; + } + .el-loading-spinner{ + margin-left: -50px; + } + } .gantt-elastic__main-view { .gantt-elastic__task-list-header-column { background: transparent !important;