From 7c57ec95b1e7276da37c2675378f6d157a393cd5 Mon Sep 17 00:00:00 2001
From: yiqiu <yiqiu@ycyaw.com>
Date: Sun, 22 Mar 2026 20:28:45 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=BB=9F=E8=AE=A1=E6=A0=8F=E9=9A=90?=
 =?UTF-8?q?=E8=97=8F=E6=9C=AA=E6=94=AF=E4=BB=98=E8=AE=A2=E5=8D=95+?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=8D=B3=E5=B0=86=E5=88=B0=E6=9C=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除未支付订单统计项
- 新增即将到期统计项(到期≤10天的产品数)
- 添加expiringCount computed属性
- 新增stat-red颜色方案
---
 clientarea/home/hgcloud_home/css/home.css | 1 +
 clientarea/home/hgcloud_home/home.php     | 8 ++++----
 clientarea/home/hgcloud_home/js/home.js   | 5 +++++
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/clientarea/home/hgcloud_home/css/home.css b/clientarea/home/hgcloud_home/css/home.css
index 9e077c1..abff0c2 100644
--- a/clientarea/home/hgcloud_home/css/home.css
+++ b/clientarea/home/hgcloud_home/css/home.css
@@ -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 {
diff --git a/clientarea/home/hgcloud_home/home.php b/clientarea/home/hgcloud_home/home.php
index 181b604..bd94f6c 100644
--- a/clientarea/home/hgcloud_home/home.php
+++ b/clientarea/home/hgcloud_home/home.php
@@ -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>
diff --git a/clientarea/home/hgcloud_home/js/home.js b/clientarea/home/hgcloud_home/js/home.js
index 01286e5..31ef1b2 100644
--- a/clientarea/home/hgcloud_home/js/home.js
+++ b/clientarea/home/hgcloud_home/js/home.js
@@ -93,6 +93,11 @@
           coinRecharge: [],
         };
       },
+      computed: {
+        expiringCount() {
+          return this.productList.filter(item => item.isOverdue).length;
+        },
+      },
       filters: {
         formateTime(time) {
           if (time && time !== 0) {