From a84fed5f9f6fbf6e3767c1fbe5f2d13bbbe071ab Mon Sep 17 00:00:00 2001
From: songjie <bestsongj@163.com>
Date: Tue, 27 Jan 2026 10:57:39 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=A8=E7=94=A8=E6=88=B7=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E6=A6=82=E8=A7=88-=E6=95=B0=E6=8D=AE=E6=98=8E=E7=BB=86?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E7=9A=84=E7=AC=AC=E4=B8=80=E4=B8=AA=E8=A1=A8?=
 =?UTF-8?q?-=E7=94=A8=E6=88=B7=E6=9E=84=E6=88=90=E6=98=8E=E7=BB=86?=
 =?UTF-8?q?=E4=B8=AD=EF=BC=8C=E6=96=B0=E5=A2=9E=E4=BA=BA=E6=95=B0=E8=8B=A5?=
 =?UTF-8?q?=E6=98=AF=E8=B4=9F=E6=95=B0=E7=9A=84=E8=AF=9D=EF=BC=8C=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E7=BA=A2=E8=89=B2=E5=AD=97=E4=BD=93=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/PlatformData/UserOverview.vue | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/views/PlatformData/UserOverview.vue b/src/views/PlatformData/UserOverview.vue
index 171e2b5..27f3a76 100644
--- a/src/views/PlatformData/UserOverview.vue
+++ b/src/views/PlatformData/UserOverview.vue
@@ -124,22 +124,22 @@
           <el-table-column prop="total" label="当前总数" align="center" />
           <el-table-column prop="dailyNew" label="较昨日新增" align="center">
              <template #default="scope">
-               <span class="text-green">{{ scope.row.dailyNew }}</span>
+               <span :class="getValueColorClass(scope.row.dailyNew)">{{ scope.row.dailyNew }}</span>
              </template>
           </el-table-column>
           <el-table-column prop="weeklyNew" label="较上周新增" align="center">
               <template #default="scope">
-               <span class="text-green">{{ scope.row.weeklyNew }}</span>
+               <span :class="getValueColorClass(scope.row.weeklyNew)">{{ scope.row.weeklyNew }}</span>
              </template>
           </el-table-column>
           <el-table-column prop="monthlyNew" label="较上月新增" align="center">
               <template #default="scope">
-               <span class="text-green">{{ scope.row.monthlyNew }}</span>
+               <span :class="getValueColorClass(scope.row.monthlyNew)">{{ scope.row.monthlyNew }}</span>
              </template>
           </el-table-column>
           <el-table-column prop="periodNew" label="时间段新增" align="center">
              <template #default="scope">
-               <span class="text-green">{{ scope.row.periodNew }}</span>
+               <span :class="getValueColorClass(scope.row.periodNew)">{{ scope.row.periodNew }}</span>
              </template>
           </el-table-column>
         </el-table>
@@ -243,6 +243,12 @@ const getGrowthText = (growthStr) => {
   return `${prefix}${arrow} ${value}`;
 };
 
+// 获取表格数值颜色样式
+const getValueColorClass = (val) => {
+  if (!val || val === '-') return '';
+  return String(val).startsWith('-') ? 'text-red' : 'text-green';
+};
+
 // 格式化日期
 const formatDate = (date) => {
     if (!date) return '';