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

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

@@ -2,9 +2,9 @@
   <div style="padding: 0 30px">
     <baseTitle title="表格更新"></baseTitle>
     <el-form :model="tableForm" ref="form">
-      <el-row gutter="20">
+      <el-row gutter="30">
         <el-col :span="6">
-          <el-form-item prop="projectName" label="项目名称"  label-width="95">
+          <el-form-item prop="projectName" label="项目名称" label-width="95">
             <span>{{ tableForm.projectName }}</span>
           </el-form-item>
         </el-col>
@@ -17,7 +17,7 @@
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item prop="startTime" label="项目开始时间" >
+          <el-form-item prop="startTime" label="项目开始时间">
             <el-date-picker
                 v-model="tableForm.startTime"
                 type="date"
@@ -43,7 +43,7 @@
           </el-form-item>
         </el-col>
         <el-col :span="24">
-          <el-form-item prop="projectDevelopmentWay" label="项目开展方式" style="width: 100%" >
+          <el-form-item prop="projectDevelopmentWay" label="项目开展方式" style="width: 100%">
             <el-input v-model="tableForm.projectDevelopmentWay" placeholder="请输入项目开展方式" clearable>
             </el-input>
           </el-form-item>
@@ -57,7 +57,7 @@
         <el-col :span="6">
           <el-form-item prop="projectCompletionRate" label="完成率(%)" label-width="95">
             <el-input-number v-model="tableForm.projectCompletionRate" placeholder="请输入项目总体完成率" min="0" max="100"
-                             :controls="false" style="width: 200px">
+                             :controls="false">
             </el-input-number>
           </el-form-item>
         </el-col>
@@ -158,7 +158,7 @@ getBaseInfo()
 const init = async () => {
   const {code, msg, data} = await searchUpdateLedgerData(route.query.id)
   tableForm.value = data
-  if(data.projectChargePersonName){
+  if (data.projectChargePersonName) {
     let userObj = {
       id: data.projectChargePerson,
       name: data.projectChargePersonName,
@@ -178,6 +178,16 @@ const init = async () => {
 init()
 </script>
 
-<style scoped>
+<style scoped lang="scss">
+:deep(.el-input-number) {
+  width: 100%;
+
+  .el-input__inner {
+    text-align: left;
+  }
+}
+:deep(.el-date-editor--date) {
+  width: 100%;
+}
 
 </style>