feat:流量格式化MB、GB

src/views/dashboard/smfCDR/index.vue

@@ -21,6 +21,7 @@ import PQueue from 'p-queue';
 import saveAs from 'file-saver';
 import dayjs, { type Dayjs } from 'dayjs';
 import { useClipboard } from '@vueuse/core';
+import { formatTraffic } from '@/utils/traffic-utils';
 const { copy } = useClipboard({ legacy: true });
 const { t } = useI18n();
 const neListStore = useNeListStore();
@@ -155,7 +156,7 @@ let tableColumns = ref<ColumnsType>([
         !Array.isArray(listOfMultipleUnitUsage) ||
         listOfMultipleUnitUsage.length < 1
       ) {
-        return 0;
+        return formatTraffic(0);
       }
       let dataVolumeUplink = 0;
       for (const v of listOfMultipleUnitUsage) {
@@ -165,7 +166,7 @@ let tableColumns = ref<ColumnsType>([
           }
         }
       }
-      return dataVolumeUplink;
+      return formatTraffic(dataVolumeUplink);
     },
   },
   {
@@ -180,7 +181,7 @@ let tableColumns = ref<ColumnsType>([
         !Array.isArray(listOfMultipleUnitUsage) ||
         listOfMultipleUnitUsage.length < 1
       ) {
-        return 0;
+        return formatTraffic(0);
       }
       let dataVolumeDownlink = 0;
       for (const v of listOfMultipleUnitUsage) {
@@ -190,7 +191,7 @@ let tableColumns = ref<ColumnsType>([
           }
         }
       }
-      return dataVolumeDownlink;
+      return formatTraffic(dataVolumeDownlink);
     },
   },
   {
@@ -205,7 +206,7 @@ let tableColumns = ref<ColumnsType>([
         !Array.isArray(listOfMultipleUnitUsage) ||
         listOfMultipleUnitUsage.length < 1
       ) {
-        return 0;
+        return formatTraffic(0);
       }
       let dataTotalVolume = 0;
       for (const v of listOfMultipleUnitUsage) {
@@ -215,7 +216,7 @@ let tableColumns = ref<ColumnsType>([
           }
         }
       }
-      return dataTotalVolume;
+      return formatTraffic(dataTotalVolume);
     },
   },
   {
@@ -812,15 +813,15 @@ onBeforeUnmount(() => {
                   <div>
                     <div>
                       <span>Data Total Volume: </span>
-                      <span>{{ udata.dataTotalVolume }}</span>
+                      <span>{{ formatTraffic(udata.dataTotalVolume || 0) }}</span>
                     </div>
                     <div>
                       <span>Data Volume Downlink: </span>
-                      <span>{{ udata.dataVolumeDownlink }}</span>
+                      <span>{{ formatTraffic(udata.dataVolumeDownlink || 0) }}</span>
                     </div>
                     <div>
                       <span>Data Volume Uplink: </span>
-                      <span>{{ udata.dataVolumeUplink }}</span>
+                      <span>{{ formatTraffic(udata.dataVolumeUplink || 0) }}</span>
                     </div>
                     <!-- <div>
                       <span>Time: </span>
@@ -835,19 +836,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>