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

Merge remote-tracking branch 'origin/codeCheck' into codeCheck

Browse Source
This commit is contained in:
chenjinsong
2020-11-24 18:53:40 +08:00
parent 6864d444b1 1c5f7ca2ca
commit 27ee9d221d
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 class="sub-list-resize-copy">一</div>
</div> </div>
<div id="shell-split" class="shell-split shell-iconfont" @mousedown="dragEagle" v-show="!isFullScreen">一</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="resize-modal">
<div class="sub-list-resize-copy">一</div> <div class="sub-list-resize-copy" style="width: 100%">一</div>
</div> </div>
<div id="shell-split" class="sub-list-resize" @mousedown="dragEagle" v-show="!isFullScreen">一</div> <div id="shell-split" class="sub-list-resize" @mousedown="dragEagle" v-show="!isFullScreen">一</div>
<div style='position: relative;' class="sub-list"> <div style='position: relative;' class="sub-list">
@@ -318,6 +318,8 @@
window.removeEventListener('resize',this.windowChange); window.removeEventListener('resize',this.windowChange);
this.closeConfirmShow = false; this.closeConfirmShow = false;
let subListDom = document.querySelector("#shell-service .sub-list"); //副列表
subListDom.style.height = "250px";
}, },
handleClick(){ handleClick(){
@@ -552,20 +554,20 @@
},*/ },*/
dragEagle(e) { dragEagle(e) {
//let mainListDom = document.querySelector(".main-list"); //主列表 //let mainListDom = document.querySelector(".main-list"); //主列表
let subBoxDom = document.querySelector(".sub-box"); //副列表 let subBoxDom = document.querySelector("#shell-service.sub-box"); //副列表
let subListDom = document.querySelector(".sub-list"); //副列表 let subListDom = document.querySelector("#shell-service .sub-list"); //副列表
let contentRightDom = document.querySelector(".content-right"); //右侧内容区 let contentRightDom = document.querySelector(".content-right"); //右侧内容区
let resizeBarHeight = 9; //resize横条高度 let resizeBarHeight = 9; //resize横条高度
let minHeight = 15; //terminal最小高度限制为15 let minHeight = 15; //terminal最小高度限制为15
//let contentHideHeight = 100; //主、副列表高度低于100时隐藏内容 //let contentHideHeight = 100; //主、副列表高度低于100时隐藏内容
//let mainModalDom = document.querySelector(".main-modal"); //主列表遮罩 //let mainModalDom = document.querySelector(".main-modal"); //主列表遮罩
let resizeModalDom = document.querySelector(".resize-modal"); //副列表遮罩 let resizeModalDom = document.querySelector("#shell-service .resize-modal"); //副列表遮罩
let resizeBarDom = document.querySelector(".sub-list-resize"); //拖动条 let resizeBarDom = document.querySelector("#shell-service .sub-list-resize"); //拖动条
let contentRightHeight = contentRightDom.offsetHeight;//可视高度 let contentRightHeight = contentRightDom.offsetHeight;//可视高度
//点击时俩dom的初始高度： //点击时俩dom的初始高度：
let subInitialHeight = subListDom.offsetHeight+resizeBarHeight; let subInitialHeight = subListDom.offsetHeight+resizeBarHeight;
console.log(subListDom.offsetHeight);
//mainModalDom.style.display = "block"; //mainModalDom.style.display = "block";
resizeModalDom.style.cssText = `height: ${subInitialHeight}px; display: block;`; resizeModalDom.style.cssText = `height: ${subInitialHeight}px; display: block;`;
resizeBarDom.style.display = "none"; resizeBarDom.style.display = "none";