From a76d494215c77664144598ae0aa4d6fb8ab5cec1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Tue, 11 Aug 2026 16:37:44 +0800
Subject: [PATCH 1/6] =?UTF-8?q?style(customer-archive):=20=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=E8=A1=A8=E5=8D=95=E9=95=BF=20label=20=E6=8D=A2?=
 =?UTF-8?q?=E8=A1=8C=E5=B9=B6=E4=BC=98=E5=8C=96=E5=BC=B9=E7=AA=97=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/.workbuddy/memory/2026-08-11.md b/.workbuddy/memory/2026-08-11.md
index a9f301f..80c1934 100644
--- a/.workbuddy/memory/2026-08-11.md
+++ b/.workbuddy/memory/2026-08-11.md
@@ -10,3 +10,50 @@
 - `<style scoped>` 中 `.archive-form` 新增 label 规则：固定 `width:96px` + `padding-right:12px` + `white-space:normal` + `text-align:right` + `overflow:visible`，使长 label（如"统一社会信用代码"）自动折行。
 
 注意：`.score-detail-form` 已有独立 `.el-form-item__label` 规则，与本次改动无关，未触碰。
+
+## .archive-form label 换行稳定性加固
+用户反馈长 label 仍挤压 input，要求 input 宽度固定、label 超长换行（参考截图效果）。
+- 强化 `.archive-form :deep(.el-form-item__label)`：`width: 96px !important` + `flex-shrink: 0` + `word-break/overflow-wrap: break-word`，移除无效的 `overflow:visible/text-overflow/display:inline-block`。
+- `.el-form-item` 移除 `overflow:hidden`（避免裁剪多行 label）。
+- `.el-form-item__content` 移除 `overflow:hidden`，保留 `flex:1; min-width:0`，确保 input 稳定占满剩余宽度且不被压缩。
+- 核心机制：label 固定宽 + flex-shrink:0 ⇄ content flex:1，二者互斥分配宽度，input 宽度恒定。
+
+## ★ Element Plus 2.14 label 换行真正根因（之前没修对）
+看了 `node_modules/element-plus/theme-chalk/el-form-item.css` 才确认：
+```
+.el-form-item__label{...height:32px;line-height:32px;display:inline-flex}
+.el-form-item--default .el-form-item__label{height:32px;line-height:32px}
+```
+Element Plus 把 label 锁死成 32px 高 + 32px 行高，**只够放一行**。光设 `white-space:normal; word-break:break-word` 没用，第二行会被 32px 高度裁掉（且 inline-flex 内容溢出可见，但父 form-item 高度还是被撑不开、看起来被吃掉了）。
+
+**正确修复**（`customer-archive.vue` `.archive-form`，可推广到所有 el-form 弹窗）：
+```scss
+:deep(.el-form-item__label) {
+  width: 96px !important;
+  height: auto !important;        // ★ 关键
+  line-height: 1.5 !important;    // ★ 关键
+  padding-right: 12px;
+  white-space: normal;
+  text-align: right;
+  word-break: break-word;
+  overflow-wrap: break-word;
+  flex: 0 0 96px;                 // 显式三段式最稳
+}
+:deep(.el-form-item) { align-items: flex-start; }  // 多行 label 时控件顶部对齐
+```
+这套改完，96px 固定的 label 才能真正「最大资金使用额度(万元)」「申请总资金使用额度(万元)」这种 11 字段自动折两行，右对齐、input 宽度不变。
+
+## 弹窗表单项间距 16px → 8px（element-ui.scss 全局）
+用户要求把弹窗内表单项上下间距从 16px 收紧到 8px，但担心压缩后红色校验错误文字被下一个 item 遮挡。
+- 根因：Element Plus `.el-form-item__error` 默认 `position:absolute` 脱离文档流，16px 刚好够放下错误文字；压到 8px 后错误区超出占位被遮挡。
+- 修复（只改 `src/styles/element-ui.scss` 全局样式，影响所有 `.el-dialog` 表单）：
+  - 两处 `.el-dialog .el-form-item { margin-bottom:16px }`（约 171 行、271 行）→ `8px`。
+  - 新增 `.el-dialog .el-form-item__error { position:relative; margin-top:2px; line-height:1.2 }`，让错误文字正常占高度、不再被遮挡。
+- 副作用：有校验错误时该 item 高度会被错误文字撑开，同一行相邻列可能轻微错位，属可接受的常规表单体验。无错误时保持 8px 紧凑。
+- 备注：`customer-archive.vue` 内 `.receipt-form`/`.invoice-form` 子表单各自 scoped 写死 16px（发票/收票子表，非主表单），本次未动；若需统一收紧再说。
+
+## 客商档案弹窗布局微调（截图标注）
+用户新截图两处标注，均在 `customer-archive.vue`：
+1. **联系信息分组**：原三个字段 `:span="8"`（各 1/3，铺满整行）。改为 4 列布局——三个字段 `:span="6"` + 末尾补一个空 `<el-col :span="6"></el-col>` 占位（第4列留空，不铺满）。
+2. **工商信息「上下居中对齐」**：在 `.archive-form` scoped 样式内新增 `:deep(.el-form-item){ align-items:center }`，显式锁定每个 form-item 的 label 与控件垂直居中对齐（之前无 flex-start 覆盖，默认本就 center，现在显式声明更稳妥）。
+- 潜在提醒：工商信息内长 label「统一社会信用代码」仍按之前需求折两行，会让同一 el-row 内该列 form-item 比相邻单行 label 列高约 2px，输入控件垂直方向略有错位。若用户要的是「同行所有输入框严格水平对齐」，需让长 label 单行不折行（nowrap）或把长 label 字段单独成行——待用户确认。
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index 03e5622..3d0a863 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -217,7 +217,7 @@
 
 // 1) 所有弹窗内容区统一灰底 + 16px 内边距（与 project-apply 一致，避免内容贴边）
 .el-dialog__body {
-  background-color: #f3f3f3;
+  background-color: #f2f2f2;
   padding: 8px;
 }
 
diff --git a/src/views/vehicle/customer-archive.vue b/src/views/vehicle/customer-archive.vue
index d358dd0..4e8bd9e 100644
--- a/src/views/vehicle/customer-archive.vue
+++ b/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;
   }
 }
 

