luo/one-pipe-system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:流量展示
All checks were successful
构建并部署前端到测试环境 / build-and-deploy (push) Successful in 2m26s
Details

Browse Source
This commit is contained in:
sexygoat
2026-04-27 16:05:24 +08:00
parent d52efaadcb
commit a402f2329a
1 changed files with 35 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
src/views/asset-management/asset-information/components/CurrentPackageCard.vue
View File

@@ -41,11 +41,15 @@
<div class="flow-stat-row"> <div class="flow-stat-row">
<span class="stat-item"> <span class="stat-item">
<span class="stat-label">已使用</span> <span class="stat-label">已使用</span>
<span class="stat-value">{{ formatDataSize(currentPackage.data_usage_mb || 0) }}</span> <span class="stat-value">{{
formatDataSize(currentPackage.data_usage_mb || 0)
}}</span>
</span> </span>
<span class="stat-item"> <span class="stat-item">
<span class="stat-label">总量</span> <span class="stat-label">总量</span>
<span class="stat-value">{{ formatDataSize(currentPackage.data_limit_mb || 0) }}</span> <span class="stat-value">{{
formatDataSize(currentPackage.data_limit_mb || 0)
}}</span>
</span> </span>
<span class="stat-item"> <span class="stat-item">
<span class="stat-label">剩余</span> <span class="stat-label">剩余</span>
@@ -63,12 +67,14 @@
currentPackage.data_limit_mb || 0 currentPackage.data_limit_mb || 0
) )
" "
:color="getProgressColorByPercentage( :color="
getUsageProgress( getProgressColorByPercentage(
currentPackage.data_usage_mb || 0, getUsageProgress(
currentPackage.data_limit_mb || 0 currentPackage.data_usage_mb || 0,
currentPackage.data_limit_mb || 0
)
) )
)" "
:stroke-width="10" :stroke-width="10"
/> />
</div> </div>
@@ -78,11 +84,15 @@
<div class="flow-stat-row"> <div class="flow-stat-row">
<span class="stat-item"> <span class="stat-item">
<span class="stat-label">已使用</span> <span class="stat-label">已使用</span>
<span class="stat-value">{{ formatDataSize(currentPackage.virtual_used_mb || 0) }}</span> <span class="stat-value">{{
formatDataSize(currentPackage.virtual_used_mb || 0)
}}</span>
</span> </span>
<span class="stat-item"> <span class="stat-item">
<span class="stat-label">总量</span> <span class="stat-label">总量</span>
<span class="stat-value">{{ formatDataSize(currentPackage.virtual_limit_mb || 0) }}</span> <span class="stat-value">{{
formatDataSize(currentPackage.virtual_limit_mb || 0)
}}</span>
</span> </span>
<span class="stat-item"> <span class="stat-item">
<span class="stat-label">剩余</span> <span class="stat-label">剩余</span>
@@ -100,12 +110,14 @@
currentPackage.virtual_limit_mb || 0 currentPackage.virtual_limit_mb || 0
) )
" "
:color="getProgressColorByPercentage( :color="
getUsageProgress( getProgressColorByPercentage(
currentPackage.virtual_used_mb || 0, getUsageProgress(
currentPackage.virtual_limit_mb || 0 currentPackage.virtual_used_mb || 0,
currentPackage.virtual_limit_mb || 0
)
) )
)" "
:stroke-width="10" :stroke-width="10"
/> />
</div> </div>
@@ -154,14 +166,16 @@
currentPackage.data_limit_mb || 0 currentPackage.data_limit_mb || 0
) )
" "
:color="getProgressColorByPercentage( :color="
getUsageProgress( getProgressColorByPercentage(
currentPackage.enable_virtual_data getUsageProgress(
? currentPackage.virtual_used_mb || 0 currentPackage.enable_virtual_data
: currentPackage.data_usage_mb || 0, ? currentPackage.virtual_used_mb || 0
currentPackage.data_limit_mb || 0 : currentPackage.data_usage_mb || 0,
currentPackage.data_limit_mb || 0
)
) )
)" "
:stroke-width="14" :stroke-width="14"
/> />
</div> </div>
@@ -182,12 +196,6 @@
<ElDescriptionsItem label="套餐类型"> <ElDescriptionsItem label="套餐类型">
{{ getPackageTypeName(currentPackage.package_type) }} {{ getPackageTypeName(currentPackage.package_type) }}
</ElDescriptionsItem> </ElDescriptionsItem>
<ElDescriptionsItem
v-if="isAdminOrPlatform && currentPackage.enable_virtual_data"
label="虚流量比例"
>
{{ currentPackage.virtual_ratio || '-' }}
</ElDescriptionsItem>
<ElDescriptionsItem label="开始时间"> <ElDescriptionsItem label="开始时间">
{{ formatDateTime(currentPackage.start_time) || '-' }} {{ formatDateTime(currentPackage.start_time) || '-' }}
</ElDescriptionsItem> </ElDescriptionsItem>