diff --git a/nezha-fronted/src/assets/css/components/chart/chart.scss b/nezha-fronted/src/assets/css/components/chart/chart.scss index f08d154b9..5cc61abbd 100644 --- a/nezha-fronted/src/assets/css/components/chart/chart.scss +++ b/nezha-fronted/src/assets/css/components/chart/chart.scss @@ -307,13 +307,18 @@ .basic-info-table-list { display: flex; .basic-info-table-title,.basic-info-table-value { - display: inline-block; + display: inline-flex; flex-wrap: wrap; width: 50%; line-height: 30px; padding-left: 10px; border-bottom: 1px solid $--border-color-light; border-right: 1px solid $--border-color-light; + .alert-days-info{ + div { + vertical-align: middle; + } + } } .basic-info-table-value { border-right: none; diff --git a/nezha-fronted/src/assets/css/components/page/config/mibBrowser.scss b/nezha-fronted/src/assets/css/components/page/config/mibBrowser.scss index c7205a7f5..053fd0e8e 100644 --- a/nezha-fronted/src/assets/css/components/page/config/mibBrowser.scss +++ b/nezha-fronted/src/assets/css/components/page/config/mibBrowser.scss @@ -231,3 +231,9 @@ border-color: unset; background-color: unset; } +.plTableBox.mib-browser-table{ + .el-table:not(.chart-table) .gutter{ + right: 53px !important; + height: 40px !important; + } +} \ No newline at end of file diff --git a/nezha-fronted/src/assets/css/components/page/dashboard/explore/promqlInput.scss b/nezha-fronted/src/assets/css/components/page/dashboard/explore/promqlInput.scss index bf5f4e331..f48884261 100644 --- a/nezha-fronted/src/assets/css/components/page/dashboard/explore/promqlInput.scss +++ b/nezha-fronted/src/assets/css/components/page/dashboard/explore/promqlInput.scss @@ -169,3 +169,11 @@ } } +.topo-page { + .promqlInput { + .el-cascader-menu { + width: 200px; + height: 100%; + } + } +} diff --git a/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue b/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue index 19a4dae26..2cd9d5274 100644 --- a/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue +++ b/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue @@ -1187,6 +1187,9 @@ export default { return } this.chartConfig.param.thresholds.splice(index, 1) + this.chartConfig.param.thresholds.forEach((item, index) => { + this.$refs.chartForm.validateField('param.thresholds.' + index + '.value') + }) this.change() }, move () { diff --git a/nezha-fronted/src/components/common/rightBox/chart/publicConfig.js b/nezha-fronted/src/components/common/rightBox/chart/publicConfig.js index c51cf46db..fe76cebde 100644 --- a/nezha-fronted/src/components/common/rightBox/chart/publicConfig.js +++ b/nezha-fronted/src/components/common/rightBox/chart/publicConfig.js @@ -468,6 +468,9 @@ export default { this.expressions.splice(index, 1) this.expressionName.splice(index, 1) this.expressionsShow.splice(index, 1) + this.chartConfig.elements.forEach((item, index) => { + this.$refs.chartForm.validateField('elements.' + index + '.expression') + }) this.$nextTick(() => { this.expressions.forEach((ex, index) => { if (ex) { @@ -537,6 +540,14 @@ export default { }, removeMapping (index) { this.chartConfig.param.valueMapping.splice(index, 1) + this.chartConfig.param.valueMapping.forEach((item, index) => { + this.$refs.chartForm.validateField('param.valueMapping.' + index + '.value') + this.$refs.chartForm.validateField('param.valueMapping.' + index + '.from') + this.$refs.chartForm.validateField('param.valueMapping.' + index + '.to') + this.$refs.chartForm.validateField('param.valueMapping.' + index + '.regx') + this.$refs.chartForm.validateField('param.valueMapping.' + index + '.column') + this.$refs.chartForm.validateField('param.valueMapping.' + index + '.display') + }) this.change() }, showMapping (index) { diff --git a/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue b/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue index 795b8b899..21120604f 100644 --- a/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue +++ b/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue @@ -1311,6 +1311,7 @@ export default { // 删除pipeline delPipeline (logsIndex, pipeLineIndex) { this.editEndpoint.configs[1].config[logsIndex].pipeline.splice(pipeLineIndex, 1) + this.$refs.moduleForm.clearValidate() }, // 添加pipelineItem addPipelineItem (logsIndex, pipelineIndex) { @@ -1354,6 +1355,7 @@ export default { } else if (val === 'labels') { this.editEndpoint.configs[1].config[logsIndex].pipeline[pipelineIndex].labels.splice(itemIndex, 1) } + this.$refs.moduleForm.clearValidate() }, resultFormat (resp) { if (resp && resp.data) { @@ -1457,6 +1459,7 @@ export default { // return // } this.editEndpoint.configs[0].config.relabel_config.splice(index, 1) + this.$refs.moduleForm.clearValidate() }, tagsChangeRelabel (newTags, index) { this.editEndpoint.configs[0].config.relabel_config[index].source_labels = newTags.map(item => item.text) diff --git a/nezha-fronted/src/components/common/rightBox/moduleBox.vue b/nezha-fronted/src/components/common/rightBox/moduleBox.vue index 37b43f44f..6b14d9bd5 100644 --- a/nezha-fronted/src/components/common/rightBox/moduleBox.vue +++ b/nezha-fronted/src/components/common/rightBox/moduleBox.vue @@ -1064,6 +1064,7 @@ export default { // return // } this.editModule.configs[0].config.relabel_config.splice(index, 1) + this.$refs.moduleForm.clearValidate() }, tagsChange (newTags, index) { this.editModule.paramObj[index].value = newTags.map(item => item.text) @@ -1259,6 +1260,7 @@ export default { // 删除pipeline delPipeline (logsIndex, pipeLineIndex) { this.editModule.configs[1].config[logsIndex].pipeline.splice(pipeLineIndex, 1) + this.$refs.moduleForm.clearValidate() }, // 添加pipelineItem addPipelineItem (logsIndex, pipelineIndex) { @@ -1292,6 +1294,7 @@ export default { } else if (val === 'labels') { this.editModule.configs[1].config[logsIndex].pipeline[pipelineIndex].labels.splice(itemIndex, 1) } + this.$refs.moduleForm.clearValidate() } }, mounted () {