From a70e9e2c078a6109dd87cf8e45aeff956faf24e8 Mon Sep 17 00:00:00 2001 From: hectorzhao Date: Fri, 28 Aug 2026 10:14:31 +0800 Subject: [PATCH] fix: align client dashboard metrics --- docs/system-functional-test-cases.md | 2 +- src/apps/client/ClientHome.tsx | 21 ++++----------------- src/styles/global.css | 19 ------------------- 3 files changed, 5 insertions(+), 37 deletions(-) diff --git a/docs/system-functional-test-cases.md b/docs/system-functional-test-cases.md index 934d0c8..e70aa64 100644 --- a/docs/system-functional-test-cases.md +++ b/docs/system-functional-test-cases.md @@ -4942,7 +4942,7 @@ npm run verify:phase8 | 用例ID | 场景 | 预期 | | --- | --- | --- | -| TC-UI-REVIEW-001 | 查看客户端登录、首页和账户余额 | 登录页存在“返回官网”；金额为继承系统字体、常规字重的普通大号黑字；账户余额页顶部仅显示左侧图标和“账户余额”标题，不再显示“账户”眉题；客户端右上角无待审核任务按钮 | +| TC-UI-REVIEW-001 | 查看客户端登录、工作台和账户余额 | 登录页存在“返回官网”；工作台四张指标卡的数字使用同一字体、字号、字重和颜色，账户状态不显示“余额水位”；账户余额页金额为继承系统字体、常规字重的普通大号黑字，顶部仅显示左侧图标和“账户余额”标题；客户端右上角无待审核任务按钮 | | TC-UI-REVIEW-002 | 首次打开批量任务、发送详情和上行短信 | 三个日期区间均为北京时间近7天（含当天） | | TC-UI-REVIEW-003 | 查看不同状态的短信发送记录和回执 | 用户态状态为中文；未知协议值显示“状态未知” | | TC-UI-REVIEW-004 | 对比两端同一应用的CMPP状态 | 两端均按已连接、已断开、未开通显示 | diff --git a/src/apps/client/ClientHome.tsx b/src/apps/client/ClientHome.tsx index 91c8b23..626f63f 100644 --- a/src/apps/client/ClientHome.tsx +++ b/src/apps/client/ClientHome.tsx @@ -49,11 +49,7 @@ export function ClientHome() { const account = dashboard?.accounts[0]; const availableBalance = moneyUnitsToYuan((account?.balanceCents ?? 0) + (account?.creditCents ?? 0)); - const todaySpend = moneyUnitsToYuan(dashboard?.today.spendCents); const todayRefundCents = Math.max(0, dashboard?.today.returnedCents ?? 0); - const todayRefund = moneyUnitsToYuan(todayRefundCents); - const balanceBaseline = Math.max(availableBalance + todaySpend - todayRefund, availableBalance, 1); - const balancePercent = Math.min(100, Math.round((availableBalance / balanceBaseline) * 100)); const recentMessages = useMemo(() => (dashboard?.recentTasks ?? []).map((task) => ({ id: String(task.id ?? task.taskNo), taskNo: String(task.taskNo ?? task.id), @@ -101,7 +97,7 @@ export function ClientHome() {
可用发送额度 - ¥{formatAmount(availableBalance)} + ¥{formatAmount(availableBalance)} 现金余额 ¥{formatCents(account?.balanceCents)}
@@ -111,12 +107,12 @@ export function ClientHome() {
今日消费金额 - ¥{formatCents(dashboard?.today.spendCents)} + ¥{formatCents(dashboard?.today.spendCents)} 企业今日实际消费
今日返还金额 - ¥{formatCents(todayRefundCents)} + ¥{formatCents(todayRefundCents)} 异常回执与退费返还
@@ -175,16 +171,7 @@ export function ClientHome() {
最近充值 - {latestRecharge ? ¥{formatCents(latestRecharge.amountCents)} : '暂无充值'} -
- -
-
- 余额水位 - {balancePercent}% -
-
- + {latestRecharge ? ¥{formatCents(latestRecharge.amountCents)} : '暂无充值'}
diff --git a/src/styles/global.css b/src/styles/global.css index fe85cc9..eac4870 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -580,25 +580,6 @@ justify-content: flex-end; } -.client-amount-value { - background: none !important; - color: #111111 !important; - font-family: Arial, "Microsoft YaHei", sans-serif !important; - font-size: 38px !important; - font-style: normal; - font-variant-numeric: tabular-nums; - font-weight: 500 !important; - letter-spacing: 0 !important; - line-height: 1.2 !important; - text-shadow: none !important; - -webkit-background-clip: border-box !important; - -webkit-text-fill-color: #111111 !important; -} - -.client-amount-value--compact { - font-size: 28px !important; -} - .client-billing-page .client-billing-amount { background: none; color: var(--color-text-strong);