From f0ee1e6ea3e1464d8d03020c7070a8bd4b0b79e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Tue, 11 Aug 2026 17:00:07 +0800
Subject: [PATCH 2/6] =?UTF-8?q?style(archive):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E5=B7=A5=E5=95=86=E4=BF=A1=E6=81=AF=E5=B8=83=E5=B1=80=E5=8F=8A?=
 =?UTF-8?q?=E8=90=A5=E4=B8=9A=E6=9C=9F=E9=99=90=E6=8E=A7=E4=BB=B6=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/.workbuddy/memory/2026-08-11.md b/.workbuddy/memory/2026-08-11.md
index 80c1934..86f6c14 100644
--- a/.workbuddy/memory/2026-08-11.md
+++ b/.workbuddy/memory/2026-08-11.md
@@ -57,3 +57,39 @@ Element Plus 把 label 锁死成 32px 高 + 32px 行高，**只够放一行**。
 1. **联系信息分组**：原三个字段 `:span="8"`（各 1/3，铺满整行）。改为 4 列布局——三个字段 `:span="6"` + 末尾补一个空 `<el-col :span="6"></el-col>` 占位（第4列留空，不铺满）。
 2. **工商信息「上下居中对齐」**：在 `.archive-form` scoped 样式内新增 `:deep(.el-form-item){ align-items:center }`，显式锁定每个 form-item 的 label 与控件垂直居中对齐（之前无 flex-start 覆盖，默认本就 center，现在显式声明更稳妥）。
 - 潜在提醒：工商信息内长 label「统一社会信用代码」仍按之前需求折两行，会让同一 el-row 内该列 form-item 比相邻单行 label 列高约 2px，输入控件垂直方向略有错位。若用户要的是「同行所有输入框严格水平对齐」，需让长 label 单行不折行（nowrap）或把长 label 字段单独成行——待用户确认。
+
+## 营业期限日期选择器宽度与同行对齐
+用户截图标注：工商信息「营业期限」日期选择器太宽，且勾选组件被挤到下一排。
+
+改动（`src/views/vehicle/customer-archive.vue`）：
+- `.business-term-field` 补充/修正 flex 布局：`display:flex; align-items:center; gap:8px; flex-wrap:nowrap;`。
+- 日期选择器宽度由 `250px` 缩到 `150px`（`:deep(.el-date-editor)` 的 `flex-basis` + `width`）。
+- 勾选组件加 `white-space:nowrap`，防止文字换行导致整体折行。
+- 移除模板里冗余的 `style="display: flex;"`；修复 CSS 选择器笔误 `business-term-field,` → `.business-term-field,`。
+
+效果：日期输入框与「无固定期限」复选框固定在同一排，日期框更紧凑。
+
+## 营业期限校验提示改为中文
+用户截图反馈：「营业期限」空值校验提示为英文 `businessEndDate is required`。
+
+根因：`el-form-item` 的 `:required` 属性会在内部追加一条默认英文 required 规则，优先于自定义 validator，导致提示英文。
+
+改动（`src/views/vehicle/customer-archive.vue`）：
+- `el-form-item` 保留 `:required="archiveForm.businessTermType === '固定期限'"`（用于红色星号）。
+- 新增 item 级动态规则 `:rules="businessEndDateRules"`，computed 返回：
+  - 固定期限 → `[{ required: true, message: '请选择营业期限截止日', trigger: 'change' }]`
+  - 长期 → `[]`
+- 移除 data 中 form-level 的 `businessEndDate` 规则及不再使用的 `validateBusinessEndDate` 函数。
+
+效果：固定期限且未选日期时，提示统一为中文「请选择营业期限截止日」；长期时自动跳过该校验。
+
+## 地址「详细地址」输入框宽度撑满
+用户截图反馈：工商信息「地址」里「请输入详细地址」输入框太短，希望宽度 100% 并与右侧对齐。
+
+改动（`src/views/vehicle/customer-archive.vue`）：
+- `.archive-form__address` 样式拆分：
+  - `el-cascader` 保持固定 `250px`。
+  - `el-input` 改为 `flex:1; width:100%; min-width:0`，自动占满剩余空间并对齐右侧。
+- 移除 `el-input` 上冗余的 `style="width: 100%"`。
+
+效果：省市区级联选择器保持 250px，详细地址输入框自动延伸至该 form-item 内容区右边缘。
diff --git a/src/views/vehicle/customer-archive.vue b/src/views/vehicle/customer-archive.vue
index 4e8bd9e..562402b 100644
--- a/src/views/vehicle/customer-archive.vue
+++ b/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;
   }
 }
 

From c97f1fc0e3b607e32af065cd7b3f2f6cd033e9b4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Tue, 11 Aug 2026 17:23:52 +0800
Subject: [PATCH 3/6] =?UTF-8?q?style(customer-archive):=20=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E5=BC=B9=E7=AA=97Tabs=E6=A0=B7=E5=BC=8F=E5=8F=8A?=
 =?UTF-8?q?=E5=85=A8=E5=B1=80=E7=A7=BB=E9=99=A4=E6=A0=87=E9=A2=98=E7=AB=96?=
 =?UTF-8?q?=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- tabs区域业务明细外层包裹白底卡片，统一视觉样式
- 去掉客商档案弹窗标题左侧的蓝色竖条，解决用户反馈
- 取消scoped样式尝试，改为非scoped全局样式修改
- 编辑全局element-ui.scss，拆分竖条共享规则，仅保留分组标题竖条
- 删除customer-archive.vue末尾特例样式
- 细节调整archive-tabs和archive-detail-card间距，修正样式冲突
---
 .workbuddy/memory/2026-08-11.md        | 18 ++++++++++++++++++
 src/styles/element-ui.scss             |  1 -
 src/views/vehicle/customer-archive.vue |  7 ++++++-
 3 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/.workbuddy/memory/2026-08-11.md b/.workbuddy/memory/2026-08-11.md
index 86f6c14..2537d66 100644
--- a/.workbuddy/memory/2026-08-11.md
+++ b/.workbuddy/memory/2026-08-11.md
@@ -93,3 +93,21 @@ Element Plus 把 label 锁死成 32px 高 + 32px 行高，**只够放一行**。
 - 移除 `el-input` 上冗余的 `style="width: 100%"`。
 
 效果：省市区级联选择器保持 250px，详细地址输入框自动延伸至该 form-item 内容区右边缘。
