feat: 统计栏隐藏未支付订单+添加即将到期
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
- 移除未支付订单统计项 - 新增即将到期统计项(到期≤10天的产品数) - 添加expiringCount computed属性 - 新增stat-red颜色方案
This commit is contained in:
@@ -180,6 +180,7 @@
|
||||
.stat-purple i { background: #F3F0FF; color: #7C3AED; }
|
||||
.stat-blue i { background: #EFF6FF; color: #2563EB; }
|
||||
.stat-amber i { background: #FFF7ED; color: #D97706; }
|
||||
.stat-red i { background: #FEF2F2; color: #DC2626; }
|
||||
|
||||
/* ====== ROW 2 — 余额 + 侧边 ====== */
|
||||
.row-2 {
|
||||
|
||||
@@ -35,10 +35,10 @@
|
||||
<div class="stat-value">{{account.host_num}}</div>
|
||||
<div class="stat-label">{{lang.index_text7}}</div>
|
||||
</div>
|
||||
<div class="stat-item stat-amber" @click="goOrderList('Unpaid')">
|
||||
<i class="ph ph-receipt"></i>
|
||||
<div class="stat-value">{{account.unpaid_order}}</div>
|
||||
<div class="stat-label">{{lang.index_text8}}</div>
|
||||
<div class="stat-item stat-red" @click="goProductList()">
|
||||
<i class="ph ph-clock-countdown"></i>
|
||||
<div class="stat-value">{{expiringCount}}</div>
|
||||
<div class="stat-label">即将到期</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -93,6 +93,11 @@
|
||||
coinRecharge: [],
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
expiringCount() {
|
||||
return this.productList.filter(item => item.isOverdue).length;
|
||||
},
|
||||
},
|
||||
filters: {
|
||||
formateTime(time) {
|
||||
if (time && time !== 0) {
|
||||
|
||||
Reference in New Issue
Block a user