From 2015f3a2d08ae384f32ba2998773c743b9f35efd Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Thu, 1 Sep 2022 16:35:56 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20Dahsboard=20-=20npm=20-=20=E7=BD=91?=
 =?UTF-8?q?=E7=BB=9C=E8=B4=A8=E9=87=8F=E6=A6=82=E8=A7=88=E5=9B=BE=E8=A1=A8?=
 =?UTF-8?q?=20=E5=8D=95=E4=BD=8D=E4=B8=BAms=E6=97=B6=E5=8F=96=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/views/charts2/npmAppCategoryScore.scss  |  4 +++-
 src/views/charts2/charts/SingleValue.vue               | 10 +++++-----
 src/views/charts2/charts/npm/NpmNetworkQuantity.vue    |  6 +++---
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/assets/css/components/views/charts2/npmAppCategoryScore.scss b/src/assets/css/components/views/charts2/npmAppCategoryScore.scss
index 045e2b83..3a095c79 100644
--- a/src/assets/css/components/views/charts2/npmAppCategoryScore.scss
+++ b/src/assets/css/components/views/charts2/npmAppCategoryScore.scss
@@ -138,6 +138,9 @@
       display: flex;
       justify-content: right;
       width: 50%;
+      font-size: 12px;
+      color: #353636;
+      font-weight: 400;
     }
     .data-trend{
       display: flex;
@@ -148,7 +151,6 @@
       justify-content: left;
       margin-left: 6px;
       font-size: 12px;
-      align-items: center;
       justify-content: center;
       margin-top: 2px;
       border-radius: 10px;
diff --git a/src/views/charts2/charts/SingleValue.vue b/src/views/charts2/charts/SingleValue.vue
index f6c177f0..d654c67f 100644
--- a/src/views/charts2/charts/SingleValue.vue
+++ b/src/views/charts2/charts/SingleValue.vue
@@ -8,7 +8,7 @@
           <i class="cn-icon-rise1 cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('')}}
         </div>
         <div v-else-if="npm.value < 0" class="single-value__content-trend single-value__content-trend-green">
-          <i class="cn-icon-rise1 cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('').replaceAll('-', '')}}
+          <i class="cn-icon-decline cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('').replaceAll('-', '')}}
         </div>
         <div v-else-if="npm.value === 0" class="single-value__content-trend single-value__content-trend-black">
           <i class="cn-icon-constant cn-icon"></i>
@@ -28,7 +28,7 @@
           <i class="cn-icon-rise1 cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('')}}
         </div>
         <div v-else-if="npm.value < 0" class="single-value__content-trend single-value__content-trend-green">
-          <i class="cn-icon-rise1 cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('').replaceAll('-', '')}}
+          <i class="cn-icon-decline cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('').replaceAll('-', '')}}
         </div>
         <div v-else-if="npm.value === 0" class="single-value__content-trend single-value__content-trend-black">
           <i class="cn-icon-constant cn-icon"></i>
@@ -48,7 +48,7 @@
           <i class="cn-icon-rise1 cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('')}}
         </div>
         <div v-else-if="npm.value < 0" class="single-value__content-trend single-value__content-trend-green">
-          <i class="cn-icon-rise1 cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('').replaceAll('-', '')}}
+          <i class="cn-icon-decline cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('').replaceAll('-', '')}}
         </div>
         <div v-else-if="npm.value === 0" class="single-value__content-trend single-value__content-trend-black">
           <i class="cn-icon-constant cn-icon"></i>
@@ -68,7 +68,7 @@
           <i class="cn-icon-rise1 cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('')}}
         </div>
         <div v-else-if="npm.value < 0" class="single-value__content-trend single-value__content-trend-green">
-          <i class="cn-icon-rise1 cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('').replaceAll('-', '')}}
+          <i class="cn-icon-decline cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('').replaceAll('-', '')}}
         </div>
         <div v-else-if="npm.value === 0" class="single-value__content-trend single-value__content-trend-black">
           <i class="cn-icon-constant cn-icon"></i>
@@ -88,7 +88,7 @@
           <i class="cn-icon-rise1 cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('')}}
         </div>
         <div v-else-if="npm.value < 0" class="single-value__content-trend single-value__content-trend-green">
-          <i class="cn-icon-rise1 cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('').replaceAll('-', '')}}
+          <i class="cn-icon-decline cn-icon"></i>&nbsp;{{unitConvert(npm.value, unitTypes.percent).join('').replaceAll('-', '')}}
         </div>
         <div v-else-if="npm.value === 0" class="single-value__content-trend single-value__content-trend-black">
           <i class="cn-icon-constant cn-icon"></i>
diff --git a/src/views/charts2/charts/npm/NpmNetworkQuantity.vue b/src/views/charts2/charts/npm/NpmNetworkQuantity.vue
index c26dfb86..2a910a02 100644
--- a/src/views/charts2/charts/npm/NpmNetworkQuantity.vue
+++ b/src/views/charts2/charts/npm/NpmNetworkQuantity.vue
@@ -216,19 +216,19 @@ export default {
     npmNetworkQuantity (cycle, lastCycle, num) {
       if (num === 0) {
         this.npmNetworkData[0] = {
-          establishLatencyMsAvg: cycle.establishLatencyMsAvg,
+          establishLatencyMsAvg: Math.floor(cycle.establishLatencyMsAvg),
           establishLatencyMsP99: cycle.establishLatencyMsP99,
           establishLatencyMsP95: cycle.establishLatencyMsP95,
           value: getChainRatio(cycle.establishLatencyMsAvg, lastCycle.establishLatencyMsAvg)
         }
         this.npmNetworkData[1] = {
-          httpResponseLatencyAvg: cycle.httpResponseLatencyAvg,
+          httpResponseLatencyAvg: Math.floor(cycle.httpResponseLatencyAvg),
           httpResponseLatencyP99: cycle.httpResponseLatencyP99,
           httpResponseLatencyP95: cycle.httpResponseLatencyP95,
           value: getChainRatio(cycle.httpResponseLatencyAvg, lastCycle.httpResponseLatencyAvg)
         }
         this.npmNetworkData[2] = {
-          sslConLatencyAvg: cycle.sslConLatencyAvg,
+          sslConLatencyAvg: Math.floor(cycle.sslConLatencyAvg),
           sslConLatencyP99: cycle.sslConLatencyP99,
           sslConLatencyP95: cycle.sslConLatencyP95,
           value: getChainRatio(cycle.sslConLatencyAvg, lastCycle.sslConLatencyAvg)