chore(merchant-admin-ui): dashboard uses page header kpi grid

This commit is contained in:
萝卜
2026-03-16 06:13:22 +08:00
parent 816b6f69e4
commit 4b5b813f05

View File

@@ -1,19 +1,41 @@
@extends('merchant_admin.layouts.app')
@section('title', '商家后台仪表盘')
@section('page_title', '商家后台仪表盘')
@section('title', '商家仪表盘')
@section('page_title', '商家仪表盘')
@section('content')
<div class="card mb-20">
<p>当前商家:<strong>{{ $merchant->name }}</strong>{{ $merchant->slug }})。这里是商家运营视角后台,只展示当前商家范围内的数据。</p>
<div class="page-header mb-20" data-page="merchant_admin.dashboard">
<div class="page-header-main">
<div>
<div class="page-header-title">商家仪表盘</div>
<div class="page-header-subtitle">当前商家:{{ $merchant->name }}{{ $merchant->slug }})。这里是商家运营视角后台,只展示当前商家范围内的数据。</div>
</div>
<div class="page-header-actions">
<span class="muted muted-xs">缓存:{{ $cacheMeta['store'] }} / TTL {{ $cacheMeta['ttl'] }}</span>
</div>
</div>
</div>
<div class="card mb-20">
<div class="muted">缓存状态:当前仪表盘统计已接入缓存,缓存驱动 {{ $cacheMeta['store'] }}TTL {{ $cacheMeta['ttl'] }}</div>
</div>
<div class="grid">
<div class="card"><div class="muted">商家用户</div><div class="num">{{ $stats['users'] }}</div></div>
<div class="card"><div class="muted">商家商品</div><div class="num">{{ $stats['products'] }}</div></div>
<div class="card"><div class="muted">商家订单</div><div class="num">{{ $stats['orders'] }}</div></div>
<div class="card"><div class="muted">待处理订单</div><div class="num">{{ $stats['pending_orders'] }}</div></div>
<div class="kpi-grid mb-20" data-role="kpi-grid">
<div class="card">
<div class="stat-card-title">商家用户</div>
<div class="stat-card-value">{{ $stats['users'] }}</div>
<div class="stat-card-footnote">当前商家用户总量</div>
</div>
<div class="card">
<div class="stat-card-title">商家商品</div>
<div class="stat-card-value">{{ $stats['products'] }}</div>
<div class="stat-card-footnote">当前商家商品总量</div>
</div>
<div class="card">
<div class="stat-card-title">商家订单</div>
<div class="stat-card-value">{{ $stats['orders'] }}</div>
<div class="stat-card-footnote">当前商家订单总量</div>
</div>
<div class="card">
<div class="stat-card-title">待处理订单</div>
<div class="stat-card-value">{{ $stats['pending_orders'] }}</div>
<div class="stat-card-footnote">待处理pending订单</div>
</div>
</div>
@endsection