gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix：修改开启一个底部侧滑后 再开启terminal后 修改高度 高度错乱的问题

Browse Source
This commit is contained in:
zhangyu
2020-11-24 17:05:11 +08:00
parent 4e9556a1eb
commit 2936884c90
1 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
nezha-fronted/src/components/cli/webSSH.vue
View File

@@ -7,9 +7,9 @@
<div class="sub-list-resize-copy">一</div>
</div>
<div id="shell-split" class="shell-split shell-iconfont" @mousedown="dragEagle" v-show="!isFullScreen">一</div>-->
<div id="shell-service" class="sub-box" data-yunlog-scope="popup" :class="{'shell-service-max': isFullScreen,'shell-service':true}" v-show="consoleShow">
<div ref="webSShBox" id="shell-service" class="sub-box" data-yunlog-scope="popup" :class="{'shell-service-max': isFullScreen,'shell-service':true}" v-show="consoleShow">
<div class="resize-modal">
<div class="sub-list-resize-copy">一</div>
<div class="sub-list-resize-copy" style="width: 100%">一</div>
</div>
<div id="shell-split" class="sub-list-resize" @mousedown="dragEagle" v-show="!isFullScreen">一</div>
<div style='position: relative;' class="sub-list">
@@ -318,6 +318,8 @@
window.removeEventListener('resize',this.windowChange);
this.closeConfirmShow = false;
let subListDom = document.querySelector("#shell-service .sub-list"); //副列表
subListDom.style.height = "250px";
},
handleClick(){
@@ -552,20 +554,20 @@
},*/
dragEagle(e) {
//let mainListDom = document.querySelector(".main-list"); //主列表
let subBoxDom = document.querySelector(".sub-box"); //副列表
let subListDom = document.querySelector(".sub-list"); //副列表
let subBoxDom = document.querySelector("#shell-service.sub-box"); //副列表
let subListDom = document.querySelector("#shell-service .sub-list"); //副列表
let contentRightDom = document.querySelector(".content-right"); //右侧内容区
let resizeBarHeight = 9; //resize横条高度
let minHeight = 15; //terminal最小高度限制为15
//let contentHideHeight = 100; //主、副列表高度低于100时隐藏内容
//let mainModalDom = document.querySelector(".main-modal"); //主列表遮罩
let resizeModalDom = document.querySelector(".resize-modal"); //副列表遮罩
let resizeBarDom = document.querySelector(".sub-list-resize"); //拖动条
let resizeModalDom = document.querySelector("#shell-service .resize-modal"); //副列表遮罩
let resizeBarDom = document.querySelector("#shell-service .sub-list-resize"); //拖动条
let contentRightHeight = contentRightDom.offsetHeight;//可视高度
//点击时俩dom的初始高度：
let subInitialHeight = subListDom.offsetHeight+resizeBarHeight;
console.log(subListDom.offsetHeight);
//mainModalDom.style.display = "block";
resizeModalDom.style.cssText = `height: ${subInitialHeight}px; display: block;`;
resizeBarDom.style.display = "none";