style(archive): 优化工商信息布局及营业期限控件样式

- 联系信息分组由三等分布局改为四列布局，末列空置占位
- 工商信息内表单项标签与控件显式垂直居中对齐
- 营业期限字段的日期选择器宽度由250px缩减至150px，更紧凑
- 勾选框禁止换行，保证日期选择器与复选框同行显示
- 移除多余模板内联flex样式，修正CSS选择器笔误
- 固定期限营业期限增加中文校验提示，长期类型跳过校验
- 详细地址输入框设为flex:1，宽度撑满剩余空间，与右侧对齐
- 省市区级联选择器宽度保持250px，详细地址独立占满剩余宽度

src/views/vehicle/customer-archive.vue

@@ -240,8 +240,9 @@
                 label="营业期限"
                 prop="businessEndDate"
                 :required="archiveForm.businessTermType === '固定期限'"
+                :rules="businessEndDateRules"
               >
-                <div class="business-term-field" style="display: flex;">
+                <div class="business-term-field">
                   <el-date-picker
                     v-model="archiveForm.businessEndDate"
                     type="date"
@@ -273,7 +274,7 @@
                 />
               </el-form-item>
             </el-col>
-            <el-col :span="24">
+            <el-col :span="12">
               <el-form-item label="地址" prop="registeredDetailAddress" required>
                 <div class="archive-form__address">
                   <el-cascader
@@ -1291,13 +1292,6 @@ export default {
         callback();
       }
     };
-    const validateBusinessEndDate = (rule, value, callback) => {
-      if (this.archiveForm.businessTermType === '固定期限' && !value) {
-        callback(new Error('请选择营业期限截止日'));
-      } else {
-        callback();
-      }
-    };
     const validateRegisteredAddress = (rule, value, callback) => {
       const regionName = (this.archiveForm.registeredRegionName || '').trim();
       const detailAddress = String(value || '').trim();
@@ -1446,7 +1440,6 @@ export default {
         registeredCapital: [{ validator: validateNonNegative, trigger: 'blur' }],
         maxCreditLimit: [{ validator: validateNonNegative, trigger: 'blur' }],
         applyCreditLimit: [{ validator: validateNonNegative, trigger: 'blur' }],
-        businessEndDate: [{ validator: validateBusinessEndDate, trigger: 'change' }],
         registeredDetailAddress: [
           { validator: validateRegisteredAddress, trigger: ['change', 'blur'] },
         ],
@@ -1687,6 +1680,11 @@ export default {
       if (this.readonly) return '查看客商档案';
       return this.archiveForm.id ? '编辑客商档案' : '新增客商档案';
     },
+    businessEndDateRules() {
+      return this.archiveForm.businessTermType === '固定期限'
+        ? [{ required: true, message: '请选择营业期限截止日', trigger: 'change' }]
+        : [];
+    },
     contactDialogTitle() {
       return this.contactIndex > -1 ? '编辑联系人' : '新增联系人';
     },
@@ -3725,37 +3723,44 @@ export default {
 
 }
 
-business-term-field,
+.business-term-field,
 .archive-form__address {
   display: flex;
   align-items: center;
   gap: 10px;
-  width: 100%;
+  width: 97%;
 }
 
 .business-term-field {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: nowrap;
+
   :deep(.el-date-editor) {
-    flex: 0 0 250px;
-    width: 250px;
+    flex: 0 0 150px;
+    width: 150px;
     min-width: 0;
   }
 
   :deep(.el-checkbox) {
     flex: 0 0 auto;
     margin-right: 0;
+    white-space: nowrap;
   }
 }
 
 .archive-form__address {
-  :deep(.el-input),
   :deep(.el-cascader) {
     flex: 0 0 250px;
     width: 250px;
     min-width: 0;
   }
 
-  :deep(.el-cascader) {
-    flex-basis: 250px;
+  :deep(.el-input) {
+    flex: 1;
+    width: 100%;
+    min-width: 0;
   }
 }