diff --git a/front/src/assets/home/fn/cjtd.png b/front/src/assets/home/fn/cjtd.png
new file mode 100644
index 00000000..4de0df2d
Binary files /dev/null and b/front/src/assets/home/fn/cjtd.png differ
diff --git a/front/src/assets/home/fn/jcss.png b/front/src/assets/home/fn/jcss.png
new file mode 100644
index 00000000..0ecceed4
Binary files /dev/null and b/front/src/assets/home/fn/jcss.png differ
diff --git a/front/src/assets/home/fn/sjzy.png b/front/src/assets/home/fn/sjzy.png
new file mode 100644
index 00000000..5d0ade2d
Binary files /dev/null and b/front/src/assets/home/fn/sjzy.png differ
diff --git a/front/src/assets/home/fn/zjfw.png b/front/src/assets/home/fn/zjfw.png
new file mode 100644
index 00000000..34af25eb
Binary files /dev/null and b/front/src/assets/home/fn/zjfw.png differ
diff --git a/front/src/views/home/integrationServicesDetails.vue b/front/src/views/home/integrationServicesDetails.vue
index fb51f267..6fd62544 100644
--- a/front/src/views/home/integrationServicesDetails.vue
+++ b/front/src/views/home/integrationServicesDetails.vue
@@ -30,7 +30,7 @@
         <DetalsTitle title="场景痛点" type="PAIN POINT"></DetalsTitle>
       </div>
       <div class="flex-row-center">
-        <div class="bg"></div>
+        <div class="bg cjtd"></div>
         <div class="content" style="margin-left: 0.5rem">
           <div
             class="content-item"
@@ -84,37 +84,46 @@
         class="flex-row-center combine-content"
         v-for="(item, i) in combineList"
         :key="i"
+        style="display: block"
       >
-        <div class="title"></div>
-        <div>
-          <el-table
-            class="table"
-            :data="item.list"
-            stripe
-            :header-cell-style="{ 'text-align': 'center' }"
-          >
-            <el-table-column
-              prop="name"
-              label="数据"
-              align="center"
-              width="200"
-              show-overflow-tooltip="true"
-            ></el-table-column>
-            <el-table-column
-              prop="dept"
-              label="能力来源"
-              align="center"
-              width="300"
-              show-overflow-tooltip="true"
-            ></el-table-column>
-            <el-table-column
-              prop="platform"
-              label="申请平台"
-              align="center"
-              width="100"
-              show-overflow-tooltip="true"
-            ></el-table-column>
-          </el-table>
+        <div
+          class="top"
+          style="font-size: 0.24rem; text-align: center; margin-bottom: 0.3rem"
+        >
+          {{ i == 0 ? '基础设施' : i == 1 ? '组件服务' : '数据资源' }}
+        </div>
+        <div class="bottom" style="display: flex; align-items: flex-start">
+          <div class="title" :class="'title' + i"></div>
+          <div>
+            <el-table
+              class="table"
+              :data="item.list"
+              stripe
+              :header-cell-style="{ 'text-align': 'center' }"
+            >
+              <el-table-column
+                prop="name"
+                label="数据"
+                align="center"
+                width="200"
+                show-overflow-tooltip="true"
+              ></el-table-column>
+              <el-table-column
+                prop="dept"
+                label="能力来源"
+                align="center"
+                width="300"
+                show-overflow-tooltip="true"
+              ></el-table-column>
+              <el-table-column
+                prop="platform"
+                label="申请平台"
+                align="center"
+                width="100"
+                show-overflow-tooltip="true"
+              ></el-table-column>
+            </el-table>
+          </div>
         </div>
       </div>
     </div>
@@ -317,7 +326,28 @@
               }))
             }
           }
-          item.list = arr
+          if (item.title === '数据资源') {
+            item.list.push({
+              id: '数据资源1',
+              name: '城管案件数据',
+              dept: '市城管局',
+              platform: '政务信息共享交换网',
+            })
+            item.list.push({
+              id: '数据资源2',
+              name: '手机信令数据',
+              dept: '运营商（移动）',
+              platform: '政务信息共享交换网',
+            })
+            item.list.push({
+              id: '数据资源3',
+              name: '标准地址数据',
+              dept: '市自规局',
+              platform: '政务信息共享交换网',
+            })
+          } else {
+            item.list = arr
+          }
         })
         detailInfoObj.value.infoList = []
         detailInfoObj.value.infoList.push(questionObj)
@@ -511,6 +541,12 @@
       background-size: 100%;
       margin-top: 0.3rem;
     }
+    .cjtd {
+      width: 5.75rem;
+      height: 3.4rem;
+      background: url('~@/assets/home/fn/cjtd.png') no-repeat;
+      background-size: 100%;
+    }
     .content {
       overflow: auto;
       height: 3rem;
@@ -568,7 +604,7 @@
       margin-top: 0.3rem;
       align-items: flex-start;
       border-bottom: 1px solid #ccc;
-      margin: 0.2rem 4.8rem;
+      margin: 0.2rem 4rem 0;
       padding: 0.2rem 0;
       .title {
         height: 3rem;
@@ -577,6 +613,24 @@
         background: url('~@/assets/home/rhfw_square.png') no-repeat;
         background-size: 100%;
       }
+      .title0 {
+        width: 5.6rem;
+        height: 3.45rem;
+        background: url('~@/assets/home/fn/jcss.png') no-repeat;
+        background-size: 100%;
+      }
+      .title1 {
+        width: 5.6rem;
+        height: 3.45rem;
+        background: url('~@/assets/home/fn/zjfw.png') no-repeat;
+        background-size: 100%;
+      }
+      .title2 {
+        width: 5.6rem;
+        height: 3.45rem;
+        background: url('~@/assets/home/fn/sjzy.png') no-repeat;
+        background-size: 100%;
+      }
       .table {
         width: 100%;
         font-size: 16px;