fix : 修复专项资金详情排版

src/components/DetailComponent/SpecialFundDetail.vue

@@ -1,35 +1,34 @@
 <template>
-  <div v-loading="loading">
+  <div v-loading="loading" style="padding: 0 40px">
     <baseTitle title="专项资金详情"></baseTitle>
-    <el-form :model="formData" ref="form" label-width="auto">
-      <el-row>
-        <el-col :span="12">
+    <el-form :model="formData" ref="form" >
+      <el-row style="margin-left: 15px;margin-bottom: -18px">
+        <el-col :span="6">
           <el-form-item label="专项名称">
             <span>{{ formData.name }}</span>
           </el-form-item>
         </el-col>
-        <el-col :span="12">
+        <el-col :span="6">
           <el-form-item label="金额(元)">
             <span>{{ toThousands(formData.fundAmount) }}</span>
           </el-form-item>
         </el-col>
-        <el-col :span="24">
+        <el-col :span="6">
           <el-form-item label="剩余金额(元)">
             <span>{{ toThousands(formData.residualAmount) }}</span>
           </el-form-item>
         </el-col>
-        <baseTitle title="介绍"></baseTitle>
         <el-col :span="24">
-          <el-form-item>
-            <el-card style="width: 100%">
+          <el-form-item label="专项资金情况说明" >
               <div style="white-space: pre-wrap">{{formData.introduce}}
               </div>
-            </el-card>
           </el-form-item>
         </el-col>
+        </el-row>
+      <el-row style="margin-bottom: -18px">
         <baseTitle title="关联项目" v-if="!data.taskId"></baseTitle>
-        <el-col :span="24" v-if="!data.taskId">
-          <el-form-item>
+        <el-col :span="24" v-if="!data.taskId" >
+          <el-form-item >
             <fvTable style="width: 100%;max-height:162px" height="162" v-if="showTable" :tableConfig="projectTable"
                      :data="formData.projects" :isSettingCol="false" :pagination="false">
               <template #empty>
@@ -49,7 +48,7 @@
             </fvTable>
           </el-form-item>
         </el-col>
-        <el-col :span="24">
+        <el-col :span="24" style="margin-top: -18px">
           <div v-if="data.taskId">
             <baseTitle title="审核意见"></baseTitle>
             <el-form-item prop="auditOpinion">
@@ -255,4 +254,19 @@ watch(() => props.showTable, (newVal) => {
 :deep(.el-table--fit ) {
   height: 300px !important;
 }
+:deep(.el-table__header) {
+  .is-leaf:first-child {
+    .cell {
+      margin-left: -20px !important;
+    }
+  }
+}
+
+:deep(.el-table__body) {
+  .el-table__cell:first-child {
+    .cell {
+      margin-left: -10px !important;
+    }
+  }
+}
 </style>