style(customer-archive): 修复表单长 label 换行并优化弹窗布局

- 加固 .archive-form label 换行，实现长文字自动折行且右对齐，确保输入框宽度稳定
- 修复 Element Plus 2.14 中 label 高度锁定问题，改为 height auto 和合理行高
- 弹窗表单项上下间距由 16px 缩减至 8px，添加错误信息完整显示，避免遮挡
- 调整客商档案联系信息分组为四列布局，保留最后一列空白占位
- 客商档案工商信息表单项实现 label 与控件垂直居中对齐，提升视觉一致性
- 增加输入控件宽度至 250px，保持表单整体布局协调
- 全局 .el-dialog 背景色微调为更浅灰色，内边距改为 8px，统一弹窗样式

src/styles/element-ui.scss

@@ -217,7 +217,7 @@
 
 // 1) 所有弹窗内容区统一灰底 + 16px 内边距（与 project-apply 一致，避免内容贴边）
 .el-dialog__body {
-  background-color: #f3f3f3;
+  background-color: #f2f2f2;
   padding: 8px;
 }
 

src/views/vehicle/customer-archive.vue

@@ -241,7 +241,7 @@
                 prop="businessEndDate"
                 :required="archiveForm.businessTermType === '固定期限'"
               >
-                <div class="business-term-field">
+                <div class="business-term-field" style="display: flex;">
                   <el-date-picker
                     v-model="archiveForm.businessEndDate"
                     type="date"
@@ -299,17 +299,17 @@
 
         <section-card title="联系信息">
           <el-row :gutter="18">
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="客商负责人" prop="principal">
                 <el-input v-model="archiveForm.principal" maxlength="10" show-word-limit />
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="联系电话" prop="contactPhone">
                 <el-input v-model="archiveForm.contactPhone" maxlength="20" />
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="6">
               <el-form-item label="所属组织" prop="deptName">
                 <el-tree-select
                   v-model="archiveForm.deptId"
@@ -325,6 +325,7 @@
                 />
               </el-form-item>
             </el-col>
+            <el-col :span="6"></el-col>
           </el-row>
         </section-card>
 
@@ -3702,19 +3703,23 @@ export default {
     flex: 0 0 calc(6em + 24px) !important;
     width: calc(6em + 24px) !important;
     height: auto;
-    min-height: 32px;
     white-space: normal !important;
     word-break: break-all;
     overflow-wrap: anywhere;
     line-height: 18px;
   }
 
+  // 锁定表单项 label 与控件垂直居中对齐（避免长 label 折行时视觉错位）
+  :deep(.el-form-item) {
+    align-items: center;
+  }
+
   :deep(.el-form-item__content > .el-input),
   :deep(.el-form-item__content > .el-select),
   :deep(.el-form-item__content > .el-cascader),
   :deep(.el-form-item__content > .el-input-number),
   :deep(.el-form-item__content > .el-date-editor) {
-    width: 220px;
+    width: 250px;
     max-width: 100%;
   }
 
@@ -3730,8 +3735,8 @@ business-term-field,
 
 .business-term-field {
   :deep(.el-date-editor) {
-    flex: 0 0 220px;
-    width: 220px;
+    flex: 0 0 250px;
+    width: 250px;
     min-width: 0;
   }
 
@@ -3744,13 +3749,13 @@ business-term-field,
 .archive-form__address {
   :deep(.el-input),
   :deep(.el-cascader) {
-    flex: 0 0 220px;
-    width: 220px;
+    flex: 0 0 250px;
+    width: 250px;
     min-width: 0;
   }
 
   :deep(.el-cascader) {
-    flex-basis: 220px;
+    flex-basis: 250px;
   }
 }