Browse Source

表数据在列的水平居中。

zhaowenkang/feature-20260206140254-后台AI复盘二期
songjie 1 month ago
parent
commit
1bdbcafe8f
  1. 36
      src/views/PlatformData/UserOverview.vue

36
src/views/PlatformData/UserOverview.vue

@ -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>

Loading…
Cancel
Save