style(customer-archive): 优化编辑弹窗表单布局和样式

- 将 el-form 的 label-width 固定为 96px，保证标签宽度统一
- 调整 form 各部分 gutter 为 24，使列间距更均匀
- 联系信息分组布局由三列改为四列，与其他分组对齐
- 提升 label 支持自动换行，解决长标签截断问题
- 在全局样式中新添弹窗内自定义分组白卡样式，提升 Avue 弹窗穿透稳定性
- 修改代理配置中的 target 地址指向内网服务器
- 清理业务弹窗表格边框，移除多余 border 属性及样式

src/views/vehicle/customer-archive.vue

@@ -147,12 +147,12 @@
         :model="archiveForm"
         :rules="formRules"
         label-position="right"
-        label-width="auto"
+        label-width="96px"
         :disabled="readonly"
         class="archive-form"
       >
         <section-card title="工商信息">
-          <el-row :gutter="18">
+          <el-row :gutter="20">
             <el-col :span="6">
               <el-form-item label="客商编号" prop="customerCode">
                 <el-input v-model="archiveForm.customerCode" disabled placeholder="保存后自动生成" />
@@ -253,7 +253,7 @@
                     :model-value="archiveForm.businessTermType === '长期'"
                     @change="handleNoFixedTermChange"
                   >
-                    无固定期限
+                    无
                   </el-checkbox>
                 </div>
               </el-form-item>
@@ -273,7 +273,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
@@ -298,18 +298,18 @@
         </section-card>
 
         <section-card title="联系信息">
-          <el-row :gutter="18">
-            <el-col :span="8">
+          <el-row :gutter="24">
+            <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"
@@ -329,7 +329,7 @@
         </section-card>
 
         <section-card title="财务/信用信息">
-          <el-row :gutter="18">
+          <el-row :gutter="24">
             <el-col :span="6">
               <el-form-item label="注册资金(万元)" prop="registeredCapital">
                 <el-input
@@ -376,7 +376,7 @@
         </section-card>
 
         <section-card title="其他信息">
-          <el-row :gutter="18">
+          <el-row :gutter="24">
             <el-col :span="24">
               <el-form-item label="备注" prop="remark">
                 <el-input
@@ -1503,7 +1503,7 @@ export default {
             dicData: [{ label: '全部', value: '' }],
           },
           {
-            label: '准入标准',
+            label: '准入类型',
             prop: 'accessType',
             slot: true,
             type: 'select',
@@ -3487,15 +3487,44 @@ export default {
 }
 
 .archive-form {
-  :deep(.el-input-number),
-  :deep(.el-select),
-  :deep(.el-cascader),
-  :deep(.el-date-editor) {
-    width: 100%;
+  // form-item 横向 flex 布局，严格约束宽度不让子组件撑开
+  :deep(.el-form-item) {
+    display: flex;
+    align-items: flex-start;
+    min-width: 0;
+    overflow: hidden;
+  }
+
+  :deep(.el-form-item__content) {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+
+    > .el-input,
+    > .el-select,
+    > .el-cascader,
+    > .el-date-editor,
+    > .el-input-number,
+    > .el-tree-select {
+      width: 100% !important;
+      max-width: 100%;
+    }
+  }
+
+  :deep(.el-form-item__label) {
+    width: 96px;
+    padding-right: 12px;
+    white-space: normal;
+    line-height: 32px;
+    text-align: right;
+    word-break: break-all;
+    overflow: visible;
+    text-overflow: unset;
+    flex-shrink: 0;
   }
 }
 
-business-term-field,
+.business-term-field,
 .archive-form__address {
   display: flex;
   align-items: center;