|
|
|
@ -113,7 +113,7 @@ |
|
|
|
<div class="detail-section"> |
|
|
|
<div class="section-title"><el-icon><User /></el-icon> 用户构成明细</div> |
|
|
|
<el-table :data="tableData1" style="width: 100%" :header-cell-style="headerCellStyle"> |
|
|
|
<el-table-column prop="type" label="用户类型" width="180"> |
|
|
|
<el-table-column prop="type" label="用户类型" width="180" align="center"> |
|
|
|
<template #default="scope"> |
|
|
|
<span :class="{ |
|
|
|
'text-red': scope.row.type === '用户总数', |
|
|
|
@ -121,23 +121,23 @@ |
|
|
|
}">{{ scope.row.type }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="total" label="当前总数" /> |
|
|
|
<el-table-column prop="dailyNew" label="较昨日新增"> |
|
|
|
<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> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="weeklyNew" label="较上周新增"> |
|
|
|
<el-table-column prop="weeklyNew" label="较上周新增" align="center"> |
|
|
|
<template #default="scope"> |
|
|
|
<span class="text-green">{{ scope.row.weeklyNew }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="monthlyNew" label="较上月新增"> |
|
|
|
<el-table-column prop="monthlyNew" label="较上月新增" align="center"> |
|
|
|
<template #default="scope"> |
|
|
|
<span class="text-green">{{ scope.row.monthlyNew }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="periodNew" label="时间段新增"> |
|
|
|
<el-table-column prop="periodNew" label="时间段新增" align="center"> |
|
|
|
<template #default="scope"> |
|
|
|
<span class="text-green">{{ scope.row.periodNew }}</span> |
|
|
|
</template> |
|
|
|
@ -149,12 +149,12 @@ |
|
|
|
<div class="detail-section"> |
|
|
|
<div class="section-title"><el-icon><User /></el-icon> 新注册用户来源</div> |
|
|
|
<el-table :data="tableData2" style="width: 100%" :header-cell-style="headerCellStyle"> |
|
|
|
<el-table-column prop="channel" label="来源渠道" /> |
|
|
|
<el-table-column prop="dailyNew" label="今日新增" /> |
|
|
|
<el-table-column prop="weeklyNew" label="本周新增" /> |
|
|
|
<el-table-column prop="monthlyNew" label="本月新增" /> |
|
|
|
<el-table-column prop="periodNew" label="时间段新增" /> |
|
|
|
<el-table-column prop="percent" label="占比" /> |
|
|
|
<el-table-column prop="channel" label="来源渠道" align="center" /> |
|
|
|
<el-table-column prop="dailyNew" label="今日新增" align="center" /> |
|
|
|
<el-table-column prop="weeklyNew" label="本周新增" align="center" /> |
|
|
|
<el-table-column prop="monthlyNew" label="本月新增" align="center" /> |
|
|
|
<el-table-column prop="periodNew" label="时间段新增" align="center" /> |
|
|
|
<el-table-column prop="percent" label="占比" align="center" /> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
|
|
|
|
@ -162,12 +162,12 @@ |
|
|
|
<div class="detail-section"> |
|
|
|
<div class="section-title"><el-icon><User /></el-icon> 老用户来源</div> |
|
|
|
<el-table :data="tableData3" style="width: 100%" :header-cell-style="headerCellStyle"> |
|
|
|
<el-table-column prop="channel" label="来源渠道" /> |
|
|
|
<el-table-column prop="dailyNew" label="今日新增" /> |
|
|
|
<el-table-column prop="weeklyNew" label="本周新增" /> |
|
|
|
<el-table-column prop="monthlyNew" label="本月新增" /> |
|
|
|
<el-table-column prop="periodNew" label="时间段新增" /> |
|
|
|
<el-table-column prop="percent" label="占比" /> |
|
|
|
<el-table-column prop="channel" label="来源渠道" align="center" /> |
|
|
|
<el-table-column prop="dailyNew" label="今日新增" align="center" /> |
|
|
|
<el-table-column prop="weeklyNew" label="本周新增" align="center" /> |
|
|
|
<el-table-column prop="monthlyNew" label="本月新增" align="center" /> |
|
|
|
<el-table-column prop="periodNew" label="时间段新增" align="center" /> |
|
|
|
<el-table-column prop="percent" label="占比" align="center" /> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
|
|
|
|
|