diff --git a/nezha-fronted/src/components/page/dashboard/overview/overview2.scss b/nezha-fronted/src/components/page/dashboard/overview/overview2.scss index 0e8342fff..df5a584de 100644 --- a/nezha-fronted/src/components/page/dashboard/overview/overview2.scss +++ b/nezha-fronted/src/components/page/dashboard/overview/overview2.scss @@ -156,6 +156,14 @@ } } } +.no-data-tip { + position: absolute; + left: 50%; + top: 50%; + color: #bbb; + transform: translate(-50%, -50%); + font-size: 1rem; +} .content-col-box .content-col-title .nz-dashboard-picker { height: 100%; } @@ -198,6 +206,7 @@ justify-content: center; padding: 0 0.5rem; border-radius: 0 0 6px 6px; + position: relative; } .content-row-box:nth-of-type(2) .content-col-box .content-col-content { padding: 0.7rem; diff --git a/nezha-fronted/src/components/page/dashboard/overview/overview2.vue b/nezha-fronted/src/components/page/dashboard/overview/overview2.vue index 2e9e5e166..a494ee1db 100644 --- a/nezha-fronted/src/components/page/dashboard/overview/overview2.vue +++ b/nezha-fronted/src/components/page/dashboard/overview/overview2.vue @@ -96,6 +96,7 @@
+
N/A
@@ -113,6 +114,7 @@
+
N/A
@@ -127,6 +129,7 @@
+
N/A
@@ -160,6 +163,8 @@
+
N/A
+
N/A
@@ -273,7 +278,6 @@ this.assetLoading = false; if (response.code === 200) { this.assetData = response.data; - /*饼图*/ this.$refs.assetTypePie.startLoading(); let legendData = []; @@ -521,7 +525,7 @@ rule = "ifHCOutOctets"; } if (this.trendSearchParam.select.length > 0) { - console.info("select", this.trendSearchParam.select); + //console.info("select", this.trendSearchParam.select); let dc = []; let tags = []; this.trendSearchParam.select.forEach(select => { @@ -624,7 +628,7 @@ step: bus.getStep(before, end), query: 'sum(irate(' + rule + metricString + '[' + (this.trendSearchParam.timeRange ? this.trendSearchParam.timeRange : "1h") + ']))' }; - console.info("params", params); + //console.info("params", params); return params; }, queryMapChartGeoJson() { @@ -734,7 +738,8 @@ this.messageByRuleSeries = { name: 'alertStatByRule', data: seriesData, - type: 'bar' + type: 'bar', + category: categoryData, //自定义,用来判断N/A是否显示 }; this.$refs.ruleMessage.modifyOption('yAxis', 'data', categoryData); this.$refs.ruleMessage.setSeries(this.messageByRuleSeries); @@ -755,7 +760,8 @@ this.messageByAssetSeries = { name: 'alertStatByAsset', data: seriesData, - type: 'bar' + type: 'bar', + category: categoryData }; this.$refs.assetMessage.modifyOption('yAxis', 'data', categoryData); this.$refs.assetMessage.setSeries(this.messageByAssetSeries); @@ -776,7 +782,8 @@ this.messageByModuleSeries = { name: 'alertStatByModule', data: seriesData, - type: 'bar' + type: 'bar', + category: categoryData }; this.$refs.moduleMessage.modifyOption('yAxis', 'data', categoryData); this.$refs.moduleMessage.setSeries(this.messageByModuleSeries); @@ -788,7 +795,7 @@ this.$get('idc/trafficSetting', {pageSize: -1}).then(response => { if (response.code === 200) { this.trafficData = this.convertTrafficData(response.data.list); - console.info(this.trafficData) + //console.info(this.trafficData) } }); }, @@ -1094,7 +1101,6 @@ first: for (let i = 0; i < long.length; i++) { if (i == short.length) { difference.push([long[i], i]); - console.info("dd", difference) break; } if (short[i].length != long[i].length) { @@ -1187,8 +1193,8 @@ }, watch: { "trendSearchParam.select": function(n, o) { - console.info("n", n); - console.info("o", o); + /*console.info("n", n); + console.info("o", o);*/ this.queryAlertTrendData(); /*let tempN = JSON.parse(JSON.stringify(n)); if (n.length == o.length || !this.trendSearchParam.watch) {