+
+## Tabs 区域卡片化（业务明细）
+用户截图反馈：弹窗内 tabs（评分表/联系人/收款信息/发票信息）标签头裸露在灰底上，需要整体包进白底卡片。
+
+改动（`src/views/vehicle/customer-archive.vue`）：
+- `<el-tabs>` 外层包裹 `<section-card title="业务明细">`，使 tabs 标签头与内容统一在一张白底卡片内，与上方工商/联系/财务/其他信息分组视觉一致。
+
+## 客商档案弹窗标题去掉蓝色竖条
+用户截图标注「新增客商档案」弹窗标题左侧的 4px 主色竖条不要了。
+- 第一次尝试在 scoped 样式里用 `:deep(.el-dialog__title::before){display:none}` 未生效，因为该 `el-dialog` 开启了 `append-to-body`，DOM 被 teleport 到 body，scoped 样式挂不上。
+- 最终方案：在 `customer-archive.vue` 末尾新增一个非 scoped 的 `<style lang="scss">` 块，写全局规则：
+  ```scss
+  .archive-dialog .el-dialog__title::before {
+    display: none;
+  }
+  ```
+- 后续用户要求「应用到全部的弹窗」，改为全局移除：编辑 `src/styles/element-ui.scss`，把竖条共享规则 `.el-dialog__title:not(:empty)::before, .dialog-section-title::before` 拆开，仅保留 `.dialog-section-title::before`（分组标题仍带竖条），`.el-dialog__title` 不再有竖条。同时删除了 `customer-archive.vue` 末尾的特例 `<style>` 块。
+- 注意：这与 AGENTS.md 4.8「新增/编辑弹窗标题左侧必须展示 4px 主色竖条」规范冲突，按用户决策已全局移除弹窗主标题竖条；如需恢复，把 `.el-dialog__title` 加回共享规则即可。
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index 3d0a863..3f9fde9 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -183,7 +183,6 @@
   gap: 8px;
 }
 
