赋能场景

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,8 +84,16 @@
         class="flex-row-center combine-content"
         v-for="(item, i) in combineList"
         :key="i"
+        style="display: block"
       >
-        <div class="title"></div>
+        <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"
@@ -118,6 +126,7 @@
           </div>
         </div>
       </div>
+    </div>
 
     <!-- 构建步骤 -->
     <div id="integration-step" class="step scrollBox" style="background: #eee">
@@ -317,7 +326,28 @@
               }))
             }
           }
+          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;