aaron/dman-web-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
aaron 2025-04-01 18:53:24 +08:00
parent 67827a18fa
commit e2720eecbb
1 changed files with 22 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

91
src/views/dashboard/Dashboard.vue
View File

@ -15,40 +15,31 @@
总用户 总用户
</span> </span>
</template> </template>
<a-statistic <div class="main-stat-row">
title="总用户数" <a-statistic
:value="dashboardData.total_user_count || 0" title="总用户数"
class="main-stat" :value="dashboardData.total_user_count || 0"
:value-style="{ color: '#722ed1' }" class="main-stat"
/> :value-style="{ color: '#722ed1' }"
<div class="sub-stats"> />
<a-statistic <a-statistic
title="下单用户数" title="下单用户数"
:value="dashboardData.has_order_user_count || 0" :value="dashboardData.has_order_user_count || 0"
class="main-stat"
:value-style="{ color: '#722ed1' }" :value-style="{ color: '#722ed1' }"
/> />
</div>
<div class="sub-stats">
<a-statistic <a-statistic
title="完成配送用户数" title="完成配送用户数"
:value="dashboardData.has_order_completed_user_count || 0" :value="dashboardData.has_order_completed_user_count || 0"
:value-style="{ color: '#722ed1' }" :value-style="{ color: '#722ed1' }"
/> />
<a-statistic
title="付费用户数"
:value="dashboardData.has_paid_user_count || 0"
:value-style="{ color: '#722ed1' }"
/>
</div>
<div class="sub-stats">
<a-statistic <a-statistic
title="今日增加用户" title="今日增加用户"
:value="dashboardData.today_user_count || 0" :value="dashboardData.today_user_count || 0"
:value-style="{ color: '#722ed1' }" :value-style="{ color: '#722ed1' }"
/> />
<a-statistic
title="昨日增加用户"
:value="dashboardData.yesterday_user_count || 0"
:value-style="{ color: '#722ed1' }"
/>
</div> </div>
</a-card> </a-card>
</a-col> </a-col>
@ -80,25 +71,6 @@
:value-style="{ color: '#fa8c16' }" :value-style="{ color: '#fa8c16' }"
/> />
</div> </div>
<div class="sub-stats">
<a-statistic
title="已付费订单数"
:value="dashboardData.order_pay_count || 0"
:value-style="{ color: '#fa8c16' }"
/>
<a-statistic
title="未支付订单数"
:value="dashboardData.order_unpaid_count || 0"
:value-style="{ color: '#fa8c16' }"
/>
<a-statistic
title="付费率"
:value="paymentRate"
:precision="1"
suffix="%"
:value-style="{ color: '#fa8c16' }"
/>
</div>
<div class="sub-stats"> <div class="sub-stats">
<a-statistic <a-statistic
title="今日订单数" title="今日订单数"
@ -146,22 +118,6 @@
:value-style="{ color: '#52c41a' }" :value-style="{ color: '#52c41a' }"
/> />
</div> </div>
<div class="sub-stats">
<a-statistic
title="已付费金额"
:value="dashboardData.pay_amount || 0"
:precision="1"
prefix="¥"
:value-style="{ color: '#52c41a' }"
/>
<a-statistic
title="未支付金额"
:value="dashboardData.unpaid_amount || 0"
:precision="1"
prefix="¥"
:value-style="{ color: '#52c41a' }"
/>
</div>
<div class="sub-stats"> <div class="sub-stats">
<a-statistic <a-statistic
title="今日订单金额" title="今日订单金额"
@ -686,21 +642,6 @@ export default defineComponent({
font-size: 20px; font-size: 20px;
} }
.main-stat {
margin-bottom: 12px;
:deep(.ant-statistic-title) {
font-size: 13px;
color: rgba(0, 0, 0, 0.65);
margin-bottom: 6px;
}
:deep(.ant-statistic-content) {
font-size: 26px;
font-weight: 600;
}
}
.main-stat-row { .main-stat-row {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -715,6 +656,10 @@ export default defineComponent({
} }
} }
.main-stat-row .main-stat:last-child :deep(.ant-statistic-content) {
text-align: right;
}
.sub-stats { .sub-stats {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -746,6 +691,14 @@ export default defineComponent({
} }
} }
.sub-stats :deep(.ant-statistic:last-child) .ant-statistic-content {
text-align: right;
}
.sub-stats :deep(.ant-statistic:last-child) .ant-statistic-title {
text-align: right;
}
.daily-stats-section { .daily-stats-section {
background: white; background: white;
border-radius: 8px; border-radius: 8px;