Merge branch 'dev-3.7' of git.mesalab.cn:nezha/nezha-fronted into dev-3.8

nezha-fronted/src/assets/css/common/rightBoxCommon.scss

@@ -9,7 +9,7 @@
   width: 700px;
   box-shadow: $--right-box-shadow;
   background-color: $--background-color-empty;
-  z-index: 1001;
+  z-index: 1100;
 
   .el-date-editor {
     .el-input__inner {

nezha-fronted/src/assets/css/common/tableCommon.scss

@@ -158,7 +158,6 @@
   }
   .top-tools--sub {
     flex-direction: row-reverse;
-    overflow: hidden;
     .top-tool-left {
       height: 100%;
       width: 0; // 避免计算错误

nezha-fronted/src/assets/css/components/common/bottomBox/bottomBox.scss

@@ -76,7 +76,6 @@
   height: 50%;
   position: relative;
   padding: 0;
-  z-index: 10;
   .top-tools.top-tools--sub {
     border-bottom: 1px solid $--border-color-light;
     .top-tool-right {
@@ -151,7 +150,7 @@
   height: calc(100% - 9px);
   position: absolute;
   width: 100%;
-  z-index: 1;
+  z-index: 10;
   top: 9px;
 
   .sub-list__tabs {
@@ -217,7 +216,7 @@
   position: fixed;
   cursor: ns-resize;
   display: none;
-  z-index: 20;
+  z-index: 200;
   vertical-align: bottom;
   bottom: 0;
 }

nezha-fronted/src/assets/css/components/common/timePicker.scss

@@ -165,7 +165,6 @@
 .calendar-popover-text:last-of-type {
   margin-right: 0;
 }
-
 .date-range-panel {
   // height: 460px;
   width: 500px;
@@ -310,9 +309,26 @@
     }
   }
 }
+@media (max-height: 900px) {
+  .date-range-panel {
+    .date-range-panel-content-right {
+      height: 180px;
+      overflow-y: auto;
+    }
+    .date-range-panel-content-left {
+      height: 180px;
+      overflow-y: auto;
+    }
+  }
+}
 .date-range-panel--top {
   top: -460px;
 }
+@media (max-height: 900px) {
+  .date-range-panel--top {
+    top: -215px;
+  }
+}
 .el-date-range-picker.el-picker-panel__body__only,.el-picker-panel__body {
   width: 324px;
   .el-date-range-picker__header,.el-date-picker__header{

nezha-fronted/src/assets/css/components/layout/home.scss

@@ -31,6 +31,9 @@
   .panel-loading{
     left: 64px;
   }
+  .resize-modal {
+    width: calc(100% - 64px);
+  }
 }
 
 .home.tv,.home.se{

nezha-fronted/src/components/chart/chart/chartAutotopology.vue

@@ -10,6 +10,7 @@
               v-if="item.isLoad"
               :meta2dId="'autoTopology' + item.id + (isFullscreen ? 'screen' : '')"
               :topoData="item.topoData"
+              :minScale="0.01"
               :isPreview="true"
               :querysArray="item.querysArray"
               :project="item"

nezha-fronted/src/components/common/bottomBox/bottomBox.vue

@@ -382,7 +382,8 @@ export default {
         }, 600)
       }
       const subListDom = document.querySelector('.sub-list') // 副列表
-      if (subListDom.offsetHeight < 505) {
+      const height = window.innerHeight > 900 ? 505 : 250
+      if (subListDom.offsetHeight < height) {
         this.$store.dispatch('dispatchTimeBoxClass', 'date-range-panel--top')
       } else {
         this.$store.dispatch('dispatchTimeBoxClass', '')

nezha-fronted/src/components/common/project/meta2d/js/meta2dMainCalc.js

@@ -80,7 +80,7 @@ export default {
   methods: {
     init: function () {
       const meta2dOptions = {
-        minScale: 0.25,
+        minScale: this.minScale,
         maxScale: 2,
         autoAnchor: false
       }

nezha-fronted/src/components/common/project/meta2d/meta2dMain.vue

@@ -149,6 +149,10 @@ export default {
       type: Boolean,
       default: false
     },
+    minScale: {
+      type: Number,
+      default: 0.25
+    },
     querysArray: {},
     params: {},
     project: {},