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

