From 94ef9653a3b109fe6995b863ad731ba51039ac07 Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Tue, 9 Aug 2022 16:58:10 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20Dashboard=20-=20network=20overview=20-?=
 =?UTF-8?q?=20=E6=8A=98=E7=BA=BF=E5=9B=BE=20=E5=8D=95=E4=BD=8D=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/charts2/networkOverviewLine.scss    | 25 +++++++++++--------
 .../charts2/charts/NetworkOverviewLine.vue    | 10 +++++++-
 2 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/src/assets/css/components/views/charts2/networkOverviewLine.scss b/src/assets/css/components/views/charts2/networkOverviewLine.scss
index e76c07b5..800b97d6 100644
--- a/src/assets/css/components/views/charts2/networkOverviewLine.scss
+++ b/src/assets/css/components/views/charts2/networkOverviewLine.scss
@@ -88,16 +88,21 @@
       cursor: pointer;
       padding: 16px 0 0 20px;
       border-top: 4px solid transparent;
-      span:nth-of-type(1) {
-        font-family: Helvetica-Bold;
-        font-size: 28px;
-        color: #353636;
-        margin-right: 4px;
-      }
-      span:nth-of-type(2) {
-        font-size: 12px;
-        color: #575757;
-        font-weight: 400;
+      .line-value-unit {
+        .line-value-unit-number {
+          font-family: Helvetica-Bold;
+          font-size: 28px;
+          color: #353636;
+          margin-right: 4px;
+        }
+        .line-value-unit-number2 {
+          font-size: 0;
+          span {
+            font-size: 12px;
+            color: #575757;
+            font-weight: 400;
+          }
+        }
       }
       .line-value-mpackets-name {
         position: relative;
diff --git a/src/views/charts2/charts/NetworkOverviewLine.vue b/src/views/charts2/charts/NetworkOverviewLine.vue
index d88c5b08..1b14bafd 100644
--- a/src/views/charts2/charts/NetworkOverviewLine.vue
+++ b/src/views/charts2/charts/NetworkOverviewLine.vue
@@ -15,7 +15,15 @@
           <div :class="item.class"></div>
           <div class="mpackets-name">{{$t(item.name)}}</div>
         </div>
-        <div><span>{{unitConvert(item.analysis.avg, unitTypes.number)[0]}}</span><span>{{unitConvert(item.analysis.avg, unitTypes.number)[1]}}packets/s</span></div>
+        <div class="line-value-unit">
+          <span class="line-value-unit-number">{{unitConvert(item.analysis.avg, unitTypes.number)[0]}}</span>
+          <span class="line-value-unit-number2">
+            <span>{{unitConvert(item.analysis.avg, unitTypes.number)[1]}}</span>
+            <span v-if="echartsType === 'Bits/s'">bps</span>
+            <span v-else-if="echartsType === 'Packets/s'">packets/s</span>
+            <span v-else-if="echartsType === 'Sessions/s'">sessions/s</span>
+          </span>
+        </div>
       </div>
     </div>
     <div class="line-select">