This commit is contained in:
@@ -147,49 +147,32 @@
|
||||
<div class="flow-stat-item">
|
||||
<span class="flow-stat-label">已使用</span>
|
||||
<span class="flow-stat-value">
|
||||
{{
|
||||
formatDataSize(
|
||||
currentPackage.enable_virtual_data
|
||||
? currentPackage.virtual_used_mb || 0
|
||||
: currentPackage.real_used_mb || 0
|
||||
)
|
||||
}}
|
||||
{{ formatDataSize(getDisplayedUsedMb(currentPackage)) }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="flow-stat-item">
|
||||
<span class="flow-stat-label">总量</span>
|
||||
<span class="flow-stat-value">
|
||||
{{ formatDataSize(currentPackage.real_total_mb || 0) }}
|
||||
{{ formatDataSize(getDisplayedTotalMb(currentPackage)) }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="flow-stat-item">
|
||||
<span class="flow-stat-label">剩余</span>
|
||||
<span class="flow-stat-value">
|
||||
{{
|
||||
formatDataSize(
|
||||
(currentPackage.real_total_mb || 0) - (currentPackage.real_used_mb || 0)
|
||||
)
|
||||
}}
|
||||
{{ formatDataSize(getDisplayedRemainingMb(currentPackage)) }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flow-progress-bar" style="margin-top: 16px">
|
||||
<ElProgress
|
||||
:percentage="
|
||||
getUsageProgress(
|
||||
currentPackage.enable_virtual_data
|
||||
? currentPackage.virtual_used_mb || 0
|
||||
: currentPackage.real_used_mb || 0,
|
||||
currentPackage.real_total_mb || 0
|
||||
)
|
||||
getUsageProgress(getDisplayedUsedMb(currentPackage), getDisplayedTotalMb(currentPackage))
|
||||
"
|
||||
:color="
|
||||
getProgressColorByPercentage(
|
||||
getUsageProgress(
|
||||
currentPackage.enable_virtual_data
|
||||
? currentPackage.virtual_used_mb || 0
|
||||
: currentPackage.real_used_mb || 0,
|
||||
currentPackage.real_total_mb || 0
|
||||
getDisplayedUsedMb(currentPackage),
|
||||
getDisplayedTotalMb(currentPackage)
|
||||
)
|
||||
)
|
||||
"
|
||||
@@ -286,6 +269,14 @@
|
||||
navigateToDevice: [deviceNo: string]
|
||||
}>()
|
||||
|
||||
const getDisplayedTotalMb = (pkg: AssetPackageUsageRecord) => pkg.real_total_mb || 0
|
||||
|
||||
const getDisplayedUsedMb = (pkg: AssetPackageUsageRecord) =>
|
||||
pkg.enable_virtual_data ? pkg.virtual_used_mb || 0 : pkg.real_used_mb || 0
|
||||
|
||||
const getDisplayedRemainingMb = (pkg: AssetPackageUsageRecord) =>
|
||||
getDisplayedTotalMb(pkg) - getDisplayedUsedMb(pkg)
|
||||
|
||||
const getPackageTypeName = (type?: string) => {
|
||||
const typeMap: Record<string, string> = {
|
||||
formal: '正式套餐',
|
||||
|
||||
Reference in New Issue
Block a user