46 lines
1.1 KiB
Vue
46 lines
1.1 KiB
Vue
<template>
|
|
<div class="stats-section">
|
|
<h2 class="page-title">统计信息</h2>
|
|
<div class="stats-grid">
|
|
<div class="stat-card">
|
|
<div class="stat-label">今日投递</div>
|
|
<div class="stat-value">{{ stats.todayCount || 0 }}</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-label">本周投递</div>
|
|
<div class="stat-value">{{ stats.weekCount || 0 }}</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-label">本月投递</div>
|
|
<div class="stat-value">{{ stats.monthCount || 0 }}</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-label">累计投递</div>
|
|
<div class="stat-value">{{ stats.totalCount || 0 }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'StatsSection',
|
|
props: {
|
|
stats: {
|
|
type: Object,
|
|
default: () => ({
|
|
todayCount: 0,
|
|
weekCount: 0,
|
|
monthCount: 0,
|
|
totalCount: 0
|
|
})
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
// 样式已经在全局 CSS 中定义
|
|
</style>
|
|
|