1

app/components/StatsSection.vue

@@ -0,0 +1,45 @@
+<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>
+