持续优化

frontend/src/views/home/index.vue

@@ -12,6 +12,7 @@
       </div>
     </el-card>
 
+    <!-- 快捷入口 -->
     <div class="home-links">
       <el-card
         v-for="item in quickLinks"
@@ -29,20 +30,86 @@
         </div>
       </el-card>
     </div>
+
+    <!-- 今日新增数据 -->
+    <el-card class="home-today-card-wrapper">
+      <template #header>
+        <h2 class="home-today-title">今日新增</h2>
+      </template>
+
+      <div class="home-today-grid">
+        <!-- 今日新增型号 -->
+        <el-card class="home-today-card">
+          <template #header>
+            <div class="home-card-header">
+              <span class="home-card-title">
+                <el-icon><List /></el-icon>
+                新增型号
+              </span>
+              <el-tag size="small" type="primary">{{ todayModels.length }}</el-tag>
+            </div>
+          </template>
+          <div v-if="todayLoading" class="home-today-loading">
+            <el-icon class="is-loading"><Loading /></el-icon>
+          </div>
+          <div v-else-if="todayModels.length === 0" class="home-today-empty">
+            暂无新增
+          </div>
+          <ul v-else class="home-today-list">
+            <li v-for="item in todayModels" :key="item.id" class="home-today-item">
+              <span class="home-today-item-text">{{ item.brand_name }} {{ item.name }}</span>
+              <span class="home-today-item-time">{{ formatTime(item.create_at) }}</span>
+            </li>
+          </ul>
+        </el-card>
+
+        <!-- 今日新增 OTA -->
+        <el-card class="home-today-card">
+          <template #header>
+            <div class="home-card-header">
+              <span class="home-card-title">
+                <el-icon><Upload /></el-icon>
+                新增 OTA
+              </span>
+              <el-tag size="small" type="success">{{ todayOtas.length }}</el-tag>
+            </div>
+          </template>
+          <div v-if="todayLoading" class="home-today-loading">
+            <el-icon class="is-loading"><Loading /></el-icon>
+          </div>
+          <div v-else-if="todayOtas.length === 0" class="home-today-empty">
+            暂无新增
+          </div>
+          <ul v-else class="home-today-list">
+            <li v-for="item in todayOtas" :key="item.id" class="home-today-item">
+              <span class="home-today-item-text">{{ item.verName }} · {{ item.model }}</span>
+              <span class="home-today-item-time">{{ formatTime(item.create_at) }}</span>
+            </li>
+          </ul>
+        </el-card>
+      </div>
+    </el-card>
+
+    
   </div>
 </template>
 
 <script setup>
-import { computed } from 'vue'
+import { computed, ref, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
-import { House, Collection, List, Document, Share } from '@element-plus/icons-vue'
+import { House, Collection, List, Document, Share, Upload, Loading } from '@element-plus/icons-vue'
 import { getUser } from '@/utils/auth'
+import { getTodayStats } from '@/api/dashboard'
 
 defineOptions({ name: 'Home' })
 
 const router = useRouter()
 const username = computed(() => getUser()?.username || '')
 
+const todayLoading = ref(false)
+const todayModels = ref([])
+const todayOtas = ref([])
+
 const quickLinks = [
   { path: '/brand', title: '耳机品牌管理', desc: '维护耳机品牌信息', icon: Collection },
   { path: '/model', title: '耳机型号管理', desc: '维护耳机型号与配置', icon: List },
@@ -50,9 +117,35 @@ const quickLinks = [
   { path: '/share-code/log', title: '分享日志', desc: '查看分享码使用记录', icon: Share }
 ]
 
+function formatTime(isoStr) {
+  if (!isoStr) return ''
+  const d = new Date(isoStr)
+  const pad = (n) => String(n).padStart(2, '0')
+  return `${pad(d.getHours())}:${pad(d.getMinutes())}`
+}
+
+async function loadTodayStats() {
+  todayLoading.value = true
+  try {
+    const res = await getTodayStats()
+    if (res.code === 1 && res.data) {
+      todayModels.value = res.data.models || []
+      todayOtas.value = res.data.otas || []
+    }
+  } catch (e) {
+    console.error('获取今日数据失败:', e)
+  } finally {
+    todayLoading.value = false
+  }
+}
+
 function go(path) {
   router.push(path)
 }
+
+onMounted(() => {
+  loadTodayStats()
+})
 </script>
 
 <style scoped>
@@ -98,6 +191,99 @@ function go(path) {
   color: #94a3b8;
 }
 
+/* 今日新增 */
+.home-today-title {
+  margin: 0;
+  font-size: 18px;
+  font-weight: 600;
+  color: #e2e8f0;
+}
+
+.home-today-card-wrapper {
+  max-width: 760px;
+}
+
+.home-today-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 16px;
+}
+
+.home-card-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.home-card-title {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 15px;
+  font-weight: 600;
+  color: #e2e8f0;
+}
+
+.home-card-title .el-icon {
+  color: #7dd3fc;
+}
+
+.home-today-loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 32px 0;
+  color: #94a3b8;
+}
+
+.home-today-loading .el-icon {
+  font-size: 24px;
+}
+
+.home-today-empty {
+  text-align: center;
+  padding: 24px 0;
+  color: #64748b;
+  font-size: 14px;
+}
+
+.home-today-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  max-height: 280px;
+  overflow-y: auto;
+}
+
+.home-today-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 12px;
+  border-radius: 8px;
+  transition: background-color 0.15s;
+}
+
+.home-today-item:hover {
+  background: rgba(148, 163, 184, 0.08);
+}
+
+.home-today-item-text {
+  font-size: 14px;
+  color: #cbd5e1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.home-today-item-time {
+  flex-shrink: 0;
+  font-size: 12px;
+  color: #64748b;
+  margin-left: 12px;
+}
+
+/* 快捷入口 */
 .home-links {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));