diff --git a/nezha-fronted/src/assets/css/common/rightBoxCommon.scss b/nezha-fronted/src/assets/css/common/rightBoxCommon.scss index c7752bcbd..67de67363 100644 --- a/nezha-fronted/src/assets/css/common/rightBoxCommon.scss +++ b/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 { diff --git a/nezha-fronted/src/assets/css/common/tableCommon.scss b/nezha-fronted/src/assets/css/common/tableCommon.scss index d7eeb58d9..3d98da64a 100644 --- a/nezha-fronted/src/assets/css/common/tableCommon.scss +++ b/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; // 避免计算错误 diff --git a/nezha-fronted/src/assets/css/components/common/bottomBox/bottomBox.scss b/nezha-fronted/src/assets/css/components/common/bottomBox/bottomBox.scss index c61e4c590..d32419182 100644 --- a/nezha-fronted/src/assets/css/components/common/bottomBox/bottomBox.scss +++ b/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; } diff --git a/nezha-fronted/src/assets/css/components/common/timePicker.scss b/nezha-fronted/src/assets/css/components/common/timePicker.scss index 6d6f82300..e26460726 100644 --- a/nezha-fronted/src/assets/css/components/common/timePicker.scss +++ b/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{ diff --git a/nezha-fronted/src/assets/css/components/layout/home.scss b/nezha-fronted/src/assets/css/components/layout/home.scss index 2e0d4058c..e51c3ec60 100644 --- a/nezha-fronted/src/assets/css/components/layout/home.scss +++ b/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{ diff --git a/nezha-fronted/src/components/chart/chart/chartAutotopology.vue b/nezha-fronted/src/components/chart/chart/chartAutotopology.vue index b2c32d20f..6c9a11b1f 100644 --- a/nezha-fronted/src/components/chart/chart/chartAutotopology.vue +++ b/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" diff --git a/nezha-fronted/src/components/common/bottomBox/bottomBox.vue b/nezha-fronted/src/components/common/bottomBox/bottomBox.vue index 01fffae13..7fd747afb 100644 --- a/nezha-fronted/src/components/common/bottomBox/bottomBox.vue +++ b/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', '') diff --git a/nezha-fronted/src/components/common/project/meta2d/js/meta2dMainCalc.js b/nezha-fronted/src/components/common/project/meta2d/js/meta2dMainCalc.js index c6457b972..3bf4d36e3 100644 --- a/nezha-fronted/src/components/common/project/meta2d/js/meta2dMainCalc.js +++ b/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 } diff --git a/nezha-fronted/src/components/common/project/meta2d/meta2dMain.vue b/nezha-fronted/src/components/common/project/meta2d/meta2dMain.vue index a4e5dc082..523a3fd17 100644 --- a/nezha-fronted/src/components/common/project/meta2d/meta2dMain.vue +++ b/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: {},