|
|
@@ -10,28 +10,16 @@
|
|
|
<!-- 统计卡片 -->
|
|
|
<el-row :gutter="16" style="margin-bottom: 16px;">
|
|
|
<el-col :span="6">
|
|
|
- <el-card shadow="hover" class="stat-card">
|
|
|
- <div class="stat-value">{{ stats.totalOrders }}</div>
|
|
|
- <div class="stat-label">总订单数</div>
|
|
|
- </el-card>
|
|
|
+ <StatCard :value="stats.totalOrders" label="总订单数" />
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
- <el-card shadow="hover" class="stat-card">
|
|
|
- <div class="stat-value">{{ stats.paidOrders }}</div>
|
|
|
- <div class="stat-label">已支付</div>
|
|
|
- </el-card>
|
|
|
+ <StatCard :value="stats.paidOrders" label="已支付" />
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
- <el-card shadow="hover" class="stat-card">
|
|
|
- <div class="stat-value">{{ stats.activeUsers }}</div>
|
|
|
- <div class="stat-label">活跃体验用户</div>
|
|
|
- </el-card>
|
|
|
+ <StatCard :value="stats.activeUsers" label="活跃体验用户" />
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
- <el-card shadow="hover" class="stat-card">
|
|
|
- <div class="stat-value">{{ stats.revenue }}</div>
|
|
|
- <div class="stat-label">总收入(元)</div>
|
|
|
- </el-card>
|
|
|
+ <StatCard :value="stats.revenue" label="总收入(元)" />
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|