fix : 修改表格高度,页面左右边距,上传文件不能和标题并排

src/views/project-management/implementation/upload.vue

@@ -1,12 +1,13 @@
 <template>
   <div style="padding: 0 30px">
     <baseTitle title="项目基本信息"></baseTitle>
-    <fvForm :schema="schema" @getInstance="(e)=>baseForm = e" label-position="left" label-width="left" style="margin-left: 15px"></fvForm>
-    <baseTitle title="项目实施-上传附件" style="margin-bottom: 15px"></baseTitle>
+    <fvForm :schema="schema" @getInstance="(e)=>baseForm = e" label-position="left" label-width="left"
+            style="margin-left: 15px;margin-bottom: -18px"></fvForm>
+    <baseTitle title="项目实施-上传附件" ></baseTitle>
     <el-form :model="formData" ref="tagForm" label-width="auto">
       <el-form-item label="标签名称" prop="tagName" style="margin-left: 15px;">
         <el-input v-model="formData.tagName" placeholder="请输入标签名称" style="width: 300px" v-if="showInput" clearable/>
-        <el-select v-model="formData.tagName" placeholder="请选择标签名称" clearable filterable style="width: 300px" v-else>
+        <el-select v-model="formData.tagName" placeholder="请选择标签名称" clearable filterable style="width: 300px;margin-right: 10px" v-else>
           <el-option
               v-for="item in tagsOption"
               :key="item.value"
@@ -17,10 +18,8 @@
         <el-button type="primary" link @click="changeInput">{{ showInput ? '选择' : '输入' }}</el-button>
       </el-form-item>
     </el-form>
-    <div style="display: flex; align-items: center;margin-top: -5px">
-      <baseTitle title="其他文件" style="margin-right: 10px;"></baseTitle>
-      <file-upload @getFile="getFile" :disabled="!formData.tagName" :title="!formData.tagName?'请先选择/输入标签！':''"/>
-    </div>
+<!--    <baseTitle title="其他文件"></baseTitle>-->
+    <file-upload @getFile="getFile" :disabled="!formData.tagName" :title="!formData.tagName?'请先选择/输入标签！':''"/>
     <fvTable style="width: 100%;max-height: 300px;" v-if="showTable" height="300" :tableConfig="tableConfig"
              :data="fileList" :isSettingCol="false" :pagination="false">
       <template #empty>
@@ -45,6 +44,7 @@ import {downloadFile, deleteFile} from "@/api/project-demand";
 import {useCacheStore} from '@/stores/cache.js'
 
 import {toThousands} from '@/utils/changePrice.js'
+
 const cacheStore = useCacheStore()
 const tagsViewStore = useTagsView()
 const route = useRoute()
@@ -189,7 +189,7 @@ const schema = computed(() => {
           <div>
             {
               baseFormData.value?.economicEstimate ?
-                  <span>{ toThousands(baseFormData.value?.economicEstimate )}</span>
+                  <span>{toThousands(baseFormData.value?.economicEstimate)}</span>
                   : <span>{'--'}</span>
             }
           </div>
@@ -377,14 +377,15 @@ const changeInput = () => {
 const getTagsOption = () => {
   if (!route.query.projectId) return
   getTags(route.query.projectId).then(res => {
-    ElNotification({
-      title: '提示',
-      message: res.msg,
-      type: res.code === 1000 ? 'success' : 'error'
-    })
     if (res.code === 1000) {
       showInput.value = res.data.length === 0;
       tagsOption.value = res.data
+    }else{
+      ElNotification({
+        title: '提示',
+        message: res.msg,
+        type: 'error'
+      })
     }
   })
 }
@@ -473,8 +474,24 @@ const handleSubmit = async (instance) => {
 getTagsOption()
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 :deep(.el-table--fit ) {
   height: 300px !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>