angelo
/
web-zk-admin
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(dashboard): 会员数据精简展示

This commit is contained in:
woody 2025-09-30 10:15:04 +08:00
parent 354f4fa91c
commit bf6632b4e9
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/dashboard/dashboard.vue
View File

@ -21,36 +21,36 @@
<div class="dashboard-card-label">当月新增会员</div> <div class="dashboard-card-label">当月新增会员</div>
<div class="dashboard-card-value">{{ memberSummary.memberMonth || 0 }}</div> <div class="dashboard-card-value">{{ memberSummary.memberMonth || 0 }}</div>
</div> </div>
<div v-if="memberSummary.memberMonthLevelList && memberSummary.memberMonthLevelList.length > 0" class="dashboard-card-level-list"> <!-- <div v-if="memberSummary.memberMonthLevelList && memberSummary.memberMonthLevelList.length > 0" class="dashboard-card-level-list">
<div v-for="level in memberSummary.memberMonthLevelList" :key="`month-${level.gradeName}`" class="dashboard-card-level-item"> <div v-for="level in memberSummary.memberMonthLevelList" :key="`month-${level.gradeName}`" class="dashboard-card-level-item">
<span class="level-name">{{ level.gradeName }}:</span> <span class="level-name">{{ level.gradeName }}:</span>
<span class="level-count">{{ level.memberTotal }}人</span> <span class="level-count">{{ level.memberTotal }}人</span>
</div> </div>
</div> </div> -->
</div> </div>
<div class="dashboard-card dashboard-card--member dashboard-card--yesterday-member"> <div class="dashboard-card dashboard-card--member dashboard-card--yesterday-member">
<div class="dashboard-card-header"> <div class="dashboard-card-header">
<div class="dashboard-card-label">昨日新增会员</div> <div class="dashboard-card-label">昨日新增会员</div>
<div class="dashboard-card-value">{{ memberSummary.memberYesterday || 0 }}</div> <div class="dashboard-card-value">{{ memberSummary.memberYesterday || 0 }}</div>
</div> </div>
<div v-if="memberSummary.memberYesterdayLevelList && memberSummary.memberYesterdayLevelList.length > 0" class="dashboard-card-level-list"> <!-- <div v-if="memberSummary.memberYesterdayLevelList && memberSummary.memberYesterdayLevelList.length > 0" class="dashboard-card-level-list">
<div v-for="level in memberSummary.memberYesterdayLevelList" :key="`yesterday-${level.gradeName}`" class="dashboard-card-level-item"> <div v-for="level in memberSummary.memberYesterdayLevelList" :key="`yesterday-${level.gradeName}`" class="dashboard-card-level-item">
<span class="level-name">{{ level.gradeName }}:</span> <span class="level-name">{{ level.gradeName }}:</span>
<span class="level-count">{{ level.memberTotal }}人</span> <span class="level-count">{{ level.memberTotal }}人</span>
</div> </div>
</div> </div> -->
</div> </div>
<div class="dashboard-card dashboard-card--member dashboard-card--today-member"> <div class="dashboard-card dashboard-card--member dashboard-card--today-member">
<div class="dashboard-card-header"> <div class="dashboard-card-header">
<div class="dashboard-card-label">今日新增会员</div> <div class="dashboard-card-label">今日新增会员</div>
<div class="dashboard-card-value">{{ memberSummary.memberToday || 0 }}</div> <div class="dashboard-card-value">{{ memberSummary.memberToday || 0 }}</div>
</div> </div>
<div v-if="memberSummary.memberTodayLevelList && memberSummary.memberTodayLevelList.length > 0" class="dashboard-card-level-list"> <!-- <div v-if="memberSummary.memberTodayLevelList && memberSummary.memberTodayLevelList.length > 0" class="dashboard-card-level-list">
<div v-for="level in memberSummary.memberTodayLevelList" :key="`today-${level.gradeName}`" class="dashboard-card-level-item"> <div v-for="level in memberSummary.memberTodayLevelList" :key="`today-${level.gradeName}`" class="dashboard-card-level-item">
<span class="level-name">{{ level.gradeName }}:</span> <span class="level-name">{{ level.gradeName }}:</span>
<span class="level-count">{{ level.memberTotal }}人</span> <span class="level-count">{{ level.memberTotal }}人</span>
</div> </div>
</div> </div> -->
</div> </div>
</div> </div>
</div> </div>
@ -420,7 +420,7 @@ export default {
.dashboard-card-label { .dashboard-card-label {
font-size: 14px; font-size: 14px;
color: #666; color: #666;
margin-bottom: 8px; // margin-bottom: 8px;
} }
.dashboard-card-value { .dashboard-card-value {
font-size: 28px; font-size: 28px;
@ -580,7 +580,7 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin-bottom: 12px; // margin-bottom: 12px;
} }
.dashboard-card--member .dashboard-card-label { .dashboard-card--member .dashboard-card-label {