fix : 修复详情排版

src/components/DetailComponent/CollectionDetail.vue

@@ -1,9 +1,8 @@
 <template>
-  <div v-loading="loading">
+  <div v-loading="loading" :style="type==='singleDetail'?'padding: 0 30px':''">
     <baseTitle title="需求征集信息" v-if="type!=='singleDetail'"></baseTitle>
     <el-form :model="formData" >
-      <el-row gutter="20">
-<!--        v-if="type==='singleDetail'"-->
+      <el-row gutter="20" style="margin-left: 5px">
         <el-col :span="6">
           <el-form-item label="征集名称">
             <span>{{ formData.requirementName }}</span>
@@ -34,24 +33,17 @@
             </div>
           </el-form-item>
         </el-col>
-        <el-col :span="24"  style="margin-bottom: -15px">
+        <el-col :span="24" style="margin-bottom: -15px">
           <el-form-item label="征集说明">
             <div v-if="formData.collectExplain" v-html="formData.collectExplain">
             </div>
             <div v-else>--</div>
           </el-form-item>
         </el-col>
-<!--        <el-col :span="24" style="margin-top: -15px;margin-bottom: -15px">-->
-<!--          <baseTitle title="征集说明"></baseTitle>-->
-<!--          <el-form-item>-->
-<!--            <el-card style="width: 100%">-->
-<!--              <div v-html="formData.collectExplain">-->
-<!--              </div>-->
-<!--            </el-card>-->
-<!--          </el-form-item>-->
-<!--        </el-col>-->
+      </el-row>
+      <el-row>
         <el-col :span="24">
-          <baseTitle v-if="fileListShow === 'READ' || fileListShow === 'EDIT'" title="附件列表"> </baseTitle>
+          <baseTitle v-if="fileListShow === 'READ' || fileListShow === 'EDIT'" title="附件列表" style="margin-bottom: 0"></baseTitle>
           <file-component title="" tag="需求征集"
                           v-model:value="formData.fileList" :processViewer="processViewer"
                           :file-list-show="fileListShow"/>

src/components/DetailComponent/FileComponent.vue

@@ -196,4 +196,19 @@ watch(() => props.processViewer, (newVal) => {
 :deep(.el-table--fit ) {
   height: 162px !important;
 }
+:deep(.el-table__header) {
+  .is-leaf:first-child {
+    .cell {
+      margin-left: -25px !important;
+    }
+  }
+}
+
+:deep(.el-table__body) {
+  .el-table__cell:first-child {
+    .cell {
+      margin-left: -13px !important;
+    }
+  }
+}
 </style>

src/components/DetailComponent/SummaryDetail.vue

@@ -317,22 +317,6 @@ getFundOptions()
 </script>
 
 <style scoped lang="scss">
-:deep(.el-table__header) {
-  .is-leaf:first-child {
-    .cell {
-      margin-left: -25px !important;
-    }
-  }
-}
-
-:deep(.el-table__body) {
-  .el-table__cell:first-child {
-    .cell {
-      margin-left: -13px !important;
-    }
-  }
-}
-
 .detail-block {
   overflow-x: hidden;
   overflow-y: auto;

src/components/DetailComponent/singleFileComponent.vue

@@ -192,4 +192,19 @@ watch(() => props.processViewer, (newVal) => {
 :deep(.el-table--fit ) {
   height: 80px !important;
 }
+:deep(.el-table__header) {
+   .is-leaf:first-child {
+     .cell {
+       margin-left: -25px !important;
+     }
+   }
+ }
+
+:deep(.el-table__body) {
+  .el-table__cell:first-child {
+    .cell {
+      margin-left: -13px !important;
+    }
+  }
+}
 </style>