diff --git a/nezha-fronted/src/assets/css/components/common/detailView/detailViewTopSearch.scss b/nezha-fronted/src/assets/css/components/common/detailView/detailViewTopSearch.scss index c107f0310..58c07b674 100644 --- a/nezha-fronted/src/assets/css/components/common/detailView/detailViewTopSearch.scss +++ b/nezha-fronted/src/assets/css/components/common/detailView/detailViewTopSearch.scss @@ -47,6 +47,7 @@ min-width: 200px; } } + .detail-top-search-dropdown{ max-height: 300px; overflow-y: auto; @@ -80,6 +81,7 @@ } .children-title-name{ min-width: 180px; + flex-shrink: 0; height: 36px; padding-right: 20px; @@ -96,6 +98,26 @@ background: $--background-color-base !important; } } +.detail-top-search-dropdown-special.detail-top-search-dropdown { + width: 680px; + max-width: unset !important; + .nz-dropdown-menu__item{ + width: 100% !important; + .children-title-name { + width: 33%; + box-sizing: border-box; + } + .nz-dropdown-menu__item-box { + width: 66%; + display: flex; + flex-wrap: wrap; + .nz-dropdown-menu__item-hover { + width: calc(50% - 2px); + box-sizing: border-box; + } + } + } +} .clear-all-select{ padding: 0 20px; padding-left: 42px; diff --git a/nezha-fronted/src/assets/css/components/common/project/L5/popData/common.scss b/nezha-fronted/src/assets/css/components/common/project/L5/popData/common.scss index 92260b40b..f5e2d6e05 100644 --- a/nezha-fronted/src/assets/css/components/common/project/L5/popData/common.scss +++ b/nezha-fronted/src/assets/css/components/common/project/L5/popData/common.scss @@ -143,6 +143,7 @@ width: 120px; display: inline-block; padding: 3px 0; + vertical-align: middle; } .content-text { width: 175px; @@ -150,6 +151,10 @@ font-size: 12px; display: inline-block; padding: 3px 5px; + vertical-align: middle; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap } .module-type { border: 1px solid #DCDCDC; diff --git a/nezha-fronted/src/assets/css/components/common/project/meta2dMain.scss b/nezha-fronted/src/assets/css/components/common/project/meta2dMain.scss index ef2b03d28..fad5a0be0 100644 --- a/nezha-fronted/src/assets/css/components/common/project/meta2dMain.scss +++ b/nezha-fronted/src/assets/css/components/common/project/meta2dMain.scss @@ -222,7 +222,7 @@ position: absolute; right: 0; top: 50px; - z-index: 1; + z-index: 11; } .facade-top{ diff --git a/nezha-fronted/src/assets/css/components/common/project/topology.scss b/nezha-fronted/src/assets/css/components/common/project/topology.scss index 8a5cf8b34..a2c9ce50a 100644 --- a/nezha-fronted/src/assets/css/components/common/project/topology.scss +++ b/nezha-fronted/src/assets/css/components/common/project/topology.scss @@ -195,7 +195,7 @@ position: absolute; right: 0; top: 50px; - z-index: 1; + z-index: 11; } .facade-top{ diff --git a/nezha-fronted/src/assets/css/components/common/rightBox/alertRuleBox.scss b/nezha-fronted/src/assets/css/components/common/rightBox/alertRuleBox.scss index e7c1015e4..375b2d040 100644 --- a/nezha-fronted/src/assets/css/components/common/rightBox/alertRuleBox.scss +++ b/nezha-fronted/src/assets/css/components/common/rightBox/alertRuleBox.scss @@ -31,6 +31,10 @@ .right-box-alert-rule .right-box__container .el-form-item__content .el-input-group--prepend { width: 100%; } + .right-box__container .el-form-item__content .input-box .el-textarea .el-input__count { + right: 6px; + + } .rich-text-editor { line-height: 24px; @@ -113,7 +117,10 @@ .threshold-list { border: 1px solid $--border-color-light; padding: 16px; - + margin-bottom: 16px; + .threshold-list-content { + margin-bottom: 0; + } .threshold-item { display: flex; align-items: center; diff --git a/nezha-fronted/src/assets/css/components/page/tool/ping.scss b/nezha-fronted/src/assets/css/components/page/tool/ping.scss index d22e7db59..85ff2c26d 100644 --- a/nezha-fronted/src/assets/css/components/page/tool/ping.scss +++ b/nezha-fronted/src/assets/css/components/page/tool/ping.scss @@ -161,8 +161,10 @@ font-size: 14px; color: $--color-text-regular; letter-spacing: 0; - font-weight: 400; - margin: 30px 0 11px 0; + line-height: 20px; + font-weight: 600; + font-style: oblique; + padding: 30px 0 10px 0; } .data-top{ width: 100%; diff --git a/nezha-fronted/src/assets/css/components/page/tool/trace.scss b/nezha-fronted/src/assets/css/components/page/tool/trace.scss index d21cb1963..d411c66bc 100644 --- a/nezha-fronted/src/assets/css/components/page/tool/trace.scss +++ b/nezha-fronted/src/assets/css/components/page/tool/trace.scss @@ -169,8 +169,10 @@ font-size: 14px; color: $--color-text-regular; letter-spacing: 0; - font-weight: 400; - margin: 30px 0 11px 0; + line-height: 20px; + font-weight: 600; + font-style: oblique; + padding: 30px 0 10px 0; } .data-top{ width: 100%; diff --git a/nezha-fronted/src/components/chart/chart/chartTopology.vue b/nezha-fronted/src/components/chart/chart/chartTopology.vue index 16f297e2c..f48727afd 100644 --- a/nezha-fronted/src/components/chart/chart/chartTopology.vue +++ b/nezha-fronted/src/components/chart/chart/chartTopology.vue @@ -750,6 +750,12 @@ export default { }, // deep: true, immediate: true + }, + chartData: { + immediate: true, + handler (n) { + this.initChart() + } } }, created () { diff --git a/nezha-fronted/src/components/chart/chartDetail.vue b/nezha-fronted/src/components/chart/chartDetail.vue index db6e4c9bd..27a513177 100644 --- a/nezha-fronted/src/components/chart/chartDetail.vue +++ b/nezha-fronted/src/components/chart/chartDetail.vue @@ -230,7 +230,6 @@ export default { }) setTimeout(() => { this.alertDaysData = newWeekDays - console.log(this.alertDaysData) this.trendLoading = false }) return diff --git a/nezha-fronted/src/components/chart/chartMixin.js b/nezha-fronted/src/components/chart/chartMixin.js index 37ed414ff..b50b15c3f 100644 --- a/nezha-fronted/src/components/chart/chartMixin.js +++ b/nezha-fronted/src/components/chart/chartMixin.js @@ -119,9 +119,20 @@ export default { } // Thresholds 只对左Y轴有效 if (s.yAxisIndex != 1) { + chartInfo.param.thresholds = chartInfo.param.thresholds.reverse() s.markLine.data = chartInfo.param.thresholds.map(threshold => { return { yAxis: threshold.value || 0, + label: { + show: true, + formatter () { + if (threshold.label) { + return threshold.label + } else { + return threshold.value || 0 + } + } + }, lineStyle: { color: threshold.color, width: 2, diff --git a/nezha-fronted/src/components/common/alert/alertRuleInfo.vue b/nezha-fronted/src/components/common/alert/alertRuleInfo.vue index 3faec45be..588db8b85 100644 --- a/nezha-fronted/src/components/common/alert/alertRuleInfo.vue +++ b/nezha-fronted/src/components/common/alert/alertRuleInfo.vue @@ -40,13 +40,13 @@ -- -