Browse Source

在用户数据概览-数据明细页面的第一个表-用户构成明细中,新增人数若是负数的话,显示红色字体。

zhaowenkang/feature-20260206140254-后台AI复盘二期
songjie 4 weeks ago
parent
commit
a84fed5f9f
  1. 14
      src/views/PlatformData/UserOverview.vue

14
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 '';

Loading…
Cancel
Save