From aa4d5213eb1f3ed762462d829956303d914139d6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=BB=9D=E5=B0=98?= <237809796@qq.com>
Date: Tue, 30 Jun 2026 22:00:14 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E:=20=E9=A1=B9=E7=9B=AE?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E6=98=BE=E7=A4=BA=E5=B7=A5=E7=A8=8B=E6=95=B0?=
 =?UTF-8?q?(=E5=BC=82=E6=AD=A5=E6=8B=89=E5=8F=96=20module=20=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- ProjectCard 底部新增工程数统计(📁 N),异步拉取不阻塞卡片渲染
- 老项目无工程记录显示 0(不报错,与 list_project_modules 自动补建兼容)
---
 src/components/project/ProjectCard.vue | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/components/project/ProjectCard.vue b/src/components/project/ProjectCard.vue
index 04c83c5..7696262 100644
--- a/src/components/project/ProjectCard.vue
+++ b/src/components/project/ProjectCard.vue
@@ -14,6 +14,10 @@
 
     <!-- 底部信息 -->
     <div class="card-footer">
+      <div class="footer-stat">
+        <span class="stat-icon">📁</span>
+        <span>{{ moduleCount }}</span>
+      </div>
       <div class="footer-stat">
         <span class="stat-icon">📅</span>
         <span>{{ formatDate(project.created_at) }}</span>
@@ -35,18 +39,29 @@
 // 项目列表卡片 — 从 Projects.vue 抽出(单卡片渲染 + 导航 + 删除触发)。
 // 依赖均为无副作用纯函数 + 共享常量;删除走 emit 交回父组件处理(confirm 弹层 + store 调用)。
 import { useRouter } from 'vue-router'
+import { ref, onMounted } from 'vue'
 import { formatDate } from '@/utils/time'
 import { parseStack } from '@/utils/project'
 import { stripMd } from '@/utils/markdown'
+import { moduleApi } from '@/api/module'
 import { projectStatusLabel as statusLabel, projectBadgeClass as stageClass } from '@/constants/project'
 import type { ProjectRecord } from '@/api/types'
 
-defineProps<{ project: ProjectRecord }>()
+const props = defineProps<{ project: ProjectRecord }>()
 const emit = defineEmits<{
   (e: 'delete', project: ProjectRecord): void
 }>()
 
 const router = useRouter()
+
+// 工程数(异步拉取,展示在卡片底部)
+const moduleCount = ref(0)
+onMounted(async () => {
+  try {
+    const list = await moduleApi.listProjectModules(props.project.id)
+    moduleCount.value = list.length
+  } catch { /* 老项目无工程记录不报错 */ }
+})
 </script>
 
 <style scoped>