fix：修改terminal 显示隐藏通过高度控制 添加动画

nezha-fronted/src/components/charts/chartPreview.vue

@@ -368,7 +368,6 @@
       // 获取一个图表具体数据
       getChartData() {
         const chartItem = this.chart;
-        console.log(chartItem);
         if(chartItem.type === 'alertList'){
           this.getAlertListChartData(chartItem,null);
           return;
@@ -572,7 +571,6 @@
                         if(this.mapping&&!this.mapping.color){
                           this.mapping.color={bac:'#fff',text:'#000'}
                         }
-                        console.log(mapping)
                         this.serieSingleStat = mapping?mapping.text.replace('{{value}}', singleStatTmp):chartDataFormat.getUnit(chartItem.unit?chartItem.unit:2).compute(singleStatTmp,null,2);
                       }else{
                         this.serieSingleStat = chartDataFormat.getUnit(chartItem.unit?chartItem.unit:2).compute(singleStatTmp,null,2);

nezha-fronted/src/components/cli/console.vue

@@ -98,7 +98,7 @@ export default {
       if (resizeHeight) {
         this.termimalHeight = resizeHeight;
       }
-      this.isFullScreen = isFullScreen;
+      // this.isFullScreen = isFullScreen;
       //this.term.toggleFullScreen(isFullScreen);//全屏后无法显示顶部菜单和tab
       let height = document.body.clientHeight-this.topMenuHeight;//可视高度
       let width = document.body.clientWidth;//可视宽度

nezha-fronted/src/components/cli/webSSH.scss

@@ -128,9 +128,8 @@
   }
 }
 .shell-service-max {
-  height: 100% !important;
+  height: 100%;
   position: fixed !important;
-  top: 0;
   bottom: 0;
 }
 

nezha-fronted/src/components/cli/webSSH.vue

@@ -7,11 +7,12 @@
       <div class="sub-list-resize-copy">一</div>
     </div>
     <div id="shell-split" class="shell-split shell-iconfont" @mousedown="dragEagle" v-show="!isFullScreen">一</div>-->
-  <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 ref="webSShBox" id="shell-service" class="sub-box ani-webSHH-height" data-yunlog-scope="popup" :class="{'shell-service-max': isFullScreen,'shell-service':true}" style="height: 0;background: #000">
       <div class="resize-modal">
         <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 class="sub-list-resize" v-show="isFullScreen"></div>
       <div style='position: relative;' class="sub-list">
         <!--el-drawer 打开后会对第一个未隐藏的元素聚焦 所以添加一隐藏的input 防止聚焦-->
         <input style='width: 0;height: 0;opacity: 0;display: inherit;' />
@@ -212,6 +213,7 @@
         downloadResult:null,
         // 字体大小
         fontSize:termFontSize?termFontSize:15,
+        webSSHHeight:'',//最小化之前的高度
       }
     },
     methods: {
@@ -311,7 +313,7 @@
         this.isFullScreen = false;
 
         let targetDiv= document.getElementById('shell-service');
-        targetDiv.style.height=this.initConsoleHeight+'px';
+        targetDiv.style.height=0+'px';
         this.consoleHeight = this.initConsoleHeight-50;
 
         this.$store.commit('closeConsole');
@@ -451,6 +453,9 @@
       minScreen(){
         this.consoleShow = false;
         this.$store.commit('minConsole');
+        let targetDiv= document.getElementById('shell-service');
+        this.webSSHHeight=targetDiv.style.height;
+        targetDiv.style.height=0+'px';
       },
       fullScreen(isChange){
         this.resizeConsoleHeight = document.querySelector("#shell-service").offsetHeight; //记录全屏前主列表的高度
@@ -663,6 +668,8 @@
             let host = this.$store.state.consoleParam.host;
             let accountId = this.$store.state.consoleParam.accountId;
             let port = this.$store.state.consoleParam.port;
+            let targetDiv= document.getElementById('shell-service');
+            targetDiv.style.height=this.initConsoleHeight+'px';
             this.show(id,host,accountId,port);
           }else {
             this.consoleShow = true;
@@ -676,6 +683,8 @@
                 });
               }
             });
+            let targetDiv= document.getElementById('shell-service');
+            targetDiv.style.height=this.webSSHHeight;
           }
           this.$store.state.consoleShow = false;
         }
@@ -694,5 +703,11 @@
   }
 </script>
 <style scoped>
+  .ani-webSHH-height{
+    transition: height .25s ease-in;
+  }
+  .sub-list{
+    background: #E4E7ED;
 
+  }
 </style>

nezha-fronted/src/components/page/dashboard/chartBox.vue

@@ -1447,7 +1447,6 @@
                 });
               });
               params.elements = elements;
-              console.log(params,'params');
               if (valid) {
                 this.$refs.chartsPreview.show(params);
               }
@@ -1636,7 +1635,6 @@
         deep: true,
         immediate: true,
         handler(n) {
-          console.log(n,(n.param&&n.param.valueMapping)&&(n.type === 'singleStat' || n.type === 'table'));
           if((n.param&&n.param.valueMapping)&&(n.type === 'singleStat' || n.type === 'table')){
             n.param.valueMapping.mapping.forEach(item=>{
               this.showPicker.push({bac:false,text:false})