guangyin
/
hbt-training-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat:右侧全屏后添加暂停播放按钮

wuyanfu
guangyin 2023-05-19 16:48:45 +08:00
parent 3d3871d14c
commit 3c4cbd6e49
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/overview.component.html
View File

@ -62,9 +62,9 @@
</div> </div>
</div> </div>
<div :style="{right:!hideAllPanel?'-90px':0}" class="right-control"> <div :style="{right:!showPlay?'-90px':0}" class="right-control">
<div @click="playAction('play')" class="play-btn"><i class="el-icon-video-pause"></i><span>暂停</span></div> <div @click="playAction('pause')" class="play-btn"><i class="el-icon-video-pause"></i><span>暂停</span></div>
<div @click="playAction('pause')" class="play-btn"><i class="el-icon-video-play"></i><span>继续</span></div> <div @click="playAction('play')" class="play-btn"><i class="el-icon-video-play"></i><span>继续</span></div>
</div> </div>
<!-- 大号弹窗组件--> <!-- 大号弹窗组件-->

4
src/views/overview.component.ts
View File

@ -51,6 +51,8 @@ export default class OverViewComponent extends BaseComponent {
activeNames = ['1'] activeNames = ['1']
//展示告警详情右侧 //展示告警详情右侧
waringRightShow = false waringRightShow = false
//显示展示隐藏按钮
showPlay = false
// 是否隐藏除地图外所有板块 // 是否隐藏除地图外所有板块
public hideAllPanel = false; public hideAllPanel = false;
@ -189,6 +191,7 @@ export default class OverViewComponent extends BaseComponent {
this.hideAllPanel = !this.hideAllPanel; this.hideAllPanel = !this.hideAllPanel;
this.drawerChange(!this.hideAllPanel) this.drawerChange(!this.hideAllPanel)
if(!this.hideAllPanel){ if(!this.hideAllPanel){
this.showPlay = false
this.player.api.cameraTour.stop(); this.player.api.cameraTour.stop();
this.player.api.settings.setInteractiveMode(0) this.player.api.settings.setInteractiveMode(0)
} }
@ -347,6 +350,7 @@ export default class OverViewComponent extends BaseComponent {
//进入路线导览 //进入路线导览
playView(item){ playView(item){
this.toggleAllPanel() this.toggleAllPanel()
this.showPlay = true
this.player.api.cameraTour.play(item.id) this.player.api.cameraTour.play(item.id)
} }
closeRight(){ closeRight(){