Skip to content

Commit 14aa75d

Browse files
committed
fix: format version install statistics
1 parent 348aa47 commit 14aa75d

1 file changed

Lines changed: 15 additions & 6 deletions

File tree

src/components/dialog/AboutDialog.vue

Lines changed: 15 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -102,6 +102,15 @@ const frontendVersionStatistics = computed(() => versionStatistic.value?.fronten
102102
// 活跃用户统计
103103
const activeUsers = computed(() => versionStatistic.value?.active_users ?? {})
104104
105+
/** 格式化版本安装统计数字为千分位展示。 */
106+
function formatVersionStatisticNumber(value: unknown) {
107+
const numberValue = Number(value ?? 0)
108+
109+
if (!Number.isFinite(numberValue)) return '0'
110+
111+
return numberValue.toLocaleString()
112+
}
113+
105114
// 打开日志对话框
106115
function showReleaseDialog(title: string, body: string) {
107116
releaseDialogTitle.value = title
@@ -473,19 +482,19 @@ onMounted(() => {
473482
<div class="version-stat-summary">
474483
<div>
475484
<div class="text-caption text-medium-emphasis">{{ t('setting.about.totalInstallUsers') }}</div>
476-
<div class="version-stat-number">{{ versionStatistic.total_users ?? 0 }}</div>
485+
<div class="version-stat-number">{{ formatVersionStatisticNumber(versionStatistic.total_users) }}</div>
477486
</div>
478487
<div>
479488
<div class="text-caption text-medium-emphasis">{{ t('setting.about.activeToday') }}</div>
480-
<div class="version-stat-number">{{ activeUsers.today ?? 0 }}</div>
489+
<div class="version-stat-number">{{ formatVersionStatisticNumber(activeUsers.today) }}</div>
481490
</div>
482491
<div>
483492
<div class="text-caption text-medium-emphasis">{{ t('setting.about.active7Days') }}</div>
484-
<div class="version-stat-number">{{ activeUsers.last_7_days ?? 0 }}</div>
493+
<div class="version-stat-number">{{ formatVersionStatisticNumber(activeUsers.last_7_days) }}</div>
485494
</div>
486495
<div>
487496
<div class="text-caption text-medium-emphasis">{{ t('setting.about.active30Days') }}</div>
488-
<div class="version-stat-number">{{ activeUsers.last_30_days ?? 0 }}</div>
497+
<div class="version-stat-number">{{ formatVersionStatisticNumber(activeUsers.last_30_days) }}</div>
489498
</div>
490499
</div>
491500
<div class="mt-5">
@@ -502,7 +511,7 @@ onMounted(() => {
502511
<td>
503512
<code>{{ item.version }}</code>
504513
</td>
505-
<td class="text-end">{{ item.count }}</td>
514+
<td class="text-end">{{ formatVersionStatisticNumber(item.count) }}</td>
506515
</tr>
507516
<tr v-if="!backendVersionStatistics.length">
508517
<td colspan="2" class="text-medium-emphasis">{{ t('setting.about.noVersionStatisticData') }}</td>
@@ -524,7 +533,7 @@ onMounted(() => {
524533
<td>
525534
<code>{{ item.version }}</code>
526535
</td>
527-
<td class="text-end">{{ item.count }}</td>
536+
<td class="text-end">{{ formatVersionStatisticNumber(item.count) }}</td>
528537
</tr>
529538
<tr v-if="!frontendVersionStatistics.length">
530539
<td colspan="2" class="text-medium-emphasis">{{ t('setting.about.noVersionStatisticData') }}</td>

0 commit comments

Comments
 (0)