feat: 首页监控中上下行流量数据单位自动格式化 (1Panel-dev#4207)

realzolo · May 12, 2024 · 488dfae · 488dfae
1 parent 95bbf4e
commit 488dfae
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/frontend/src/views/home/index.vue b/frontend/src/views/home/index.vue
@@ -125,8 +125,12 @@
                     <template #body>
                         <div style="position: relative; margin-top: 20px">
                             <div class="monitor-tags" v-if="chartOption === 'network'">
-                                <el-tag>{{ $t('monitor.up') }}: {{ currentChartInfo.netBytesSent }} KB/s</el-tag>
-                                <el-tag>{{ $t('monitor.down') }}: {{ currentChartInfo.netBytesRecv }} KB/s</el-tag>
+                                <el-tag>
+                                    {{ $t('monitor.up') }}: {{ computeSizeFromKBs(currentChartInfo.netBytesSent) }}
+                                </el-tag>
+                                <el-tag>
+                                    {{ $t('monitor.down') }}: {{ computeSizeFromKBs(currentChartInfo.netBytesRecv) }}
+                                </el-tag>
                                 <el-tag>{{ $t('home.totalSend') }}: {{ computeSize(currentInfo.netBytesSent) }}</el-tag>
                                 <el-tag>{{ $t('home.totalRecv') }}: {{ computeSize(currentInfo.netBytesRecv) }}</el-tag>
                             </div>
@@ -247,7 +251,7 @@ import LicenseImport from '@/components/license-import/index.vue';
 import CardWithHeader from '@/components/card-with-header/index.vue';
 import i18n from '@/lang';
 import { Dashboard } from '@/api/interface/dashboard';
-import { dateFormatForSecond, computeSize } from '@/utils/util';
+import { dateFormatForSecond, computeSize, computeSizeFromKBs } from '@/utils/util';
 import { useRouter } from 'vue-router';
 import { loadBaseInfo, loadCurrentInfo } from '@/api/modules/dashboard';
 import { getIOOptions, getNetworkOptions } from '@/api/modules/host';