fix: 细调

src/assets/css/components/views/entityExplorer/entityList/detail-overview.scss

@@ -54,6 +54,12 @@
           color: #8FA1BE;
           cursor: pointer;
         }
+        &.overview__row--single-value {
+          flex-wrap: nowrap;
+          .cn-chart__single-value--detail-overview {
+            margin-right: 60px;
+          }
+        }
         .row__label {
           color: #6B717B;
           padding-right: 20px;

src/utils/constants.js

@@ -143,7 +143,8 @@ export const chartTableColumnMapping = {
   queryRate: 'dns.queryRate',
   queryCount: 'dns.queryCount',
   dnsLatency: 'dns.averageResolveLatency',
-  responseFailRate: 'dns.responseFailureRate'
+  responseFailRate: 'dns.responseFailureRate',
+  ip: 'IP'
 }
 export const chartTableOrderOptionsMapping = {}
 export const chartPieTableTopOptions = [

src/views/detections/overview/DetectionPerformanceEventIpOverview.vue

@@ -186,7 +186,6 @@ export default {
           const nowTime = getSecond(new Date())
           this.searchStartTime = this.detection.startTime - allTime / 2
           this.searchEndTime = _.min([nowTime, (this.detection.endTime + allTime / 2)])
-          console.info(this.detection)
           get(api.detection.performanceEvent.metric, {
             serverIp: this.detection.serverIp,
             startTime: this.searchStartTime,

src/views/entityExplorer/entityList/detailOverview/App.vue

@@ -100,7 +100,7 @@
   <div class="overview-item">
     <div class="overview__title">{{$t('overall.networkQuality')}}</div>
     <div class="overview__content">
-      <div class="overview__row" style="flex-wrap: nowrap;">
+      <div class="overview__row overview__row--single-value">
         <chart-single-value
             v-for="(chartInfo, i) in singleValues.chartInfos"
             :chart-info="chartInfo"

src/views/entityExplorer/entityList/detailOverview/Domain.vue

@@ -104,7 +104,7 @@
   <div class="overview-item">
     <div class="overview__title">{{$t('overall.networkQuality')}}</div>
     <div class="overview__content">
-      <div class="overview__row" style="flex-wrap: nowrap;">
+      <div class="overview__row overview__row--single-value">
         <chart-single-value
           v-for="(chartInfo, i) in singleValues.chartInfos"
           :chart-info="chartInfo"

src/views/entityExplorer/entityList/detailOverview/Ip.vue

@@ -123,7 +123,7 @@
   <div class="overview-item">
     <div class="overview__title">{{$t('overall.networkQuality')}}</div>
     <div class="overview__content">
-      <div class="overview__row" style="flex-wrap: nowrap;">
+      <div class="overview__row overview__row--single-value">
         <chart-single-value
             v-for="(chartInfo, i) in singleValues.chartInfos"
             :chart-info="chartInfo"