-.el-dialog__title:not(:empty)::before,
 .dialog-section-title::before {
   content: '';
   flex: none;
diff --git a/src/views/vehicle/customer-archive.vue b/src/views/vehicle/customer-archive.vue
index 562402b..1a00f8b 100644
--- a/src/views/vehicle/customer-archive.vue
+++ b/src/views/vehicle/customer-archive.vue
@@ -393,6 +393,7 @@
         </section-card>
       </el-form>
 
+      <section-card class="archive-detail-card">
       <el-tabs v-model="activeTab" class="archive-tabs">
         <el-tab-pane label="评分表" name="scores">
           <section-card>
@@ -578,6 +579,7 @@
           </section-card>
         </el-tab-pane>
       </el-tabs>
+      </section-card>
 
       <section-card title="客商材料">
         <template #extra>
@@ -3780,6 +3782,7 @@ export default {
   grid-template-columns: 1fr auto 1fr;
   align-items: center;
   margin-top: 12px;
+  margin-bottom: 6px;
 
   :deep(.vehicle-attachment-upload) {
     width: auto;
@@ -3793,8 +3796,10 @@ export default {
   }
 }
 
+.archive-detail-card {
+  margin-top: 8px;
+}
 .archive-tabs {
-  margin-top: 18px;
 }
 
 .score-list-table {

From e8e6bc01b01e403329dbad7a8a6c4065b0d2c1e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Tue, 11 Aug 2026 17:55:46 +0800
Subject: [PATCH 4/6] =?UTF-8?q?style(vehicle):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E5=AE=A2=E6=88=B7=E5=BD=92=E6=A1=A3=E9=A1=B5=E6=A0=87=E7=AD=BE?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=B8=8E=E5=8D=A1=E7=89=87=E9=98=B4=E5=BD=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 为el-tabs组件添加card类型，提升标签视觉样式
- 移除多余section-card组件，简化评分表、联系人、收款信息、发票信息四个标签页结构
- 将新增按钮从slot extra改为独立div，统一按钮显示和样式
- 调整新增按钮为plain风格，符合设计规范
- 修正el-tabs头部下边距，去除不必要的间距
- 新增.tab-table-toolbar样式，控制新增按钮上下边距
- 调整section-card阴影透明度，由rgba(0, 0, 0, 0.04)改为0.06，更加醒目
---
 src/styles/element-ui.scss             |  2 +-
 src/views/vehicle/customer-archive.vue | 49 +++++++++++---------------
 2 files changed, 21 insertions(+), 30 deletions(-)

diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index 3f9fde9..140b366 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -275,7 +275,7 @@
 .section-card {
   background: #fff;
   border-radius: 6px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
   margin-bottom: 8px;
   overflow: hidden;
 
diff --git a/src/views/vehicle/customer-archive.vue b/src/views/vehicle/customer-archive.vue
index 1a00f8b..d866083 100644
--- a/src/views/vehicle/customer-archive.vue
+++ b/src/views/vehicle/customer-archive.vue
@@ -394,14 +394,11 @@
       </el-form>
 
       <section-card class="archive-detail-card">
-      <el-tabs v-model="activeTab" class="archive-tabs">
+      <el-tabs v-model="activeTab" class="archive-tabs" type="card">
         <el-tab-pane label="评分表" name="scores">
-          <section-card>
-            <template #extra>
-              <el-button type="primary" icon="el-icon-plus" v-if="!readonly" @click="addScore">
-                添加评分记录
-              </el-button>
-            </template>
+            <div class="tab-table-toolbar" v-if="!readonly">
+              <el-button type="primary" plain icon="el-icon-plus" @click="addScore">添加评分记录</el-button>
+            </div>
             <el-table :data="scoreTableData" border class="score-list-table">
             <el-table-column label="序号" width="90" align="center">
               <template #default="{ row }">
@@ -468,15 +465,11 @@
             @size-change="handleScoreSizeChange"
             @current-change="handleScoreCurrentChange"
           />
-          </section-card>
         </el-tab-pane>
         <el-tab-pane label="联系人" name="contacts">
-          <section-card>
-            <template #extra>
-              <el-button type="primary" icon="el-icon-plus" v-if="!readonly" @click="openContact()">
-                新增联系人
-              </el-button>
-            </template>
+            <div class="tab-table-toolbar" v-if="!readonly">
+              <el-button type="primary" plain icon="el-icon-plus" @click="openContact()">新增联系人</el-button>
+            </div>
             <el-table :data="contactTableData" border class="contact-table">
             <el-table-column label="序号" prop="__index" width="90" align="center" />
             <el-table-column label="联系人姓名" prop="contactName" min-width="150" />
@@ -508,15 +501,11 @@
             @size-change="size => handleDetailSizeChange('contact', size)"
             @current-change="page => handleDetailCurrentChange('contact', page)"
           />
-          </section-card>
         </el-tab-pane>
         <el-tab-pane label="收款信息" name="receiptAccounts">
-          <section-card>
-            <template #extra>
-              <el-button type="primary" icon="el-icon-plus" v-if="!readonly" @click="openReceipt()">
-                新增收款信息
-              </el-button>
-            </template>
+            <div class="tab-table-toolbar" v-if="!readonly">
+              <el-button type="primary" plain icon="el-icon-plus" @click="openReceipt()">新增收款信息</el-button>
+            </div>
             <el-table :data="receiptTableData" border class="receipt-table">
             <el-table-column label="序号" prop="__index" width="90" align="center" />
             <el-table-column label="收款单位名称" prop="accountName" min-width="180" />
@@ -539,15 +528,11 @@
             @size-change="size => handleDetailSizeChange('receipt', size)"
             @current-change="page => handleDetailCurrentChange('receipt', page)"
           />
-          </section-card>
         </el-tab-pane>
         <el-tab-pane label="发票信息" name="invoices">
-          <section-card>
-            <template #extra>
-              <el-button type="primary" icon="el-icon-plus" v-if="!readonly" @click="openInvoice()">
-                新增发票信息
-              </el-button>
-            </template>
+            <div class="tab-table-toolbar" v-if="!readonly">
+              <el-button type="primary" plain icon="el-icon-plus" @click="openInvoice()">新增发票信息</el-button>
+            </div>
             <el-table :data="invoiceTableData" border class="invoice-table">
             <el-table-column label="序号" prop="__index" width="90" align="center" />
             <el-table-column label="收票方名称" prop="invoiceTitle" min-width="180" />
@@ -576,7 +561,6 @@
             @size-change="size => handleDetailSizeChange('invoice', size)"
             @current-change="page => handleDetailCurrentChange('invoice', page)"
           />
-          </section-card>
         </el-tab-pane>
       </el-tabs>
       </section-card>
@@ -3800,6 +3784,13 @@ export default {
   margin-top: 8px;
 }
 .archive-tabs {
+  :deep(.el-tabs__header) {
+    margin-bottom: 0;
+  }
+}
+.tab-table-toolbar {
+  margin-top: 16px;
+  margin-bottom: 12px;
 }
 
 .score-list-table {

From 040456f4d2b50d18745d4921236d471395ccf7c9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Tue, 11 Aug 2026 18:43:57 +0800
Subject: [PATCH 5/6] =?UTF-8?q?style(archive-form):=20=E7=BB=9F=E4=B8=80?=
 =?UTF-8?q?=E5=92=8C=E4=BC=98=E5=8C=96=E5=BC=B9=E7=AA=97=E8=A1=A8=E5=8D=95?=
 =?UTF-8?q?=E9=A3=8E=E6=A0=BC=E5=8F=8A=E9=97=B4=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 统一财务/信用信息分组备注字段宽度及对齐，修正跨列占位
- 调整评分量化表弹窗左右边距，移除多余内边距复用全局样式
- 将评分量化表相关编辑弹窗改用 section-card 白卡分组并应用 archive-form 风格
- 给业务编辑弹窗添加 archive-form 样式，统一 label 固定宽度和控件宽度至 250px
- 新增 common-route 编辑弹窗自定义类，实现输入框宽度和标签对齐
- 全局修改弹窗灰底区间距为 8px，放宽表单项上下间距至 20px，提升视觉一致性
- 优化 Avue 弹窗底部按钮区样式，实现按钮内嵌于白卡底部
- 移除主弹窗标题左侧竖条，全站统一弹窗标题风格，遵循用户需求
- 修复弹窗表单 label 换行稳定性，保证长文本正确展示
- 调整 customer-archive 备注字段布局，保证输入框对齐美观
- 各手写编辑弹窗附加 archive-form，保证样式一致不破坏功能
---
 .workbuddy/memory/2026-08-11.md               | 35 +++++++
 src/option/business/common-route.js           |  6 +-
 src/styles/element-ui.scss                    | 57 ++++++++++--
 .../components/business-crud-page.vue         | 31 +++++++
 .../components/waybill-import-dialog.vue      |  2 +-
 src/views/business/loading-manage.vue         |  2 +-
 src/views/transportCapacity/driver.vue        |  2 +-
 src/views/transportCapacity/ship.vue          |  2 +-
 src/views/transportCapacity/vehicle.vue       |  2 +-
 .../vehicle/credit-score-quantification.vue   | 93 ++++++++++---------
 src/views/vehicle/customer-archive.vue        | 22 ++---
 11 files changed, 179 insertions(+), 75 deletions(-)

diff --git a/.workbuddy/memory/2026-08-11.md b/.workbuddy/memory/2026-08-11.md
index 2537d66..688aef6 100644
--- a/.workbuddy/memory/2026-08-11.md
+++ b/.workbuddy/memory/2026-08-11.md
@@ -9,6 +9,13 @@
 - 联系信息分组 `el-col :span="8"`（3列）→ `:span="6"`（4列），与工商/财务分组对齐。
 - `<style scoped>` 中 `.archive-form` 新增 label 规则：固定 `width:96px` + `padding-right:12px` + `white-space:normal` + `text-align:right` + `overflow:visible`，使长 label（如"统一社会信用代码"）自动折行。
 
+## 财务/信用信息分组备注字段补空白
+- 客户需求：截图红框处（第三/四列空白）需有输入组件对齐。
+- 改动（`src/views/vehicle/customer-archive.vue`）：
+  - “申请总资金使用额度(万元)” 缩进修正（保持 `span=6`）。
+  - 第一次：“备注” 改为 `span=18`，占满第二行剩余三列，但右侧溢出。
+  - 第二次：第一列留空、`申请总资金使用额度` 居第二列、`备注` 跨第三、四列（`span=12`），总宽度 24 刚好一行。
+
 注意：`.score-detail-form` 已有独立 `.el-form-item__label` 规则，与本次改动无关，未触碰。
 
 ## .archive-form label 换行稳定性加固
@@ -111,3 +118,31 @@ Element Plus 把 label 锁死成 32px 高 + 32px 行高，**只够放一行**。
   ```
 - 后续用户要求「应用到全部的弹窗」，改为全局移除：编辑 `src/styles/element-ui.scss`，把竖条共享规则 `.el-dialog__title:not(:empty)::before, .dialog-section-title::before` 拆开，仅保留 `.dialog-section-title::before`（分组标题仍带竖条），`.el-dialog__title` 不再有竖条。同时删除了 `customer-archive.vue` 末尾的特例 `<style>` 块。
 - 注意：这与 AGENTS.md 4.8「新增/编辑弹窗标题左侧必须展示 4px 主色竖条」规范冲突，按用户决策已全局移除弹窗主标题竖条；如需恢复，把 `.el-dialog__title` 加回共享规则即可。
+
+## 评分量化表弹窗边距与客商管理对齐
+用户截图标注：新增/编辑评分量化表弹窗左右边距比客商管理编辑弹窗宽，要求统一。
+- **根因**：`.score-config` 容器多设了 `padding: 4px 12px 12px`，叠加全局 `el-dialog__body { padding: 16px }` 导致总左右边距 28px（客商仅 16px）。
+- **修复**：移除 `.score-config` 的 `padding` 属性（`src/views/vehicle/credit-score-quantification.vue`），弹窗内容区复用全局统一的 16px 边距。
+
+## 编辑弹窗风格统一（按 customer-archive 定稿对齐）
+用户要求把 `customer-archive.vue` 定稿的 `.archive-form` 风格（label 固定宽 `calc(6em+24px)` 折行 + 控件 250px + section-card 分组白卡 + 弹窗灰底）复制到其它手写编辑弹窗。已处理：
+
+1. **credit-score-quantification.vue**（最掉队）：4 个弹窗（评分量化表主配置 / 类目详情 / 评分项目详情 / 评估标准设置）原来用手写 `.section-title` 分区、未用 section-card、无 tabs。已重构为 4 张 `<section-card>` 分组白卡（标题带 4px 主色竖条），configBox 主表单 + standardBox 评估标准表单应用 `.archive-form`（本文件 scoped 内新增该样式，从 customer-archive 复制），按钮保持 plain 描边；删除了废弃的 `.base-form` / `.section-head` / `.section-title` / `.standard-head` 手写标题样式；`.score-config` 去掉多余 padding 复用全局 16px 边距。
+2. **driver.vue / vehicle.vue / ship.vue**：三个档案弹窗已用 section-card + el-col 多列布局。仅给 `driver-form` / `vehicle-form` / `ship-form` 追加 `archive-form` class（原 form 的 `:deep(.el-input){width:100%}` 特异性低于 archive-form 的 `:deep(.el-form-item__content > .el-input){width:250px}`，被安全覆盖；label 带 `!important`）。弹窗内无子表格"添加"按钮，footer 保存已是 primary 实心（符合规范）。
+3. **loading-manage.vue**：配载单编辑弹窗 `loading-manage-dialog__form` 追加 `archive-form`（该 class 无独立 style，不冲突）。
+4. **waybill-import-dialog.vue**：新建导入弹窗 `el-form` 追加 `archive-form`。
+5. **common-route.vue**：三个弹窗均为查询/导入/地图选择类（无信息编辑表单），且按钮风格（主按钮 primary 实心、辅助 plain）已符合规范，**未做结构改动**。
+6. **business-crud-page.vue**：已在 scoped style 开头用组合选择器一次性注入 `.archive-form` 同款样式（label 固定宽折行 + 控件 250px），覆盖其 6 个主表单 class：`__task-form` / `__freight-form` / `__module-form` / `__dispatch-item-form` / `__match-form` / `__transport-plan-import-form`（`__billing-form-row` 仅是 div 行容器，非表单，未包含）。这是核心通用组件，影响所有引用它的业务编辑弹窗，已按"全按对齐"指令执行；纯样式增强、不破坏功能，建议刷新各业务页回归验证。
+
+注意：`.archive-form` 的关键样式（label 固定宽折行 + 控件 250px）是 scoped 的，复制到新文件时必须在该文件 scoped 内重新定义，不能只挂 class（除非全局化）。
+
+## 弹窗灰底间距全站统一 + 表单间距放宽 + common-route 输入框对齐
+全局 `src/styles/element-ui.scss` 连续改动（针对截图反馈"新增弹窗太挤"）：
+1. **灰底间距全站 8px**：`.el-dialog__body { padding: 8px !important }`（加 `!important` 覆盖 Avue 内部默认 padding，影响**所有**弹窗含 Avue CRUD 与手写 el-dialog）。
+2. **按钮放进白卡**：`.avue-crud__dialog .avue-dialog__footer` 加 `border-radius: 0 0 6px 6px` + 同白卡 `box-shadow` + `padding: 16px 24px` + `margin-top:0`，与上方 `.avue-form` 白卡视觉合一（取消/保存等按钮现在在卡片底部内侧）。`.avue-form` 同步加 `margin-bottom:0`。
+3. **表单间距放宽对齐 customer-archive**：`.avue-form` 白卡内边距 `16px → 24px`；`.el-dialog .el-form-item` 上下间距 `16px → 20px`（含全 size 覆盖规则）；分组标题/内容内边距 `14px 16px → 16px 24px`。
+4. **common-route 输入框宽度对齐 customer-archive**：
+   - `src/option/business/common-route.js`：`export const option = createCrudOption([...])` 改为 `{ ...createCrudOption([...]), dialogCustomClass: 'avue-dialog--common-route' }`，给 Avue 自动编辑弹窗挂自定义 class（Avue 支持 `dialogCustomClass`，渲染在 `.avue-dialog` 根元素）。
+   - `src/styles/element-ui.scss` 新增 `.avue-dialog--common-route` 规则：label `width: calc(6em+24px) !important` 折行 + 控件 `.el-input/.el-select/.el-cascader/.el-input-number/.el-date-editor` 固定 `width: 250px`。textarea（备注）不设固定宽，保持 100% 撑满（与 customer-archive 一致）。地址 formslot（`.common-route-page__route-address` flex 布局）因中间多了一层 div，不被 `.el-form-item__content > .el-input` 命中，保持原样。
+
+注意：common-route 编辑弹窗字段是 span 12（两列），250px 输入框在两列下右侧会留白——这是用户"和 customer-archive 对齐"的明确要求，如需紧凑可改列布局或加大输入框宽。
diff --git a/src/option/business/common-route.js b/src/option/business/common-route.js
index e5fd4eb..608346d 100644
--- a/src/option/business/common-route.js
+++ b/src/option/business/common-route.js
@@ -10,7 +10,8 @@ export const config = {
   enableAllDept: false,
 };
 
-export const option = createCrudOption([
+export const option = {
+  ...createCrudOption([
   {
     label: '线路名称',
     prop: 'routeName',
@@ -253,7 +254,8 @@ export const option = createCrudOption([
         ['updateUserName', 'updateTime', 'createTime'].indexOf(first.prop) -
         ['updateUserName', 'updateTime', 'createTime'].indexOf(second.prop)
     ),
-]);
+  dialogCustomClass: 'avue-dialog--common-route',
+};
 
 export const excelOption = {
   submitBtn: false,
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index 140b366..64d3d6f 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -173,7 +173,7 @@
 .el-dialog .el-form-item--small.el-form-item,
 .el-dialog .el-form-item--large.el-form-item,
 .el-dialog .el-form-item--medium.el-form-item {
-  margin-bottom: 16px;
+  margin-bottom: 20px;
 }
 
 .el-dialog__title,
@@ -214,18 +214,57 @@
 // 灰底弹窗体 + 分组白卡（标题融入卡头，4px 主色竖条 + 8px 间距）
 // =====================================================================
 
-// 1) 所有弹窗内容区统一灰底 + 16px 内边距（与 project-apply 一致，避免内容贴边）
+// 1) 所有弹窗内容区统一灰底 + 8px 内边距（全站统一）
 .el-dialog__body {
   background-color: #f2f2f2;
-  padding: 8px;
+  padding: 8px !important;
 }
 
-// 2) Avue 默认弹窗表单自动包成白卡，无需逐页改 option 即统一标准
+// Avue CRUD 弹窗：表单白卡 + 底部按钮区视觉合一（按钮在卡片内部）
 .el-dialog .avue-form {
   background: #fff;
   border-radius: 6px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
-  padding: 16px;
+  padding: 24px; // 加大内边距，与 customer-archive 对齐
+  margin-bottom: 0; // 与下方 footer 无缝衔接
+}
+
+.avue-crud__dialog .avue-dialog__footer {
+  position: relative;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  background: #fff;
+  border-radius: 0 0 6px 6px; // 接续白卡底部圆角
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); // 与白卡阴影一致
+  padding: 16px 24px; // 与白卡 padding 对齐
+  margin-top: 0; // 消除与上方白卡的灰底间隙
+}
+
+// 3c) common-route 编辑弹窗：输入框宽度与 customer-archive 对齐（固定 250px + label 固定宽）
+.avue-dialog--common-route {
+  .el-form-item__label {
+    flex: 0 0 calc(6em + 24px) !important;
+    width: calc(6em + 24px) !important;
+    white-space: normal !important;
+    word-break: break-all;
+    overflow-wrap: anywhere;
+    line-height: 18px;
+  }
+
+  .el-form-item {
+    align-items: center;
+  }
+
+  .el-form-item__content > .el-input,
+  .el-form-item__content > .el-select,
+  .el-form-item__content > .el-cascader,
+  .el-form-item__content > .el-input-number,
+  .el-form-item__content > .el-date-editor {
+    width: 250px;
+    max-width: 100%;
+  }
 }
 
 // 3) Avue 弹窗内分组（option.group）渲染为白卡，标题在卡内
@@ -238,13 +277,13 @@
 
   .avue-group__header {
     border-bottom: none;
-    padding: 14px 16px 4px;
+    padding: 16px 24px 4px;
     font-weight: 500;
     color: #303133;
   }
 
   .avue-group__item {
-    padding: 14px 16px 4px;
+    padding: 16px 24px 4px;
   }
 }
 
@@ -266,9 +305,9 @@
   }
 }
 
-// 4) 弹窗内表单项默认上下间距 16px（覆盖默认 18px / 22px）
+// 4) 弹窗内表单项默认上下间距 20px（覆盖默认 18px / 22px，与 customer-archive 对齐）
 .el-dialog .el-form-item {
-  margin-bottom: 16px;
+  margin-bottom: 20px;
 }
 
 // 5) 通用分组白卡组件（<section-card>）：标题融入卡头
diff --git a/src/views/business/components/business-crud-page.vue b/src/views/business/components/business-crud-page.vue
index 472ca0b..d1704bc 100644
--- a/src/views/business/components/business-crud-page.vue
+++ b/src/views/business/components/business-crud-page.vue
@@ -9516,6 +9516,37 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+// 对齐 customer-archive 的 .archive-form 风格：label 固定宽折行 + 控件 250px
+.business-crud-page__task-form,
+.business-crud-page__freight-form,
+.business-crud-page__module-form,
+.business-crud-page__dispatch-item-form,
+.business-crud-page__match-form,
+.business-crud-page__transport-plan-import-form {
+  :deep(.el-form-item__label) {
+    flex: 0 0 calc(6em + 24px) !important;
+    width: calc(6em + 24px) !important;
+    height: auto;
+    white-space: normal !important;
+    word-break: break-all;
+    overflow-wrap: anywhere;
+    line-height: 18px;
+  }
+
+  :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: 250px;
+    max-width: 100%;
+  }
+}
+
 .business-crud-page {
   &__field {
     width: 100%;
diff --git a/src/views/business/components/waybill-import-dialog.vue b/src/views/business/components/waybill-import-dialog.vue
index ac2ae42..ad0aba0 100644
--- a/src/views/business/components/waybill-import-dialog.vue
+++ b/src/views/business/components/waybill-import-dialog.vue
@@ -33,7 +33,7 @@
 
   <el-dialog v-model="createVisible" title="新建导入" width="85%" append-to-body destroy-on-close class="waybill-import-create">
     <section class="waybill-import-create__form-panel">
-      <el-form ref="formRef" :model="form" :rules="rules" label-position="right" label-width="auto">
+      <el-form ref="formRef" :model="form" :rules="rules" label-position="right" label-width="auto" class="archive-form">
         <el-row :gutter="20"><el-col :span="6"><el-form-item label="项目" prop="projectId"><el-select v-model="form.projectId" filterable clearable placeholder="模糊查询后选择" @change="projectChange"><el-option v-for="item in projects" :key="item.id" :label="item.projectName" :value="item.id" /></el-select></el-form-item></el-col><el-col :span="6"><el-form-item label="客户" prop="customerName"><el-input v-model="form.customerName" disabled placeholder="自动带出" /></el-form-item></el-col><el-col :span="6"><el-form-item label="客户合同" prop="contractId"><el-select v-model="form.contractId" filterable clearable placeholder="自动带出"><el-option v-for="item in contracts" :key="item.id" :label="item.contractName" :value="item.id" /></el-select></el-form-item></el-col><el-col :span="6"><el-form-item label="承运类型" prop="carrierType"><el-select v-model="form.carrierType"><el-option label="承运商" value="承运商" /><el-option label="自运" value="自运" /><el-option label="网货平台" value="网货平台" /></el-select></el-form-item></el-col><el-col :span="6"><el-form-item label="承运商"><el-select v-model="form.carrierIds" multiple filterable placeholder="自动带出，多个需选择"><el-option v-for="item in carriers" :key="item.id" :label="item.name" :value="item.id" /></el-select></el-form-item></el-col><el-col :span="6"><el-form-item label="导入状态" prop="status"><el-select v-model="form.status"><el-option label="完成" value="completed" /><el-option label="进行中" value="processing" /></el-select></el-form-item></el-col><el-col :span="6"><el-form-item label="导入类型" prop="importType"><el-select v-model="form.importType"><el-option label="运单" value="waybill" /><el-option label="结算单" value="settlement" /></el-select></el-form-item></el-col><el-col :span="6"><el-form-item label="发货计划"><el-select v-model="form.planId" clearable filterable placeholder="请选择"><el-option v-for="item in plans" :key="item.id" :label="item.planName" :value="item.id" /></el-select></el-form-item></el-col></el-row>
         <el-form-item label="运单明细表" prop="file"><el-upload action="#" accept=".xls,.xlsx" :auto-upload="false" :limit="1" :file-list="files" :on-change="fileChange" :on-remove="fileRemove"><el-button type="primary">添加附件</el-button></el-upload><span class="waybill-import-create__file-tip">请上传运单明细表，仅支持 excel 格式</span><el-link type="primary" @click="downloadTemplate">下载模板</el-link></el-form-item>
       </el-form>
diff --git a/src/views/business/loading-manage.vue b/src/views/business/loading-manage.vue
index 11a8e9a..ff22d54 100644
--- a/src/views/business/loading-manage.vue
+++ b/src/views/business/loading-manage.vue
@@ -378,7 +378,7 @@
           :disabled="dialogReadonly"
           label-position="right"
           label-width="auto"
-          class="loading-manage-dialog__form"
+          class="loading-manage-dialog__form archive-form"
         >
           <section-card title="筛选待配载运单">
             <template #extra>
diff --git a/src/views/transportCapacity/driver.vue b/src/views/transportCapacity/driver.vue
index 833c442..ac03d77 100644
--- a/src/views/transportCapacity/driver.vue
+++ b/src/views/transportCapacity/driver.vue
@@ -121,7 +121,7 @@
         :rules="formRules"
         label-position="right"
         :disabled="readonly"
-        class="driver-form"
+        class="driver-form archive-form"
       >
         <section-card title="基础身份信息">
           <el-row :gutter="18">
diff --git a/src/views/transportCapacity/ship.vue b/src/views/transportCapacity/ship.vue
index 76c5648..a1518d4 100644
--- a/src/views/transportCapacity/ship.vue
+++ b/src/views/transportCapacity/ship.vue
@@ -139,7 +139,7 @@
         label-position="right"
         label-width="auto"
         :disabled="readonly"
-        class="ship-form"
+        class="ship-form archive-form"
       >
         <section-card title="基础船舶信息">
           <el-row :gutter="18">
diff --git a/src/views/transportCapacity/vehicle.vue b/src/views/transportCapacity/vehicle.vue
index 4a68715..f523888 100644
--- a/src/views/transportCapacity/vehicle.vue
+++ b/src/views/transportCapacity/vehicle.vue
@@ -153,7 +153,7 @@
         :rules="formRules"
         label-position="right"
         :disabled="readonly"
-        class="vehicle-form"
+        class="vehicle-form archive-form"
       >
         <section-card title="基础车辆信息">
           <el-row :gutter="18">
diff --git a/src/views/vehicle/credit-score-quantification.vue b/src/views/vehicle/credit-score-quantification.vue
index 8d8a34b..3ef70c2 100644
--- a/src/views/vehicle/credit-score-quantification.vue
+++ b/src/views/vehicle/credit-score-quantification.vue
@@ -84,12 +84,12 @@
       @closed="resetConfig"
     >
       <div class="score-config">
-        <div class="section-title dialog-section-title">评分量化表</div>
+        <section-card title="评分量化表">
         <el-form
           :model="configForm"
           label-position="right"
           label-width="auto"
-          class="base-form"
+          class="archive-form"
           :disabled="readonly"
         >
           <el-form-item label="评定表名称" required>
@@ -110,10 +110,9 @@
             />
           </el-form-item>
         </el-form>
+        </section-card>
 
-        <div class="section-head">
-          <div class="section-title dialog-section-title">评分表</div>
-        </div>
+        <section-card title="评分表">
         <el-table :data="configForm.categories" border class="config-table">
           <el-table-column label="序号" type="index" width="90" align="center" />
           <el-table-column label="评分类目" prop="categoryName" min-width="180" />
@@ -126,13 +125,14 @@
             </template>
           </el-table-column>
         </el-table>
+        </section-card>
 
-        <div class="section-head standard-head">
-          <div class="section-title dialog-section-title">评估标准</div>
-          <el-button type="primary" icon="el-icon-plus" v-if="!readonly" @click="openStandard()">
-            添加
-          </el-button>
-        </div>
+        <section-card title="评估标准">
+          <template #extra>
+            <el-button type="primary" plain icon="el-icon-plus" v-if="!readonly" @click="openStandard()">
+              添加评估标准
+            </el-button>
+          </template>
         <el-table :data="configForm.standards" border class="config-table">
           <el-table-column label="序号" type="index" width="90" align="center" />
           <el-table-column label="信用等级" prop="creditLevel" width="120" align="center" />
@@ -146,6 +146,7 @@
             </template>
           </el-table-column>
         </el-table>
+        </section-card>
       </div>
       <template #footer>
         <el-button @click="configBox = false">{{ readonly ? '关闭' : '取消' }}</el-button>
@@ -163,12 +164,12 @@
     >
       <div class="category-detail">
         <div class="category-line">评分类目：{{ currentCategory.categoryName }}</div>
-        <div class="section-head">
-          <span></span>
-          <el-button type="primary" icon="el-icon-plus" v-if="!readonly" @click="openItem()">
-            添加
-          </el-button>
-        </div>
+        <section-card title="评分项目">
+          <template #extra>
+            <el-button type="primary" plain icon="el-icon-plus" v-if="!readonly" @click="openItem()">
+              添加评分项目
+            </el-button>
+          </template>
         <el-table :data="currentCategory.items" border class="config-table">
           <el-table-column label="序号" type="index" width="90" align="center" />
           <el-table-column label="评分项目" prop="itemName" width="180" />
@@ -190,6 +191,7 @@
             </template>
           </el-table-column>
         </el-table>
+        </section-card>
       </div>
       <template #footer>
         <el-button type="primary" @click="categoryBox = false">保存</el-button>
@@ -203,6 +205,7 @@
       width="86%"
       class="score-item-dialog"
     >
+      <section-card title="评分项目详情">
       <el-form
         :model="itemForm"
         label-position="right"
@@ -248,7 +251,8 @@
             </div>
           </div>
         </el-form-item>
-      </el-form>
+        </el-form>
+      </section-card>
       <template #footer>
         <el-button @click="itemBox = false">取消</el-button>
         <el-button type="primary" v-if="!readonly" @click="saveItem">保存</el-button>
@@ -262,8 +266,9 @@
       width="76%"
       :close-on-press-escape="false"
     >
-      <el-form :model="standardForm" label-position="right" label-width="auto" :disabled="readonly">
-        <el-row :gutter="20">
+      <section-card title="评估标准设置">
+        <el-form :model="standardForm" label-position="right" label-width="auto" :disabled="readonly" class="standard-form archive-form">
+          <el-row :gutter="20">
           <el-col :span="8">
             <el-form-item label="信用等级" required>
               <el-select
@@ -350,7 +355,8 @@
             show-word-limit
           />
         </el-form-item>
-      </el-form>
+        </el-form>
+      </section-card>
       <template #footer>
         <el-button @click="standardBox = false">取消</el-button>
         <el-button type="primary" v-if="!readonly" @click="saveStandard">保存</el-button>
@@ -1015,39 +1021,34 @@ export default {
 
 <style lang="scss" scoped>
 .score-config {
-  padding: 4px 12px 12px;
-
   &__name-input {
     width: min(420px, 100%);
   }
 }
 
-.base-form {
-  max-width: 60%;
-  padding: 24px;
-}
-
-.section-head {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin: 24px 0 12px;
-
-  .section-title {
-    margin: 0;
+.archive-form {
+  :deep(.el-form-item__label) {
+    flex: 0 0 calc(6em + 24px) !important;
+    width: calc(6em + 24px) !important;
+    height: auto;
+    white-space: normal !important;
+    word-break: break-all;
+    overflow-wrap: anywhere;
+    line-height: 18px;
   }
-}
 
-.section-title {
-  margin: 18px 0 12px;
-  font-size: 20px;
-  font-weight: 700;
-  line-height: 20px;
-  color: #303133;
-}
+  :deep(.el-form-item) {
+    align-items: center;
+  }
 
-.standard-head {
-  margin-top: 36px;
+  :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: 250px;
+    max-width: 100%;
+  }
 }
 
 .config-table {
diff --git a/src/views/vehicle/customer-archive.vue b/src/views/vehicle/customer-archive.vue
index d866083..e55b4a6 100644
--- a/src/views/vehicle/customer-archive.vue
+++ b/src/views/vehicle/customer-archive.vue
@@ -366,20 +366,15 @@
               </el-form-item>
             </el-col>
             <el-col :span="6">
-            <el-form-item label="申请总资金使用额度(万元)" prop="applyCreditLimit">
-              <el-input
-                v-model="archiveForm.applyCreditLimit"
-                maxlength="18"
-                disabled
-              />
-            </el-form-item>
+              <el-form-item label="申请总资金使用额度(万元)" prop="applyCreditLimit">
+                <el-input
+                  v-model="archiveForm.applyCreditLimit"
+                  maxlength="18"
+                  disabled
+                />
+              </el-form-item>
             </el-col>
-          </el-row>
-        </section-card>
-
-        <section-card title="其他信息">
-          <el-row :gutter="18">
-            <el-col :span="24">
+            <el-col :span="12">
               <el-form-item label="备注" prop="remark">
                 <el-input
                   v-model="archiveForm.remark"
@@ -391,6 +386,7 @@
             </el-col>
           </el-row>
         </section-card>
+
       </el-form>
 
       <section-card class="archive-detail-card">

From 8c85eb7f81b6d31fbb565d935fe7fa2ab63ba48b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Tue, 11 Aug 2026 18:50:47 +0800
Subject: [PATCH 6/6] =?UTF-8?q?style(archive-form):=20=E7=BB=9F=E4=B8=80?=
 =?UTF-8?q?=E5=92=8C=E4=BC=98=E5=8C=96=E5=BC=B9=E7=AA=97=E8=A1=A8=E5=8D=95?=
 =?UTF-8?q?=E9=A3=8E=E6=A0=BC=E5=8F=8A=E9=97=B4=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 统一财务/信用信息分组备注字段宽度及对齐，修正跨列占位
- 调整评分量化表弹窗左右边距，移除多余内边距复用全局样式
- 将评分量化表相关编辑弹窗改用 section-card 白卡分组并应用 archive-form 风格
- 给业务编辑弹窗添加 archive-form 样式，统一 label 固定宽度和控件宽度至 250px
- 新增 common-route 编辑弹窗自定义类，实现输入框宽度和标签对齐
- 全局修改弹窗灰底区间距为 8px，放宽表单项上下间距至 20px，提升视觉一致性
- 优化 Avue 弹窗底部按钮区样式，实现按钮内嵌于白卡底部
- 移除主弹窗标题左侧竖条，全站统一弹窗标题风格，遵循用户需求
- 修复弹窗表单 label 换行稳定性，保证长文本正确展示
- 调整 customer-archive 备注字段布局，保证输入框对齐美观
- 各手写编辑弹窗附加 archive-form，保证样式一致不破坏功能
---
 src/option/business/common-route.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/option/business/common-route.js b/src/option/business/common-route.js
index 608346d..e7e8a59 100644
--- a/src/option/business/common-route.js
+++ b/src/option/business/common-route.js
@@ -254,6 +254,7 @@ export const option = {
         ['updateUserName', 'updateTime', 'createTime'].indexOf(first.prop) -
         ['updateUserName', 'updateTime', 'createTime'].indexOf(second.prop)
     ),
+  ]),
   dialogCustomClass: 'avue-dialog--common-route',
 };