diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss index 5542d1f..9ba2391 100644 --- a/src/assets/styles/index.scss +++ b/src/assets/styles/index.scss @@ -341,11 +341,16 @@ aside { left: 53% !important; //transform: translate(-50%, -50%) !important; } -// 提示信息--应用于Agent更新提交时 -.el-message { +// 提示信息--应用于Agent更新、mtr探测策略--提交时 +.el-message--warning { max-width: 600px!important; } +.el-message--warning .el-message__icon { + position: absolute; + top: 14px; +} .el-message--warning .el-message__content { width: 95%; word-wrap: break-word!important; + margin-left: 26px; } diff --git a/src/components/echartsList/line.vue b/src/components/echartsList/line.vue index f316a64..a5c61c4 100644 --- a/src/components/echartsList/line.vue +++ b/src/components/echartsList/line.vue @@ -160,7 +160,7 @@ // 如果太靠右,向左偏移 if (x > size.viewSize[0] - size.contentSize[0]) { - x = x - size.contentSize[0] - 20; + x = x - size.contentSize[0] + 10; } // 如果太靠下,向上偏移 @@ -168,7 +168,7 @@ y = y - size.contentSize[1] - 20; } - return [x - 10, y + 10]; + return [x - 5, y + 18]; }, formatter: !dataXY.tooltipFormatter ? null : function(params) { // 主要应对与MTRAgent丢包趋势图模块的功能 // 获取当前悬停的日期 @@ -180,12 +180,9 @@ if (dataXY.tooltipFormatter && dataXY.tooltipFormatter.customList) { if (paramItem.data.content) { let content = JSON.parse(paramItem.data.content); - html+= `
最新一跳平均延迟: ${content[content.length - 1].avgLatency}(ms)
-
最新一跳丢包率: ${content[content.length - 1].lossPercent}(%)
`; - // 如果不是弹窗这显示按钮,可点击查看弹窗信息 - if (dataXY.tooltipFormatter && !dataXY.tooltipFormatter.defaultType) { - html+= ``; - } + html+= `
最后一跳平均延迟: ${content[content.length - 1].avgLatency}(ms)
+
最后一跳丢包率: ${content[content.length - 1].lossPercent}(%)
`; + html+= ``; } else { let valueparams = paramItem.value; if (dataXY.tooltipFormatter && dataXY.tooltipFormatter.valueToop) { @@ -380,8 +377,12 @@ } }, // tooltip中的按钮点击事件 - detailsVal(xTime, content) { - this.$emit('dialogChartTabList', {value: xTime, tableVal: this.lineData.dataList[0].data[content]}); + detailsVal(xTime, content, dialogOpen) { + if (dialogOpen && dialogOpen !== 'null') { + this.$emit('showChartTabList', {value: xTime, tableVal: this.lineData.dataList[0].data[content]}); + } else { + this.$emit('dialogChartTabList', {value: xTime, tableVal: this.lineData.dataList[0].data[content]}); + } } } } diff --git a/src/components/form/index.vue b/src/components/form/index.vue index 29eed1d..a1391d3 100644 --- a/src/components/form/index.vue +++ b/src/components/form/index.vue @@ -18,15 +18,20 @@ {{formVal.label ? formVal.label + ':' : ''}} +
+
+
+ +