批量优化产品和产品分类

backend/src/views/apps/crm/project/components/detail.vue

@@ -37,6 +37,16 @@
           />
         </el-tab-pane>
 
+        <!-- 合同管理（一个项目可关联多份合同，横向 Tab 切换查看） -->
+        <el-tab-pane :label="`合同管理 (${counts.contract})`" name="contract">
+          <DetailContract
+            ref="contractRef"
+            :project-id="project.id"
+            :project-name="project.project_name || ''"
+            @count="counts.contract = $event"
+          />
+        </el-tab-pane>
+
         <!-- 附件（链路累积：线索 + 商机 + 项目） -->
         <el-tab-pane :label="`附件 (${counts.attach})`" name="attach">
           <DetailAttach
@@ -73,6 +83,7 @@ import { ref, reactive, watch } from "vue";
 import DetailBasic from "./detail_basic.vue";
 import DetailContact from "./detail_contact.vue";
 import DetailFollow from "./detail_follow.vue";
+import DetailContract from "./detail_contract.vue";
 import DetailAttach from "./detail_attach.vue";
 import DetailDocs from "./detail_docs.vue";
 import DetailLog from "./detail_log.vue";
@@ -87,10 +98,11 @@ const emit = defineEmits(["update:visible", "refresh"]);
 const RELATED_TYPE = 3;
 
 const activeTab = ref("basic");
-const counts = reactive({ contact: 0, follow: 0, attach: 0, docs: 0 });
+const counts = reactive({ contact: 0, follow: 0, contract: 0, attach: 0, docs: 0 });
 
 const contactRef = ref();
 const followRef = ref();
+const contractRef = ref();
 const attachRef = ref();
 const docsRef = ref();
 const logRef = ref();
@@ -102,6 +114,7 @@ watch(
       activeTab.value = "basic";
       counts.contact = 0;
       counts.follow = 0;
+      counts.contract = 0;
       counts.attach = 0;
       counts.docs = 0;
     }
@@ -117,6 +130,7 @@ function loadAll() {
   if (!props.project?.id) return;
   contactRef.value?.reload();
   followRef.value?.reload();
+  contractRef.value?.reload();
   attachRef.value?.reload();
   docsRef.value?.reload();
   logRef.value?.reload();