From 0a58f6543cfd0504d002e72b2948d5882679efa3 Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Wed, 6 Apr 2022 16:09:17 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=83=A8=E5=88=86=E7=99=BE=E5=88=86?=
 =?UTF-8?q?=E6=AF=94=E6=95=B0=E6=8D=AE=E8=AE=A1=E7=AE=97=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/components/views/charts/panel.scss         | 4 ++--
 src/views/charts/charts/ChartTable.vue                    | 2 +-
 src/views/charts/charts/StatisticsLegend.vue              | 8 ++++----
 .../entityList/detailOverview/entityDetailMixin.js        | 4 ++--
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/assets/css/components/views/charts/panel.scss b/src/assets/css/components/views/charts/panel.scss
index 4b013f7b..d0956ec1 100644
--- a/src/assets/css/components/views/charts/panel.scss
+++ b/src/assets/css/components/views/charts/panel.scss
@@ -469,12 +469,12 @@
             flex-shrink: 1;
             flex-grow: 1;
             overflow: hidden;
-            min-width: 50%;
+            min-width: calc(50% - 37px);
             text-overflow: ellipsis;
             white-space: nowrap;
           }
           .table__below-statistics {
-            width: calc((50% - 27px)/4);
+            width: calc((50% + 10px)/4);
             flex-shrink: 0;
             overflow: hidden;
             text-overflow: ellipsis;
diff --git a/src/views/charts/charts/ChartTable.vue b/src/views/charts/charts/ChartTable.vue
index 7f606614..2157e59c 100644
--- a/src/views/charts/charts/ChartTable.vue
+++ b/src/views/charts/charts/ChartTable.vue
@@ -32,7 +32,7 @@
                 {{unitConvert(row[c], unitTypes.number).join(' ')}}
             </span>
             <span v-else-if="c === 'responseFailRate'">
-                {{unitConvert(row[c] * 100, unitTypes.percent).join(' ')}}
+                {{unitConvert(row[c], unitTypes.percent).join(' ')}}
             </span>
             <span v-else>
                 {{row[c]}}
diff --git a/src/views/charts/charts/StatisticsLegend.vue b/src/views/charts/charts/StatisticsLegend.vue
index 2e233808..cfe63b87 100644
--- a/src/views/charts/charts/StatisticsLegend.vue
+++ b/src/views/charts/charts/StatisticsLegend.vue
@@ -12,10 +12,10 @@
       <div v-for="(item, index) in data" :key="index" class="table-below-box" :class="{'table-below-box--inactivated': !item.active}" @click="toggleLegend(index)">
         <div class="table__below-color"><div :style="{backgroundColor: getChartColor(index)}"></div></div>
         <div class="table__below-title" :title="item.legend">{{item.legend}}</div>
-        <div class="table__below-statistics" :title="item.aggregation.avg">{{valueToRangeValue(item.aggregation.avg, chartInfo.params.unitType).join('')}}</div>
-        <div class="table__below-statistics" :title="item.aggregation.max">{{valueToRangeValue(item.aggregation.max, chartInfo.params.unitType).join('')}}</div>
-        <div class="table__below-statistics" :title="item.aggregation.p50">{{valueToRangeValue(item.aggregation.p50, chartInfo.params.unitType).join('')}}</div>
-        <div class="table__below-statistics" :title="item.aggregation.p90">{{valueToRangeValue(item.aggregation.p90, chartInfo.params.unitType).join('')}}</div>
+        <div class="table__below-statistics" :title="valueToRangeValue(item.aggregation.avg, chartInfo.params.unitType).join('')">{{valueToRangeValue(item.aggregation.avg, chartInfo.params.unitType).join('')}}</div>
+        <div class="table__below-statistics" :title="valueToRangeValue(item.aggregation.max, chartInfo.params.unitType).join('')">{{valueToRangeValue(item.aggregation.max, chartInfo.params.unitType).join('')}}</div>
+        <div class="table__below-statistics" :title="valueToRangeValue(item.aggregation.p50, chartInfo.params.unitType).join('')">{{valueToRangeValue(item.aggregation.p50, chartInfo.params.unitType).join('')}}</div>
+        <div class="table__below-statistics" :title="valueToRangeValue(item.aggregation.p90, chartInfo.params.unitType).join('')">{{valueToRangeValue(item.aggregation.p90, chartInfo.params.unitType).join('')}}</div>
       </div>
     </div>
   </div>
diff --git a/src/views/entityExplorer/entityList/detailOverview/entityDetailMixin.js b/src/views/entityExplorer/entityList/detailOverview/entityDetailMixin.js
index c658f6ea..56dd24b9 100644
--- a/src/views/entityExplorer/entityList/detailOverview/entityDetailMixin.js
+++ b/src/views/entityExplorer/entityList/detailOverview/entityDetailMixin.js
@@ -181,7 +181,7 @@ export default {
               })
               const max = parseFloat(sorted[0].bytes)
               const maxId = parseFloat(sortedId[0].commonIngressLinkId)
-              this.entityData.linkInPercent = (parseFloat(max / sum) * 100).toFixed(2)
+              this.entityData.linkInPercent = (parseFloat(max / sum)).toFixed(2)
               this.entityData.linkInId = maxId
             }
           }
@@ -206,7 +206,7 @@ export default {
               })
               const max = parseFloat(sorted[0].bytes)
               const maxId = parseFloat(sortedId[0].commonEgressLinkId)
-              this.entityData.linkOutPercent = (parseFloat(max / sum) * 100).toFixed(2)
+              this.entityData.linkOutPercent = (parseFloat(max / sum)).toFixed(2)
               this.entityData.linkOutId = maxId
             }
           }