hectorzhao/lislgosms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add manual recharge and operation logs

Browse Source
This commit is contained in:
hectorzhao
2026-07-01 15:54:56 +08:00
parent 50d75f1cf3
commit 7ff6d7eac3
14 changed files with 339 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/apps/client/ClientHome.tsx
+16 -16
View File
@@ -51,8 +51,8 @@ export function ClientHome() {
const pendingTemplates = templates.filter((item) => item.status === 'pending').length;
const pendingSignatures = signatures.filter((item) => item.status === 'pending').length;
const latestInvoice = invoices[0];
const quotaTotal = overview.availableMessages + overview.todaySent;
const quotaPercent = Math.round((overview.availableMessages / quotaTotal) * 100);
const balanceBaseline = overview.availableBalance + overview.todaySpend - overview.todayRefund;
const balancePercent = Math.min(100, Math.round((overview.availableBalance / balanceBaseline) * 100));
const sendTrendOption = useMemo(
() => createLineOption({
@@ -73,7 +73,7 @@ export function ClientHome() {
<div>
<p className="eyebrow">客户端概览</p>
<h1>短信服务工作台</h1>
<p className="muted">查看账户余量、审核进度、发送趋势和常用业务入口。</p>
<p className="muted">查看账户余额、审核进度、发送趋势和常用业务入口。</p>
</div>
<div className="page-actions">
<Button icon={<Plus size={16} />} onClick={() => navigate('/client/templates')} variant="ghost">
@@ -85,19 +85,19 @@ export function ClientHome() {
<div className="dashboard-grid">
<div className="surface metric-card metric-card--featured">
<span>账户可用短信</span>
<strong>{overview.availableMessages.toLocaleString('zh-CN')}</strong>
<small>今日已发送 {overview.todaySent.toLocaleString('zh-CN')} 条</small>
<span>账户剩余余额</span>
<strong>¥{overview.availableBalance.toLocaleString('zh-CN', { minimumFractionDigits: 2 })}</strong>
<small>今日消费 ¥{overview.todaySpend.toLocaleString('zh-CN', { minimumFractionDigits: 2 })}</small>
</div>
<div className="surface metric-card">
<span>发送成功率</span>
<strong>{overview.successRate}%</strong>
<small>近 24 小时实时统计</small>
<span>今日发送</span>
<strong>{overview.todaySent.toLocaleString('zh-CN')}</strong>
<small>成功率 {overview.todaySuccessRate}%</small>
</div>
<div className="surface metric-card">
<span>待审核事项</span>
<strong>{pendingTemplates + pendingSignatures}</strong>
<small>模板 {pendingTemplates}，签名 {pendingSignatures}</small>
<span>今日返还金额</span>
<strong>¥{overview.todayRefund.toLocaleString('zh-CN', { minimumFractionDigits: 2 })}</strong>
<small>异常回执与退费返还</small>
</div>
</div>
@@ -128,7 +128,7 @@ export function ClientHome() {
<button className="quick-action" onClick={() => navigate('/client/billing')} type="button">
<WalletCards size={20} />
<span>账户充值</span>
<small>查看套餐余量</small>
<small>查看余额与流水</small>
</button>
</div>
</div>
@@ -157,11 +157,11 @@ export function ClientHome() {
</div>
<div>
<div className="progress-heading">
<span>短信余量</span>
<strong>{quotaPercent}%</strong>
<span>余额水位</span>
<strong>{balancePercent}%</strong>
</div>
<div className="progress-track">
<span style={{ width: `${quotaPercent}%` }} />
<span style={{ width: `${balancePercent}%` }} />
</div>
</div>
</div>