新增图谱功能及验收清单

ruoyi-ui/src/views/ccdiProject/components/detail/SpecialCheck.vue

@@ -22,22 +22,7 @@
         @evidence-confirm="$emit('evidence-confirm', $event)"
       />
 
-      <section class="graph-placeholder-card">
-        <div class="graph-placeholder-header">
-          <div>
-            <div class="graph-placeholder-title">图谱外链展示</div>
-            <div class="graph-placeholder-subtitle">用于后续接入外链图谱页面</div>
-          </div>
-          <el-tag size="mini" type="info" effect="plain">占位中</el-tag>
-        </div>
-
-        <div class="graph-placeholder-body">
-          <div class="graph-placeholder-text">
-            当前卡片用于预留专项核查图谱入口，后续接入外链地址后可在此直接跳转展示。
-          </div>
-          <el-button type="primary" size="small" disabled>待接入</el-button>
-        </div>
-      </section>
+      <fund-graph-section ref="fundGraphSection" />
     </div>
 
     <div v-if="projectId" class="special-check-extended-wrapper">
@@ -51,12 +36,14 @@ import { createSpecialCheckLoadedData, specialCheckStateData } from "./specialCh
 import { getFamilyAssetLiabilityList } from "@/api/ccdi/projectSpecialCheck";
 import ExtendedQuerySection from "./ExtendedQuerySection";
 import FamilyAssetLiabilitySection from "./FamilyAssetLiabilitySection";
+import FundGraphSection from "./graph/FundGraphSection";
 
 export default {
   name: "SpecialCheck",
   components: {
     ExtendedQuerySection,
     FamilyAssetLiabilitySection,
+    FundGraphSection,
   },
   props: {
     projectId: {
@@ -155,52 +142,6 @@ export default {
   min-height: 400px;
 }
 
-.graph-placeholder-card {
-  margin-top: 16px;
-  min-height: 500px;
-  padding: 20px;
-  background: #fff;
-  border: 1px solid var(--ccdi-border);
-  border-radius: 14px;
-  box-shadow: var(--ccdi-shadow);
-}
-
-.graph-placeholder-header {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 16px;
-}
-
-.graph-placeholder-title {
-  font-size: 16px;
-  font-weight: 600;
-  color: var(--ccdi-text-primary);
-}
-
-.graph-placeholder-subtitle {
-  margin-top: 4px;
-  font-size: 12px;
-  color: var(--ccdi-text-muted);
-}
-
-.graph-placeholder-body {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  margin-top: 18px;
-  padding: 16px 18px;
-  border: 1px dashed #d9e3ee;
-  background: #f8fbfe;
-}
-
-.graph-placeholder-text {
-  font-size: 14px;
-  line-height: 22px;
-  color: var(--ccdi-text-secondary);
-}
-
 .special-check-extended-wrapper {
   margin-top: 16px;
 }