diff --git a/front/src/views/home/integrationServicesDetails.vue b/front/src/views/home/integrationServicesDetails.vue
index 836ed89c..026d3919 100644
--- a/front/src/views/home/integrationServicesDetails.vue
+++ b/front/src/views/home/integrationServicesDetails.vue
@@ -92,9 +92,15 @@
       >
         <div
           class="top"
-          style="font-size: 0.24rem; text-align: center; margin-bottom: 0.3rem"
+          style="font-size: 0.24rem;text-align: center; margin-bottom: 0.3rem"
         >
           {{ i == 0 ? '基础设施' : i == 1 ? '组件服务' : '数据资源' }}
+        </div>
+         <div
+          class="data-count"
+          style="font-size: 0.14rem; text-align: right; margin-bottom: 0.2rem"
+        >
+         <span style="color:#909399;">共 {{ i == 0 ? infrastructureCount : i == 1 ? componentCount : dataSourceCount }}条数据,示例数据如下：</span>
         </div>
         <div class="bottom" style="display: flex; align-items: flex-start">
           <div class="title" :class="'title' + i"></div>
@@ -171,6 +177,9 @@
   const solution = ref([])
   const step = ref([])
   const bgImg = ref('')
+  const dataSourceCount = ref(0)
+  const infrastructureCount = ref(0)
+  const componentCount = ref(0)
   const id = router.currentRoute.value.query.id
   document.documentElement.style.transition = 'all 0.3s ease'
   document.documentElement.scrollTop = 0
@@ -283,6 +292,9 @@
           return message.error(res.data.msg)
         }
         detailInfoObj.value = res.data.data || {}
+        dataSourceCount.value = res.data.dataSourceCount || 0
+        infrastructureCount.value = res.data.infrastructureCount || 0
+        componentCount.value = res.data.componentCount || 0
         // 资源属性
         let fuseAttrList = res.data.data.fuseAttrList || []
         // 融合关系
@@ -667,6 +679,7 @@
         // width: 100%;
         font-size: 16px;
       }
+      .data-count{}
     }
 
     .name-box {