fenleixinxi/application/admin/view/fc/dashboard/index.html

<div class="fc-dash">
    <header class="fc-dash__head">
        <div>
            <h1 class="fc-dash__title">{:__('业务总览')}</h1>
            <p class="fc-dash__desc">
                {:__('数据更新于')} {$updatedAt} · {:__('订单额仅统计已支付订单')}
            </p>
        </div>
        <div class="fc-dash__actions">
            <a href="fc/post" title="内容管理" class="fc-btn addtabsit {:$auth->check('fc/post')?'':'hide'}">
                内容
            </a>
            <a href="fc/withdraw" title="提现审核" class="fc-btn addtabsit {:$auth->check('fc/withdraw')?'':'hide'}">
                提现
                {if $metrics.withdrawAuditing > 0}
                <span class="fc-btn__badge">{$metrics.withdrawAuditing}</span>
                {/if}
            </a>
            <button type="button" class="fc-btn fc-btn--primary fc-dash__refresh" title="刷新数据">
                刷新
            </button>
        </div>
    </header>

    <section class="fc-kpi-grid" aria-label="{:__('今日核心指标')}">
        <article class="fc-kpi">
            <div class="fc-kpi__head">
                <span class="fc-kpi__label">{:__('今日发布量')}</span>
                <span class="fc-kpi__icon"><i class="fa fa-paper-plane-o" aria-hidden="true"></i></span>
            </div>
            <p class="fc-kpi__value">{$metrics.todayPost}</p>
            <p class="fc-kpi__foot">
                {if $metrics.postDelta > 0}
                <span class="fc-trend fc-trend--up"><i class="fa fa-long-arrow-up" aria-hidden="true"></i>{$metrics.postDelta}</span>
                <span>{:__('较昨日')}</span>
                {elseif $metrics.postDelta < 0}
                <span class="fc-trend fc-trend--down"><i class="fa fa-long-arrow-down" aria-hidden="true"></i>{:abs($metrics['postDelta'])}</span>
                <span>{:__('较昨日')}</span>
                {else}
                <span class="fc-trend fc-trend--flat">{:__('与昨日持平')}</span>
                {/if}
            </p>
        </article>

        <article class="fc-kpi">
            <div class="fc-kpi__head">
                <span class="fc-kpi__label">{:__('今日订单额')}</span>
                <span class="fc-kpi__icon fc-kpi__icon--gold"><i class="fa fa-jpy" aria-hidden="true"></i></span>
            </div>
            <p class="fc-kpi__value fc-kpi__value--money">¥{$metrics.todayOrderAmount|number_format=2}</p>
            <p class="fc-kpi__foot">
                {if $metrics.orderDelta > 0}
                <span class="fc-trend fc-trend--up"><i class="fa fa-long-arrow-up" aria-hidden="true"></i>{$metrics.orderDelta|number_format=2}</span>
                <span>{:__('较昨日')}</span>
                {elseif $metrics.orderDelta < 0}
                <span class="fc-trend fc-trend--down"><i class="fa fa-long-arrow-down" aria-hidden="true"></i>{:number_format(abs($metrics['orderDelta']), 2)}</span>
                <span>{:__('较昨日')}</span>
                {else}
                <span class="fc-trend fc-trend--flat">{:__('与昨日持平')}</span>
                {/if}
            </p>
        </article>

        <article class="fc-kpi">
            <div class="fc-kpi__head">
                <span class="fc-kpi__label">{:__('待审核信息数')}</span>
                <span class="fc-kpi__icon fc-kpi__icon--red"><i class="fa fa-clock-o" aria-hidden="true"></i></span>
            </div>
            <p class="fc-kpi__value">{$metrics.pendingPost}</p>
            <p class="fc-kpi__foot">
                {if $metrics.pendingPost > 0 && $auth->check('fc/post')}
                <a href="fc/post" title="{:__('内容管理')}" class="fc-kpi__link addtabsit">{:__('去审核')}<i class="fa fa-angle-right" aria-hidden="true"></i></a>
                {else}
                <span>{:__('暂无待审核')}</span>
                {/if}
            </p>
        </article>

        <article class="fc-kpi">
            <div class="fc-kpi__head">
                <span class="fc-kpi__label">{:__('待审核提现数')}</span>
                <span class="fc-kpi__icon fc-kpi__icon--blue"><i class="fa fa-credit-card" aria-hidden="true"></i></span>
            </div>
            <p class="fc-kpi__value">{$metrics.withdrawAuditing}</p>
            <p class="fc-kpi__foot">
                {if $metrics.withdrawAuditing > 0 && $auth->check('fc/withdraw')}
                <a href="fc/withdraw" title="{:__('提现审核')}" class="fc-kpi__link addtabsit">{:__('去处理')}<i class="fa fa-angle-right" aria-hidden="true"></i></a>
                {else}
                <span>{:__('暂无待审核')}</span>
                {/if}
            </p>
        </article>
    </section>

    <div class="fc-dash__main">
        <section class="fc-card">
            <header class="fc-card__head">
                <div>
                    <h2 class="fc-card__title">{:__('近 14 天趋势')}</h2>
                    <p class="fc-card__desc">{:__('发布量按发布时间统计，订单额按支付时间统计')}</p>
                </div>
                <div class="fc-seg" role="group" aria-label="{:__('切换趋势指标')}">
                    <button type="button" class="fc-seg__btn is-active" data-metric="posts" aria-pressed="true">{:__('发布量')}</button>
                    <button type="button" class="fc-seg__btn" data-metric="orders" aria-pressed="false">{:__('订单额')}</button>
                    <button type="button" class="fc-seg__btn" data-metric="members" aria-pressed="false">{:__('新增用户')}</button>
                </div>
            </header>
            <div id="fc-trend-chart" class="fc-chart" role="img" aria-label="{:__('近 14 天发布量趋势图')}"></div>
            <p class="fc-chart__total">
                <span>{:__('近 14 天合计')}</span>
                <strong id="fc-trend-total">—</strong>
            </p>
        </section>

        <section class="fc-card">
            <header class="fc-card__head">
                <h2 class="fc-card__title">{:__('平台累计')}</h2>
            </header>
            <dl class="fc-stats">
                <div class="fc-stat">
                    <dt>{:__('累计发布量')}</dt>
                    <dd>{$metrics.totalPost}</dd>
                </div>
                <div class="fc-stat">
                    <dt>{:__('累计订单额')}</dt>
                    <dd class="is-money">¥{$metrics.totalOrderAmount|number_format=2}</dd>
                </div>
                <div class="fc-stat">
                    <dt>{:__('注册用户数')}</dt>
                    <dd>{$metrics.userCount}</dd>
                </div>
                <div class="fc-stat">
                    <dt>{:__('会员数')}</dt>
                    <dd>{$metrics.memberCount}</dd>
                </div>
                <div class="fc-stat">
                    <dt>{:__('商家数')}</dt>
                    <dd>{$metrics.merchantCount}</dd>
                </div>
            </dl>

            <header class="fc-card__head fc-card__head--sub">
                <h2 class="fc-card__title">{:__('分销佣金')}</h2>
            </header>
            <dl class="fc-stats">
                <div class="fc-stat">
                    <dt>{:__('待结算佣金')}</dt>
                    <dd class="is-money">¥{$metrics.commissionPending|number_format=2}</dd>
                </div>
                <div class="fc-stat">
                    <dt>{:__('已结算佣金')}</dt>
                    <dd class="is-muted">¥{$metrics.commissionSettled|number_format=2}</dd>
                </div>
            </dl>
        </section>
    </div>

    <details class="fc-card fc-detail">
        <summary class="fc-detail__summary">
            <span class="fc-card__title">{:__('近 14 天明细')}</span>
            <span class="fc-detail__hint">
                <span class="fc-detail__hint-open">{:__('展开查看每日数据')}</span>
                <span class="fc-detail__hint-close">{:__('收起明细')}</span>
            </span>
            <i class="fa fa-angle-down fc-detail__chevron" aria-hidden="true"></i>
        </summary>
        <div class="fc-detail__body">
            <div class="fc-table-wrap">
                <table class="fc-table">
                    <caption class="sr-only">{:__('近 14 天每日发布量、订单额与新增注册用户')}</caption>
                    <thead>
                    <tr>
                        <th scope="col">{:__('日期')}</th>
                        <th scope="col" class="is-num">{:__('发布量')}</th>
                        <th scope="col" class="is-num">{:__('订单额')}</th>
                        <th scope="col" class="is-num">{:__('新增注册用户')}</th>
                    </tr>
                    </thead>
                    <tbody>
                    {foreach $trendRows as $item}
                    <tr>
                        <td>{$item.date}</td>
                        <td class="is-num">{$item.posts}</td>
                        <td class="is-num">¥{$item.orders|number_format=2}</td>
                        <td class="is-num">{$item.members}</td>
                    </tr>
                    {/foreach}
                    </tbody>
                </table>
            </div>
        </div>
    </details>
</div>