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