赋能场景详情完善

front/src/views/home/integrationServicesDetails.vue

@@ -63,37 +63,38 @@
       <div class="title-1">
         <DetalsTitle title="使用能力" type="ABILITY"></DetalsTitle>
       </div>
-      <template v-for="(item, i) in combineList" :key="i">
+        <div class="flex-row-center combine-content" v-for="(item, i) in combineList" :key="i">
-        <div class="flex-row-center combine-content" v-if="item.list.length>0">
+          <div class="title"></div>
-          <div class="title">{{item.title}}</div>
           <div>
             <el-table
+              class="table"
               :data="item.list"
               stripe
-              style="width: 100%"
+              :header-cell-style="{'text-align': 'center'}">
-              :header-cell-style="{'text-align': 'center'}"
-              @row-click="openResourceDetail">
               <el-table-column
                 prop="name"
                 label="数据"
                 align="center"
-                width="100">
+                width="200"
+                show-overflow-tooltip="true">
               </el-table-column>
               <el-table-column
                 prop="dept"
                 label="能力来源"
                 align="center"
-                width="180">
+                width="300"
+                show-overflow-tooltip="true">
               </el-table-column>
               <el-table-column
                 prop="platform"
                 label="申请平台"
-                align="center">
+                align="center"
+                width="100"
+                show-overflow-tooltip="true">
               </el-table-column>
             </el-table>
           </div>
         </div>
-      </template>
     </div>
 
     <!-- 构建步骤 -->
@@ -105,14 +106,11 @@
         <DetalsTitle title="构建步骤" type="STEP"></DetalsTitle>
       </div>
       <div class="flex-row-center step-content">
-        <div style="height: 300px;">
+        <el-steps direction="vertical" :space="150" :active="step.length">
-          <el-steps direction="vertical" :active="step.length">
           <el-step v-for="(item, i) in step" :key="i" :title="item.question" :description="item.answer"></el-step>
         </el-steps>
       </div>
     </div>
-    </div>
-
     <home-footer></home-footer>
   </div>
 </template>
@@ -271,7 +269,7 @@
               }))
             }else if(item.title==='数据资源'){
               arr=resource.map(res=>({
-                id: res.resource.zycode, name: res.resource.zyname, dept: res.resource.TGBM, platform: 'UCS'
+                id: res.resource.zycode, name: res.resource.zyname, dept: res.resource.TGBM, platform: '共享交换平台'
               }))
             }
           }
@@ -288,10 +286,6 @@
   }
   getIntegrationServicesDeatil(id)
 
-  function openResourceDetail(row, column, event){
-    console.log(row)
-  }
-
   function handleOpenUrl(type) {
     let obj =
       (detailInfoObj.value.fuseAttrList || []).find(
@@ -467,17 +461,20 @@
     padding: 0.8rem 0;
     background: rgb(247, 248, 250);
     .bg {
-        height: 2rem;
+        height: 3rem;
-        width: 2rem;
+        width: 3rem;
         background: url('~@/assets/home/rhfw_square.png') no-repeat;
         background-size: 100%;
         margin-top: 0.3rem;
     }
     .content {
-        height: 2rem;
+        overflow: auto;
+        height: 3rem;
         width: 6rem;
+        margin-top: 0.3rem;
         .content-item {
-          margin: 0.1rem;
+          font-size: 16px;
+          margin: 0rem 0rem 0.1rem 0.1rem;
         }
     }
   }
@@ -486,9 +483,9 @@
     padding: 0.8rem 0;
     background: rgb(247, 248, 250);
     .content {
-        height: 2rem;
+        width: 9rem;
-        width: 8rem;
         .content-item {
+          font-size: 16px;
           margin: 0.3rem;
         }
     }
@@ -499,6 +496,12 @@
     background: rgb(247, 248, 250);
     .step-content {
       margin-top: 0.3rem;
+      /deep/ .el-step__title {
+        font-size: 16px;
+      }
+      /deep/ .el-step__description {
+        font-size: 14px;
+      }
     }
   }
 
@@ -514,12 +517,16 @@
       margin-top: 0.3rem;
       align-items: flex-start;
       .title {
-        height: 2rem;
+        height: 3rem;
-        width: 2rem;
+        width: 3rem;
         margin-right: 0.5rem;
         background: url('~@/assets/home/rhfw_square.png') no-repeat;
         background-size: 100%;
       }
+      .table {
+        width: 100%;
+        font-size: 16px
+      }
     }
 
     .name-box {