CN-1216 fix: network overview app列表增加单位

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;

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: [],