From baf157b2539bdcd21953a3da2fb3dc2aa2831346 Mon Sep 17 00:00:00 2001
From: chenjinsong <523037378@qq.com>
Date: Mon, 4 Sep 2023 17:52:26 +0800
Subject: [PATCH] =?UTF-8?q?CN-1216=20fix:=20network=20overview=20app?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E5=A2=9E=E5=8A=A0=E5=8D=95=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/views/charts2/networkOverviewApps.scss  | 10 ++++++++--
 .../charts/networkOverview/NetworkOverviewApps.vue     |  2 +-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/assets/css/components/views/charts2/networkOverviewApps.scss b/src/assets/css/components/views/charts2/networkOverviewApps.scss
index f3528dc7..312bcaa0 100644
--- a/src/assets/css/components/views/charts2/networkOverviewApps.scss
+++ b/src/assets/css/components/views/charts2/networkOverviewApps.scss
@@ -88,7 +88,7 @@
       .app-card-title {
         display: flex;
         padding: 0 12px;
-        margin-top: 10px;
+        margin-top: 6px;
         justify-content: space-between;
         .app-card-title-name {
           span {
@@ -150,7 +150,7 @@
       }
       .app-card__body-content {
         display: flex;
-        margin-bottom: 6px;
+        margin-bottom: 0;
         .app-card__body-content-value {
           display: flex;
           .app-card__body-content-number {
@@ -184,6 +184,12 @@
           background-color: rgb(126, 159, 84);
         }
       }
+      .app-card__body-unit {
+        margin-top: -2px;
+        margin-bottom: 2px;
+        font-size: 12px;
+        color: #778391;
+      }
       .app-card__body-previous {
         display: flex;
         font-size: 12px;
diff --git a/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue b/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue
index 07282b2f..1d7066e0 100644
--- a/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue
+++ b/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue
@@ -37,6 +37,7 @@
                 <div v-else-if="app.value === '-' || app.value === 0" class="app-card__body-content-percent">+0.00%</div>
               </div>
             </div>
+            <div class="app-card__body-unit">{{this.metric}}</div>
             <div class="app-card__body-previous">
               <div>Total</div>
               <div v-if="metric === 'Bits/s'" :test-id="`total${index}`">{{valueToRangeValue(app.total, unitTypes.byte).join(' ')}}</div>
@@ -144,7 +145,6 @@ export default {
   mixins: [chartMixin],
   data () {
     return {
-      testData: '测试值',
       appData: [],
       // 假数据
       appTempData: [],