rev:流量格式化MB、GB

src/views/dashboard/smfCDR/index.vue

@@ -20,8 +20,8 @@ import { OptionsType, WS } from '@/plugins/ws-websocket';
 import PQueue from 'p-queue';
 import saveAs from 'file-saver';
 import dayjs, { type Dayjs } from 'dayjs';
+import { parseSizeFromByte } from '@/utils/parse-utils';
 import { useClipboard } from '@vueuse/core';
-import { formatTraffic } from '@/utils/traffic-utils';
 const { copy } = useClipboard({ legacy: true });
 const { t } = useI18n();
 const neListStore = useNeListStore();
@@ -156,7 +156,7 @@ let tableColumns = ref<ColumnsType>([
         !Array.isArray(listOfMultipleUnitUsage) ||
         listOfMultipleUnitUsage.length < 1
       ) {
-        return formatTraffic(0);
+        return 0;
       }
       let dataVolumeUplink = 0;
       for (const v of listOfMultipleUnitUsage) {
@@ -166,7 +166,7 @@ let tableColumns = ref<ColumnsType>([
           }
         }
       }
-      return formatTraffic(dataVolumeUplink);
+      return parseSizeFromByte(dataVolumeUplink);
     },
   },
   {
@@ -181,7 +181,7 @@ let tableColumns = ref<ColumnsType>([
         !Array.isArray(listOfMultipleUnitUsage) ||
         listOfMultipleUnitUsage.length < 1
       ) {
-        return formatTraffic(0);
+        return 0;
       }
       let dataVolumeDownlink = 0;
       for (const v of listOfMultipleUnitUsage) {
@@ -191,7 +191,7 @@ let tableColumns = ref<ColumnsType>([
           }
         }
       }
-      return formatTraffic(dataVolumeDownlink);
+      return parseSizeFromByte(dataVolumeDownlink);
     },
   },
   {
@@ -206,7 +206,7 @@ let tableColumns = ref<ColumnsType>([
         !Array.isArray(listOfMultipleUnitUsage) ||
         listOfMultipleUnitUsage.length < 1
       ) {
-        return formatTraffic(0);
+        return 0;
       }
       let dataTotalVolume = 0;
       for (const v of listOfMultipleUnitUsage) {
@@ -216,7 +216,7 @@ let tableColumns = ref<ColumnsType>([
           }
         }
       }
-      return formatTraffic(dataTotalVolume);
+      return parseSizeFromByte(dataTotalVolume);
     },
   },
   {
@@ -813,15 +813,21 @@ onBeforeUnmount(() => {
                   <div>
                     <div>
                       <span>Data Total Volume: </span>
-                      <span>{{ formatTraffic(udata.dataTotalVolume || 0) }}</span>
+                      <span>
+                        {{ parseSizeFromByte(udata.dataTotalVolume || 0) }}
+                      </span>
                     </div>
                     <div>
                       <span>Data Volume Downlink: </span>
-                      <span>{{ formatTraffic(udata.dataVolumeDownlink || 0) }}</span>
+                      <span>
+                        {{ parseSizeFromByte(udata.dataVolumeDownlink || 0) }}
+                      </span>
                     </div>
                     <div>
                       <span>Data Volume Uplink: </span>
-                      <span>{{ formatTraffic(udata.dataVolumeUplink || 0) }}</span>
+                      <span>
+                        {{ parseSizeFromByte(udata.dataVolumeUplink || 0) }}
+                      </span>
                     </div>
                     <!-- <div>
                       <span>Time: </span>
@@ -836,19 +842,19 @@ onBeforeUnmount(() => {
               <div>
                 <span>User Identifier: </span>
                 <span>{{
-                    record.cdrJSON.pDUSessionChargingInformation?.userIdentifier
-                  }}</span>
+                  record.cdrJSON.pDUSessionChargingInformation?.userIdentifier
+                }}</span>
               </div>
               <div>
                 <span>SSC Mode: </span>
                 <span>{{
-                    record.cdrJSON.pDUSessionChargingInformation?.sSCMode
-                  }}</span>
+                  record.cdrJSON.pDUSessionChargingInformation?.sSCMode
+                }}</span>
                 &nbsp;&nbsp;
                 <span>RAT Type: </span>
                 <span>{{
-                    record.cdrJSON.pDUSessionChargingInformation?.rATType
-                  }}</span>
+                  record.cdrJSON.pDUSessionChargingInformation?.rATType
+                }}</span>
                 &nbsp;&nbsp;
                 <span>DNN ID: </span>
                 <span>