luo/device-voice-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 资产套餐历史,设备换货
All checks were successful
构建并部署前端到生产环境 / build-and-deploy (push) Successful in 47s
Details

Browse Source
This commit is contained in:
sexygoat
2026-04-14 11:11:24 +08:00
parent 5fa2b6dacf
commit 4ce6b8ddc1
4 changed files with 129 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
pages/asset-package-history/asset-package-history.vue
View File

@@ -47,16 +47,16 @@
<view class="flow-title">流量信息</view>
<view class="flow-stats">
<view class="flow-item">
<view class="flow-label">已用真流量</view>
<view class="flow-value">{{ formatMB(item.data_usage_mb) }}</view>
<view class="flow-label">已使用</view>
<view class="flow-value">{{ getUsedFlow(item) }}</view>
</view>
<view class="flow-item">
<view class="flow-label">总量真流量</view>
<view class="flow-value">{{ formatMB(item.data_limit_mb) }}</view>
<view class="flow-label">总流量</view>
<view class="flow-value">{{ getTotalFlow(item) }}</view>
</view>
<view class="flow-item">
<view class="flow-label">剩余虚流量</view>
<view class="flow-value">{{ formatMB(item.virtual_remain_mb) }}</view>
<view class="flow-label">剩余</view>
<view class="flow-value">{{ getRemainFlow(item) }}</view>
</view>
</view>
<view class="progress-section">
@@ -101,16 +101,63 @@
};
const formatMB = (mb) => {
if (!mb) return '0';
if (!mb && mb !== 0) return '0 MB';
if (mb >= 1024) {
return (mb / 1024).toFixed(2) + ' GB';
}
return mb + ' MB';
return mb.toFixed(2) + ' MB';
};
// 获取已使用流量
const getUsedFlow = (item) => {
if (item.enable_virtual_data) {
// 启用虚流量，显示已用虚流量
return formatMB(item.virtual_used_mb || 0);
} else {
// 未启用虚流量，显示已用真流量
return formatMB(item.data_usage_mb || 0);
}
};
// 获取总流量
const getTotalFlow = (item) => {
if (item.enable_virtual_data) {
// 启用虚流量，显示虚流量总量
return formatMB(item.virtual_limit_mb || 0);
} else {
// 未启用虚流量，显示真流量总量
return formatMB(item.data_limit_mb || 0);
}
};
// 获取剩余流量
const getRemainFlow = (item) => {
if (item.enable_virtual_data) {
// 启用虚流量，显示剩余虚流量
return formatMB(item.virtual_remain_mb || 0);
} else {
// 未启用虚流量，计算剩余真流量
const remain = (item.data_limit_mb || 0) - (item.data_usage_mb || 0);
return formatMB(remain);
}
};
// 获取使用百分比
const getUsagePercent = (item) => {
if (!item.data_limit_mb) return 0;
return Math.min((item.data_usage_mb / item.data_limit_mb) * 100, 100).toFixed(2);
let used, total;
if (item.enable_virtual_data) {
// 启用虚流量
used = item.virtual_used_mb || 0;
total = item.virtual_limit_mb || 0;
} else {
// 未启用虚流量
used = item.data_usage_mb || 0;
total = item.data_limit_mb || 0;
}
if (!total) return 0;
return Math.min((used / total) * 100, 100).toFixed(2);
};
const formatDate = (dateStr) => {