feat: redesign promotion earnings cards

This commit is contained in:
2026-08-16 20:15:56 +08:00
parent 6dbb556d60
commit 8799063c6c
7 changed files with 260 additions and 82 deletions
@@ -39,7 +39,7 @@ $available_commission = class_exists('\AKSRT\Credits\Balance')
: (float) ($commission_stats['settled'] ?? 0);
$vip_ratios = [];
$commission_ratio = (float) ($affiliate['ratio'] ?? 0);
$details_text = trim((string) ($affiliate['earnings_text'] ?? ''));
$details_text = trim((string) ($affiliate['promotion_text'] ?? ''));
if ($details_text === '') {
$details_text = __('好友通过推广链接完成符合条件的订单后,系统会按当前佣金比例记录返佣,结算后进入可提现余额。', 'aksrt');
}
@@ -85,9 +85,28 @@ $status_labels = [
];
?>
<div class="aksrt-revenue-page uc-revenue-panel" data-aksrt-revenue-page data-min-amount="<?php echo esc_attr((string) $withdraw_min); ?>">
<section class="uc-commission-summary" aria-label="<?php esc_attr_e('佣金概览', 'aksrt'); ?>">
<article class="uc-commission-card uc-commission-card--ratio">
<div class="uc-commission-card__body">
<span><?php esc_html_e('佣金比例', 'aksrt'); ?></span>
<strong><?php echo esc_html((string) $commission_ratio); ?><small>%</small></strong>
<p><?php echo $commission_ratio > 0 ? esc_html__('普通用户推广订单返佣比例', 'aksrt') : esc_html__('暂未参与', 'aksrt'); ?></p>
</div>
</article>
<article class="uc-commission-card uc-commission-card--balance">
<div class="uc-commission-card__body">
<span><?php esc_html_e('我的佣金', 'aksrt'); ?></span>
<strong><small>¥</small><?php echo esc_html($format_amount($available_commission)); ?></strong>
<span><?php printf(esc_html__('累计¥%s · 待结算¥%s', 'aksrt'), esc_html($format_amount($commission_stats['total'] ?? 0)), esc_html($format_amount($commission_stats['pending'] ?? 0))); ?></span>
</div>
<?php if ($withdraw_on) : ?>
<button type="button" class="uc-commission-card__action" data-aksrt-withdraw-open><?php esc_html_e('立即提现', 'aksrt'); ?><i class="fas fa-angle-right" aria-hidden="true"></i></button>
<?php endif; ?>
</article>
</section>
<section class="uc-affiliate-panel aksrt-affiliate-panel" data-aksrt-promotion-page aria-labelledby="uc-affiliate-title">
<header class="uc-panel-heading">
<h2 id="uc-affiliate-title"><?php esc_html_e('推广收益', 'aksrt'); ?></h2>
<h2 id="uc-affiliate-title"><?php esc_html_e('推荐奖励', 'aksrt'); ?></h2>
<p><?php echo esc_html($affiliate['promotion_text'] ?? __('分享推广链接,好友完成会员或付费内容订单后获得佣金。', 'aksrt')); ?></p>
</header>
<div class="uc-affiliate-link-card" data-affiliate-card>
@@ -105,42 +124,15 @@ $status_labels = [
<article><span><?php esc_html_e('推广人数', 'aksrt'); ?></span><strong data-affiliate-promoters>—</strong></article>
<article><span><?php esc_html_e('有效付费人数', 'aksrt'); ?></span><strong data-affiliate-payers>—</strong></article>
</div>
<form class="uc-affiliate-accounts" data-affiliate-accounts>
<label><?php esc_html_e('支付宝收款码/账户', 'aksrt'); ?><input type="text" name="alipay" autocomplete="off"></label>
<label><?php esc_html_e('微信收款码/账户', 'aksrt'); ?><input type="text" name="wechat" autocomplete="off"></label>
<button type="submit" class="btn-secondary btn-sm"><?php esc_html_e('保存收款方式', 'aksrt'); ?></button>
<p data-affiliate-account-feedback role="status" aria-live="polite"></p>
</form>
<p class="uc-affiliate-note"><?php esc_html_e('仅会员和付费内容订单参与返佣;首次触达后 30 天内绑定,禁止自邀和换绑。', 'aksrt'); ?></p>
</section>
<section class="uc-commission-summary" aria-label="<?php esc_attr_e('佣金概览', 'aksrt'); ?>">
<article class="uc-commission-card uc-commission-card--ratio">
<div class="uc-commission-card__icon"><i class="fas fa-percentage" aria-hidden="true"></i></div>
<div class="uc-commission-card__body">
<span><?php esc_html_e('佣金比例', 'aksrt'); ?></span>
<strong><?php echo esc_html((string) $commission_ratio); ?><small>%</small></strong>
<p><?php esc_html_e('普通用户推广订单返佣比例', 'aksrt'); ?></p>
</div>
</article>
<article class="uc-commission-card uc-commission-card--balance">
<div class="uc-commission-card__icon"><i class="fas fa-wallet" aria-hidden="true"></i></div>
<div class="uc-commission-card__body">
<span><?php esc_html_e('我的佣金', 'aksrt'); ?></span>
<strong><?php echo esc_html($format_amount($available_commission)); ?></strong>
<span><?php printf(esc_html__('累计佣金 %s,待结算 %s', 'aksrt'), esc_html($format_amount($commission_stats['total'] ?? 0)), esc_html($format_amount($commission_stats['pending'] ?? 0))); ?></span>
</div>
<?php if ($withdraw_on) : ?>
<button type="button" class="uc-commission-card__action" data-aksrt-withdraw-open><i class="fas fa-arrow-right" aria-hidden="true"></i><?php esc_html_e('立即提现', 'aksrt'); ?></button>
<?php endif; ?>
</article>
</section>
<section class="uc-reward-area" aria-labelledby="uc-reward-area-title">
<div class="uc-reward-area__heading">
<h3 id="uc-reward-area-title"><?php esc_html_e('收益明细', 'aksrt'); ?></h3>
<span><?php esc_html_e('佣金账本与提现状态', 'aksrt'); ?></span>
<h3 id="uc-reward-area-title"><?php esc_html_e('佣金详情', 'aksrt'); ?></h3>
<span><?php esc_html_e('推广订单与结算状态', 'aksrt'); ?></span>
</div>
<nav class="uc-reward-tabs" aria-label="<?php esc_attr_e('收益明细', 'aksrt'); ?>">
<a <?php echo $active_reward_tab === 'detail' ? 'aria-current="page"' : ''; ?> class="<?php echo $active_reward_tab === 'detail' ? 'is-active' : ''; ?>" href="<?php echo esc_url($reward_url('detail')); ?>"><?php esc_html_e('佣金详情', 'aksrt'); ?></a>
<a <?php echo $active_reward_tab === 'orders' ? 'aria-current="page"' : ''; ?> class="<?php echo $active_reward_tab === 'orders' ? 'is-active' : ''; ?>" href="<?php echo esc_url($reward_url('orders')); ?>"><?php esc_html_e('佣金明细', 'aksrt'); ?></a>
</nav>
@@ -171,6 +163,7 @@ $status_labels = [
<div class="uc-reward-pane"><p class="uc-reward-empty"><?php esc_html_e('暂无收益明细。', 'aksrt'); ?></p></div>
<?php endif; ?>
</section>
</section>
</div>
<?php if ($withdraw_on) {
require __DIR__ . '/withdraw-modal.php';