|
|
|
@ -109,7 +109,10 @@ |
|
|
|
<el-table :data="tableData1" style="width: 100%" :header-cell-style="headerCellStyle"> |
|
|
|
<el-table-column prop="type" label="用户类型" width="180"> |
|
|
|
<template #default="scope"> |
|
|
|
<span :class="{'text-red': scope.row.type === '用户总数'}">{{ scope.row.type }}</span> |
|
|
|
<span :class="{ |
|
|
|
'text-red': scope.row.type === '用户总数', |
|
|
|
'sub-item-text': ['新非网总数', '老非网总数'].includes(scope.row.type) |
|
|
|
}">{{ scope.row.type }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="total" label="当前总数" /> |
|
|
|
@ -550,6 +553,13 @@ onMounted(() => { |
|
|
|
.text-red { color: #ff4d4f; font-weight: bold; } |
|
|
|
.text-green { color: #52c41a; font-weight: bold; } |
|
|
|
|
|
|
|
.sub-item-text { |
|
|
|
font-size: 12px; |
|
|
|
padding-left: 20px; |
|
|
|
color: #606266; |
|
|
|
display: inline-block; |
|
|
|
} |
|
|
|
|
|
|
|
.chart-section-bg { |
|
|
|
/* background: #fff; already set by detail-section */ |
|
|
|
} |
|
|
|
|