修改样式

src/styles/app/element.scss

@@ -25,3 +25,8 @@
         background-color: var(--el-table-current-row-bg-color) !important;
     }
 }
+
+//表单不允许对齐
+.el-form-item.with-auto .el-form-item__label-wrap{
+    margin-right: 0 !important;
+}

src/views/project/admin/create.vue

@@ -6,12 +6,12 @@
         <el-form :model="baseForm" label-width="auto" :rules="baseFormRules" size="large" label-position="left">
             <el-row :gutter="20">
                 <el-col :span="12">
-                    <el-form-item label="项目名称:" prop="key1">
+                    <el-form-item label="项目名称:" prop="key1" class="with-auto">
                         <el-input v-model="baseForm.key1" placeholder="请输入" clearable />
                     </el-form-item>
                 </el-col>
                 <el-col :span="12">
-                    <el-form-item label="建设规模:" prop="key2">
+                    <el-form-item label="建设规模:" prop="key2" class="with-auto">
                         <el-input v-model="baseForm.key2" placeholder="请输入" clearable>
                             <template #append>
                                 <el-select v-model="unitSelect" placeholder="单位" style="width: 80px">
@@ -23,21 +23,21 @@
                     </el-form-item>
                 </el-col>
                 <el-col :span="6">
-                    <el-form-item label="项目阶段:" prop="key3">
+                    <el-form-item label="项目阶段:" prop="key3" class="with-auto">
                         <el-select v-model="baseForm.key3" placeholder="请选择">
                             <el-option v-for="item in stateOptions" :key="item.id" :label="item.dictValue" :value="item.id" />
                         </el-select>
                     </el-form-item>
                 </el-col>
                 <el-col :span="6">
-                    <el-form-item label="项目类型:" prop="key4">
+                    <el-form-item label="项目类型:" prop="key4" class="with-auto">
                         <el-select v-model="baseForm.key4" placeholder="请选择">
                             <el-option v-for="item in typeOptions" :key="item.id" :label="item.dictValue" :value="item.id" />
                         </el-select>
                     </el-form-item>
                 </el-col>
                 <el-col :span="6">
-                    <el-form-item label="总投资:" prop="key111">
+                    <el-form-item label="总投资:" prop="key111" class="with-auto">
                         <el-input
                             v-model="yearForm.key111" placeholder="请输入" clearable
                             :formatter="formatInput"
@@ -47,7 +47,7 @@
                     </el-form-item>
                 </el-col>
                 <el-col :span="6">
-                    <el-form-item label="十四五计划投资:" prop="key112">
+                    <el-form-item label="十四五计划投资:" prop="key112" class="with-auto">
                         <el-input
                             v-model="yearForm.key112" placeholder="请输入" clearable
                             :formatter="formatInput"
@@ -57,41 +57,41 @@
                     </el-form-item>
                 </el-col>
                 <el-col :span="6">
-                    <el-form-item label="开工年:" prop="key5">
+                    <el-form-item label="开工年:" prop="key5" class="with-auto">
                         <el-date-picker ref="startYearRef" v-model="baseForm.key5" class="block" type="year" placeholder="请选择" value-format="YYYY" @change="startYearChange" />
                     </el-form-item>
                 </el-col>
                 <el-col :span="6">
-                    <el-form-item label="完工年:" prop="key6">
+                    <el-form-item label="完工年:" prop="key6" class="with-auto">
                         <el-date-picker ref="endYearRef" v-model="baseForm.key6" class="block" type="year" placeholder="请选择" value-format="YYYY" @change="endYearChange" @blur="endYearBlur" />
                     </el-form-item>
                 </el-col>
                 <el-col :span="6">
-                    <el-form-item label="市级重点项目:" prop="kekey33">
+                    <el-form-item label="市级重点项目:" prop="kekey33" class="with-auto">
                         <el-select v-model="baseForm.key33" placeholder="请选择">
                             <el-option v-for="item in stateOptions" :key="item.id" :label="item.dictValue" :value="item.id" />
                         </el-select>
                     </el-form-item>
                 </el-col>
                 <el-col :span="6">
-                    <el-form-item label="交通强国建设试点任务:" prop="key44">
+                    <el-form-item label="交通强国建设试点任务:" prop="key44" class="with-auto">
                         <el-select v-model="baseForm.key44" placeholder="请选择">
                             <el-option v-for="item in typeOptions" :key="item.id" :label="item.dictValue" :value="item.id" />
                         </el-select>
                     </el-form-item>
                 </el-col>
                 <el-col :span="8">
-                    <el-form-item label="牵头单位:" prop="key7">
+                    <el-form-item label="牵头单位:" prop="key7" class="with-auto">
                         <el-input v-model="baseForm.key7" placeholder="请输入" clearable type="textarea" />
                     </el-form-item>
                 </el-col>
                 <el-col :span="8">
-                    <el-form-item label="配合单位:" prop="key8">
+                    <el-form-item label="配合单位:" prop="key8" class="with-auto">
                         <el-input v-model="baseForm.key7" placeholder="请输入" clearable type="textarea" />
                     </el-form-item>
                 </el-col>
                 <el-col :span="8">
-                    <el-form-item label="责任单位:" prop="key9">
+                    <el-form-item label="责任单位:" prop="key9" class="with-auto">
                         <el-input v-model="baseForm.key7" placeholder="请输入" clearable type="textarea" />
                     </el-form-item>
                 </el-col>
@@ -228,11 +228,11 @@ const stateOptions = ref([])
 const getProStation = async () => {
     const { error, code, data } = await getDictionary({ code:'projectStage' })
         if (!error && code === 200) {
-            stateOptions.value = getArrValue(data) 
+            stateOptions.value = getArrValue(data)
         } else {
             stateOptions.value = []
-        }   
-    
+        }
+
 }
 //项目类型
 const typeOptions = ref([])
@@ -242,8 +242,8 @@ const getProType = async () => {
             typeOptions.value = getArrValue(data)
         } else {
             typeOptions.value = []
-        }   
-    
+        }
+
   }
   const endYearRef = ref(null)
   const startYearRef = ref(null)
@@ -269,7 +269,7 @@ const endYearBlur = () => {
         baseForm.value.key5 = ''
         baseForm.value.key6 = ''
         window.$message.warning('请重新选择完整的范围年份')
-    } 
+    }
 
   let years = []
   let startYear = baseForm.value.key5
@@ -307,7 +307,7 @@ const formatInput = (value)=>{
       } else {
         // 如果输入不合法，则移除非法字符，并返回处理后的值
         return value.slice(0, -1)
-      } 
+      }
 }