diff --git a/src/views/asset-management/asset-information/components/CurrentPackageCard.vue b/src/views/asset-management/asset-information/components/CurrentPackageCard.vue index ba8218b..e57345e 100644 --- a/src/views/asset-management/asset-information/components/CurrentPackageCard.vue +++ b/src/views/asset-management/asset-information/components/CurrentPackageCard.vue @@ -95,23 +95,30 @@ }} - + + " + :color=" + getProgressColorByPercentage( + getUsageProgress( + currentPackage.virtual_used_mb || 0, + currentPackage.virtual_total_mb || 0 + ) + ) + " + :stroke-width="10" + /> +
+ @@ -262,6 +269,11 @@ } return typeMap[type || ''] || '-' } + + const getBreakpointPosition = (pkg: PackageInfo) => { + if (!pkg.real_total_mb || pkg.real_total_mb === 0) return 0 + return (pkg.virtual_total_mb / pkg.real_total_mb) * 100 + }