From ddfd911d2ea3c96ca25074e57b4fe14c9f17d243 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Sat, 15 Aug 2026 19:16:35 +0800
Subject: [PATCH 1/8] =?UTF-8?q?feat(loading-manage):=20=E5=AE=9E=E7=8E=B0?=
 =?UTF-8?q?=E7=BA=BF=E8=B7=AF=E7=BC=96=E8=BE=91=E8=B5=B7/=E7=BB=8F/?=
 =?UTF-8?q?=E7=BB=88=E5=9C=86=E7=82=B9=E5=88=86=E8=89=B2=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 根据用户反馈，给线路编辑的「起/经/终」圆形徽标分别赋予蓝、橙、绿三种颜色
- 修改 src/views/business/loading-manage.vue，新增 routeTypeClass 和 routeChangeTypeClass 方法区分起始类型
- 模板中应用动态 class，实现不同类型圆点颜色差异
- 调整 scoped 样式，去掉硬编码背景色，添加三个 modifier 分别对应三种颜色
- 将原 route-type 样式多行化，便于嵌套颜色修饰符
- 变更运输路线弹窗与主弹窗样式保持一致，保证全站统一
- 已通过 dev server HMR 验证，刷新后新增/编辑弹窗正常显示颜色区别
---
 .workbuddy/memory/2026-08-14.md | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/.workbuddy/memory/2026-08-14.md b/.workbuddy/memory/2026-08-14.md
index 15b7311..ee22614 100644
--- a/.workbuddy/memory/2026-08-14.md
+++ b/.workbuddy/memory/2026-08-14.md
@@ -110,3 +110,15 @@
 - 改动：
   1. `src/option/business/contract-manage.js`：该文件 option 在 `createCrudOption([...])` 之后本就用 `option.xxx = ...` 顶层赋值（span/dialogWidth/dialogTop 等），故在末尾追加 `option.dialogCustomClass = 'contract-manage-dialog';`（无需改结构，与文件既有写法一致）。
   2. `src/styles/element-ui.scss`：新增 `.contract-manage-dialog` 四条规则，复刻 waybill-manage 方案——`height/max-height: calc(100vh - 40px) !important` 压过库内置 `.avue-dialog` 的 200px 上限；`.el-dialog__header { flex:none }`、`.el-dialog__body { flex:1 1 auto; min-height:0; max-height:none !important; overflow-y:auto }` 解开全局 avue-crud 200px body 限制；`.avue-dialog__footer { position:sticky; bottom:0; margin-top:0 !important; background:#fff }` 抵消全局 footer 的 -30px 上移。
+
+## loading-manage 线路编辑「起/经/终」圆点分色
+
+- 需求：用户反馈 `/business/loading-manage` 弹窗中"线路编辑"区域的「起/经/终」圆形徽标要区分颜色：起蓝、经橙、终绿。
+- 改文件：`src/views/business/loading-manage.vue`。
+- 涉及两处：① 主弹窗 `loading-manage-dialog__route-type`；② 变更运输路线弹窗 `loading-route-change-dialog__route-type`（保持全站一致）。
+- 实现方式（最小侵入、不破坏现有结构）：
+  1. methods 各加一个 `routeTypeClass(index)` / `routeChangeTypeClass(index)`，返回 `'start' | 'middle' | 'end'`。
+  2. 模板里 span 改用 `:class="['...route-type', '...route-type--' + ${xxxClass(index)}]"` 动态 class。
+  3. scoped 样式 `__route-type` 规则去掉硬编码 `background`，改用 `&--start/#409eff` + `&--middle/#e6a23c` + `&--end/#67c23a` 三个 modifier（颜色取 Element Plus 语义色：蓝主色 / 橙 warning / 绿 success），`color: #fff` 保留。
+- 关键 trick：变更弹窗原 `route-type` 样式是单行压缩写法，本次顺手把它多行化（保持其他子规则不变），以便嵌套 `&--xxx` 修饰符。
+- dev server(2889) HMR 自动生效，刷新后开新增/编辑弹窗向下滚到"线路编辑"分组即可见。

From 24abe2ecbdad0ac917ffd9214d2087bfe2fb69c9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Thu, 20 Aug 2026 12:29:22 +0800
Subject: [PATCH 2/8] =?UTF-8?q?refactor(config):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=E5=92=8C=E7=95=8C=E9=9D=A2=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除保险识别模板页面basic-container的多余class属性
- 引入并注册SectionCard组件以增强页面结构
- 调整车辆保险记录对话框宽度由1100改为1024
- 缩减菜单宽度从180调整为120，优化布局空间
- 轻微调整表格列最小宽度以适配新界面
- 更新vite配置，切换开发服务器端口为2889
- 修改API代理目标地址为http://172.16.203.228:8000并启用代理配置
---
 src/option/vehicle/insurance-record.js    |  6 +++---
 src/views/base/insurance-ocr-template.vue |  4 +++-
 vite.config.mjs                           | 26 +++++++++++------------
 3 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/src/option/vehicle/insurance-record.js b/src/option/vehicle/insurance-record.js
index 5872b3c..af12be7 100644
--- a/src/option/vehicle/insurance-record.js
+++ b/src/option/vehicle/insurance-record.js
@@ -28,7 +28,7 @@ export const ocrTemplateDic = [];
 export const option = {
   height: 'auto',
   calcHeight: 32,
-  dialogWidth: 1100,
+  dialogWidth: 1024,
   labelPosition: 'right',
   tip: false,
   searchBtnText: '查询',
@@ -46,7 +46,7 @@ export const option = {
   viewBtn: true,
   selection: true,
   dialogClickModal: false,
-  menuWidth: 180,
+  menuWidth: 120,
   column: [
     {
       label: '车船类型',
@@ -97,7 +97,7 @@ export const option = {
       type: 'select',
       dicData: insuranceTypeDic,
       search: true,
-      minWidth: 130,
+      minWidth: 120,
       rules: [{ required: true, message: '请选择保险类型', trigger: 'change' }],
     },
     {
diff --git a/src/views/base/insurance-ocr-template.vue b/src/views/base/insurance-ocr-template.vue
index f5cbc3a..42bfc40 100644
--- a/src/views/base/insurance-ocr-template.vue
+++ b/src/views/base/insurance-ocr-template.vue
@@ -1,5 +1,5 @@
 <template>
-  <basic-container class="insurance-ocr-template-page">
+  <basic-container>
     <div class="insurance-ocr-template-page__toolbar">
       <el-button
         v-if="hasPermission('insurance_ocr_template_add')"
@@ -122,6 +122,7 @@
 <script>
 import { mapGetters } from 'vuex';
 import { getDetail, getList, remove, submit } from '@/api/base/insurance-ocr-template';
+import SectionCard from '@/components/section-card/main.vue';
 
 const insuranceFieldKeys = [
   '保险类型',
@@ -152,6 +153,7 @@ const createMappingRows = mappingConfig => {
 };
 
 export default {
+  components: { SectionCard },
   data() {
     return {
       loading: false,
diff --git a/vite.config.mjs b/vite.config.mjs
index 8c0a2a9..09134a0 100644
--- a/vite.config.mjs
+++ b/vite.config.mjs
@@ -50,26 +50,26 @@ export default ({
       __VUE_I18N_LEGACY_API__: true,
       __INTLIFY_PROD_DEVTOOLS__: false,
     },
-    server: {
-      port: 2888,
-      proxy: {
-        '/api': {
-          target: 'http://localhost',
-          //target: 'https://saber3.bladex.cn/api',
-          changeOrigin: true,
-          rewrite: path => path.replace(/^\/api/, ''),
-        },
-      },
-    },
     // server: {
-    //   port: 2889,
+    //   port: 2888,
     //   proxy: {
     //     '/api': {
-    //       target: 'http://172.16.203.228:8000',
+    //       target: 'http://localhost',
+    //       //target: 'https://saber3.bladex.cn/api',
     //       changeOrigin: true,
+    //       rewrite: path => path.replace(/^\/api/, ''),
     //     },
     //   },
     // },
+    server: {
+      port: 2889,
+      proxy: {
+        '/api': {
+          target: 'http://172.16.203.228:8000',
+          changeOrigin: true,
+        },
+      },
+    },
     resolve: {
       alias: {
         '~': resolve(__dirname, './'),

From f6b05ed71d1fdc6a844b719848a1c49cd337e303 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Thu, 20 Aug 2026 12:39:24 +0800
Subject: [PATCH 3/8] =?UTF-8?q?style(business):=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E8=AE=A1=E5=88=92=E8=B0=83=E5=BA=A6=E5=BC=B9=E7=AA=97=E8=A1=A8?=
 =?UTF-8?q?=E5=A4=B4=E8=83=8C=E6=99=AF=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在运输计划调度弹窗待调度列表的el-table组件增加表头背景色样式
- 将表头背景由白色改为浅灰色 #fafafa，与整体风格保持一致

style(insurance): 优化保险OCR模板弹窗表单样式

- 使用section-card组件包裹弹窗表单，实现卡片化白底圆角效果
- 调整字段映射表格列宽和对齐方式，键名列宽改为180居中，自定义映射值列去除宽度限制
- 改善输入框右侧字数统计显示，避免被截断显示不全
---
 .workbuddy/memory/2026-08-20.md               | 19 +++++++++
 src/views/base/insurance-ocr-template.vue     | 39 ++++++++++---------
 .../components/business-crud-page.vue         |  1 +
 3 files changed, 41 insertions(+), 18 deletions(-)
 create mode 100644 .workbuddy/memory/2026-08-20.md

diff --git a/.workbuddy/memory/2026-08-20.md b/.workbuddy/memory/2026-08-20.md
new file mode 100644
index 0000000..72125e3
--- /dev/null
+++ b/.workbuddy/memory/2026-08-20.md
@@ -0,0 +1,19 @@
+# 2026-08-20 工作日志
+
+## 保险 OCR 识别模板弹窗列宽调整
+
+- 调整文件：`src/views/base/insurance-ocr-template.vue`
+- 修改内容：字段映射表格中，键名列由 `min-width="240"` 改为 `width="120" align="center"`；自定义映射值列由 `min-width="500"` 改为 `width="360"`。
+- 原因：原列宽导致表格总宽度超出 860px 弹窗 body 可用区域，输入框右侧字数统计（0/100）被截断看不全。
+
+## 保险 OCR 识别模板弹窗卡片化
+
+- 调整文件：`src/views/base/insurance-ocr-template.vue`
+- 修改内容：将弹窗内表单的白色背景 `div` 替换为全局 `<section-card title="模板信息">` 组件，形成白底圆角卡片；同时为自定义映射值列保留 `width="360"`，避免在卡片内被撑开。
+- 原因：用户希望弹窗表单区域呈现卡片效果，与项目统一的 `section-card` 分组风格一致。
+
+## 运输计划调度弹窗表头背景色调整
+
+- 调整文件：`src/views/business/components/business-crud-page.vue`
+- 修改内容：在“计划调度”弹窗的待调度列表 `el-table` 上增加 `:header-cell-style="{ background: '#fafafa' }"`，将表头背景由白色改为浅灰。
+- 原因：用户反馈 `/business/transport-plan` 页面白色表头需统一改为灰色 `#fafafa`。
diff --git a/src/views/base/insurance-ocr-template.vue b/src/views/base/insurance-ocr-template.vue
index 42bfc40..3b2f976 100644
--- a/src/views/base/insurance-ocr-template.vue
+++ b/src/views/base/insurance-ocr-template.vue
@@ -90,25 +90,28 @@
       @closed="resetForm"
     >
       <el-form ref="templateForm" :model="form" :rules="rules" label-width="100px" :disabled="readonly">
-        <el-form-item label="模板名称" prop="name">
-          <el-input v-model="form.name" maxlength="100" show-word-limit />
-        </el-form-item>
-        <el-form-item label="字段映射" required>
-          <el-table :data="mappingRows" border class="insurance-ocr-template-page__mapping-table">
-            <el-table-column prop="key" label="键名" min-width="240" />
-            <el-table-column label="自定义映射值" min-width="500">
-              <template #default="{ row }">
-                <el-input
-                  v-model="row.value"
-                  maxlength="100"
-                  show-word-limit
-                  placeholder="请输入保险单据中的对应字段名称"
-                />
-              </template>
-            </el-table-column>
-          </el-table>
-        </el-form-item>
+        <section-card title="模板信息">
+          <el-form-item label="模板名称" prop="name">
+            <el-input v-model="form.name" maxlength="100" show-word-limit />
+          </el-form-item>
+          <el-form-item label="字段映射" required>
+            <el-table :data="mappingRows" border class="insurance-ocr-template-page__mapping-table">
+              <el-table-column prop="key" label="键名" width="180" align="center" />
+              <el-table-column label="自定义映射值">
+                <template #default="{ row }">
+                  <el-input
+                    v-model="row.value"
+                    maxlength="100"
+                    show-word-limit
+                    placeholder="请输入保险单据中的对应字段名称"
+                  />
+                </template>
+              </el-table-column>
+            </el-table>
+          </el-form-item>
+        </section-card>
       </el-form>
+
       <template #footer>
         <el-button @click="dialogVisible = false">取消</el-button>
         <el-button v-if="!readonly" type="primary" :loading="submitLoading" @click="handleSubmit">
diff --git a/src/views/business/components/business-crud-page.vue b/src/views/business/components/business-crud-page.vue
index 4e90d4c..2290aa3 100644
--- a/src/views/business/components/business-crud-page.vue
+++ b/src/views/business/components/business-crud-page.vue
@@ -3774,6 +3774,7 @@
             height="100%"
             row-key="_key"
             class="business-crud-page__dispatch-table"
+            :header-cell-style="{ background: '#fafafa' }"
           >
             <el-table-column type="index" label="序号" width="70" align="center" fixed="left" />
             <el-table-column label="运输方式" min-width="180" align="center" show-overflow-tooltip>

From 8f35e6b26507d22c435f8c817843bb3ff98f0ecb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Thu, 20 Aug 2026 14:47:29 +0800
Subject: [PATCH 4/8] =?UTF-8?q?style(ui):=20=E7=BB=9F=E4=B8=80=E5=85=A8?=
 =?UTF-8?q?=E7=AB=99=20el-table=20=E8=A1=A8=E5=A4=B4=E8=83=8C=E6=99=AF?=
 =?UTF-8?q?=E8=89=B2=E5=8F=8A=E5=BC=B9=E7=AA=97=E5=8D=A1=E7=89=87=E5=8C=96?=
 =?UTF-8?q?=E9=A3=8E=E6=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将所有 el-table 表头背景色统一设为浅灰 #fafafa，覆盖普通表格、avue-crud 和固定列
- 移除业务组件内冗余的表头样式，改由全局样式统一控制
- 调整多处弹窗（预结算单、正式结算单、运输对账单、应收明细等）内容板块，改用全局 section-card 组件实现白底卡片分组
- 为多个弹窗内的搜索区域增加白底、圆角和阴影样式，提升视觉层次感
- 缩减多处表格“操作”列宽度以适配新布局
- 付款申请弹窗按钮由主色调 primary 改为 success，符合全站按钮风格规范
- 统一调整弹窗内表单、按钮、间距及背景细节，改善界面体验和视觉一致性
---
 .workbuddy/memory/2026-08-20.md               | 83 +++++++++++++++++++
 src/styles/element-ui.scss                    | 10 +--
 .../components/business-crud-page.vue         |  1 -
 .../components/formal-settlement-editor.vue   | 51 +++++-------
 .../components/pre-settlement-editor.vue      | 54 ++++--------
 .../settlement-adjustment-editor.vue          | 37 ++-------
 .../transport-reconciliation-editor.vue       | 32 +++----
 src/views/settlement/formal-settlement.vue    | 60 ++++++++------
 src/views/settlement/pre-settlement.vue       | 61 ++++++--------
 .../settlement/receivable-payable-detail.vue  | 48 ++++++++++-
 .../settlement/settlement-adjustment.vue      |  2 +-
 .../settlement/transport-reconciliation.vue   |  2 +-
 12 files changed, 250 insertions(+), 191 deletions(-)

diff --git a/.workbuddy/memory/2026-08-20.md b/.workbuddy/memory/2026-08-20.md
index 72125e3..e0a793c 100644
--- a/.workbuddy/memory/2026-08-20.md
+++ b/.workbuddy/memory/2026-08-20.md
@@ -17,3 +17,86 @@
 - 调整文件：`src/views/business/components/business-crud-page.vue`
 - 修改内容：在“计划调度”弹窗的待调度列表 `el-table` 上增加 `:header-cell-style="{ background: '#fafafa' }"`，将表头背景由白色改为浅灰。
 - 原因：用户反馈 `/business/transport-plan` 页面白色表头需统一改为灰色 `#fafafa`。
+
+## 运单管理货物信息表头背景色调整
+
+- 调整文件：`src/views/business/components/business-crud-page.vue`
+- 修改内容：在 `goodsJson-form` 货物信息表格上增加 `:header-cell-style="{ background: '#fafafa' }"`，表头背景改为浅灰。
+- 原因：用户反馈 `/business/waybill-manage` 页面货物信息表头需统一改为灰色 `#fafafa`。
+
+## 全站 el-table 表头背景色统一
+
+- 调整文件：`src/styles/element-ui.scss`（修改原仅限 `.avue-crud` 的表头规则）
+- 修改内容：将表头背景规则扩展为全站 `.el-table` 表头（含普通表格、avue-crud、固定列），统一 `background-color: #fafafa !important`。
+- 连带清理：移除 `business-crud-page.vue` 中两处冗余的 `:header-cell-style="{ background: '#fafafa' }"`（调度表、货物表），改由全局规则兜底。
+- 影响：`/business/loading-manage`、`/business/waybill-manage`、`/business/transport-plan` 以及全站所有白色 el-table 表头均统一为 `#fafafa`。`!important` 同时覆盖了部分组件内 scoped 设定的 `#f5f7fa` 表头背景。
+
+## 应收明细调整费用弹窗按钮间距
+
+- 调整文件：`src/views/settlement/receivable-payable-detail.vue`
+- 修改内容：为“调整费用”弹窗内的 `.settlement-detail-page__adjust-toolbar` 增加 `margin-bottom: 16px`，让“新增费用项”按钮与下方表格拉开间距。
+- 原因：用户反馈 `/settlement/receivable-detail` 页面调整费用弹窗中“新增费用项”按钮与表格贴得太近。
+
+## 应收明细生成费用弹窗搜索区域加白底
+
+- 调整文件：`src/views/settlement/receivable-payable-detail.vue`
+- 修改内容：为“生成费用”弹窗内的搜索 `el-form` 增加 class `settlement-detail-page__generate-search`，设置白底、圆角 6px、轻阴影，并与下方表格保留 16px 间距。
+- 原因：用户反馈 `/settlement/receivable-detail` 页面生成费用弹窗中搜索区域缺少白底卡片效果。
+
+## 应收明细更新费用弹窗表单加白底
+
+- 调整文件：`src/views/settlement/receivable-payable-detail.vue`
+- 修改内容：为“更新费用”弹窗的 `.settlement-detail-page__dialog-form` 增加白底、圆角 6px、轻阴影；将 padding 由 `16px 20px 0` 改为 `16px 20px`，并去掉最后一个表单项的底部外边距。
+- 原因：用户反馈 `/settlement/receivable-detail` 页面更新费用弹窗中表单区域缺少白底卡片效果。
+
+## 应收明细批量转结算弹窗搜索区域加白底
+
+- 调整文件：`src/views/settlement/receivable-payable-detail.vue`
+- 修改内容：为“批量转结算”弹窗的 `.settlement-detail-page__transfer-form` 搜索区域增加白底、圆角 6px、轻阴影，并保留与下方表格 16px 间距。
+- 原因：用户反馈 `/settlement/receivable-detail` 页面批量转结算弹窗中搜索区域缺少白底卡片效果。
+
+## 预结算单编辑弹窗改白底卡片分组
+
+- 调整文件：`src/views/settlement/components/pre-settlement-editor.vue`
+- 修改内容：将“新增/编辑预结算单”弹窗内的全部板块由自定义 `dialog-section-title` + `<section>` 改为全局 `<section-card>` 组件，包括：结算基本信息、结算合计、结算明细、附件、预付信息（readonly）、变更记录（readonly）。结算合计/结算明细头部右侧按钮改为 section-card 的 `#extra` 插槽；删除了不再使用的 `.pre-settlement-editor__section` 与 `.pre-settlement-editor__section-head` 样式，并去掉了 `.pre-settlement-editor__form` 多余的 `margin-top`。
+- 间距：卡片间距沿用全局 `.section-card` 的 `margin-bottom: 12px`（符合用户要求）。候选弹窗（添加应收应付明细）的 `dialog-section-title` 保持不变。
+- 原因：用户要求预结算单弹窗各板块使用白底卡片分隔，统一项目视觉规范。
+
+## 应收明细详情弹窗 tabs 内容区背景改白
+
+- 调整文件：`src/views/settlement/receivable-payable-detail.vue`
+- 修改内容：在 scoped 样式末尾新增 `.settlement-detail-dialog` 规则块，对 `:deep(.el-tabs__content)` 设置 `background: #fff; padding: 16px; border-radius: 0 0 6px 6px;`，`:deep(.el-tab-pane)` 设为透明。
+- 原因：全局 `.el-dialog__body { background: #f5f6fa }` 灰底透到 tabs 内容区（费用明细/变更记录），用户要求改为白色背景。
+
+## 预结算单打印弹窗白底卡片化
+
+- 调整文件：`src/views/settlement/pre-settlement.vue`
+- 修改内容：将“打印”弹窗内的手写 `.dialog-section-title` + 普通 `el-form` 改为全局 `<section-card title="选择打印模板">` 包裹表单；为打印弹窗增加 `class="pre-settlement-print-dialog"`；删除页面底部不再使用的 `.dialog-section-title` 样式块，并去掉 `.pre-settlement-page__print-form` 的 `margin-top`。
+- 原因：用户要求 `/settlement/pre-settlement` 打印弹窗按项目规范使用白底卡片分组，与预结算单编辑弹窗风格统一。
+
+## 正式结算付款申请弹窗白底卡片化
+
+- 调整文件：`src/views/settlement/formal-settlement.vue`
+- 修改内容：将“付款申请”弹窗内的普通 `el-form` 改为全局 `<section-card title="付款信息">` 包裹；为弹窗增加 `class="formal-payment-dialog"`；按全站按钮规范将“提交”按钮由 `type="primary"` 改为 `type="success"`。
+- 原因：用户要求 `/settlement/formal-settlement` 付款申请弹窗使用白底卡片分组，并与项目统一按钮风格对齐。
+
+## 正式结算单编辑弹窗改白底卡片分组
+
+- 调整文件：`src/views/settlement/components/formal-settlement-editor.vue`
+- 修改内容：将“新增/编辑正式结算单”弹窗内的全部板块由 `dialog-section-title` + `<section>` 改为全局 `<section-card>` 组件，包括：结算基本信息、来源预结算单、结算明细、附件、付款信息（readonly）。“来源预结算单”头部按钮改为 section-card 的 `#extra` 插槽；删除了不再使用的 `.formal-editor__section` 与 `.formal-editor__section-head` 样式。
+- 间距：沿用全局 `.section-card` 的 `margin-bottom: 12px`。
+- 原因：用户要求 `/settlement/formal-settlement` 页面与预结算单弹窗统一使用白底卡片分隔。
+
+## 正式结算选择预结算单/选择结算明细弹窗搜索区白底
+
+- 调整文件：`src/views/settlement/components/formal-settlement-editor.vue`
+- 修改内容：为"选择预结算单"和"选择结算明细"两个弹窗内的搜索 `el-form` 分别增加 class `formal-editor__candidate-search` / `formal-editor__detail-search`，统一样式：白底、圆角 6px、12px 内边距、16px 底间距、轻阴影。
+- 原因：用户反馈 `/settlement/formal-settlement` 页面"选择预结算单"弹窗搜索区域缺少白底卡片效果。
+
+## 运输对账单编辑弹窗改白底卡片分组
+
+- 调整文件：`src/views/settlement/components/transport-reconciliation-editor.vue`
+- 修改内容：将"新增/编辑运输对账单"弹窗内的全部板块由 `dialog-section-title` + `<section>` 改为全局 `<section-card>` 组件，包括：导入外部账单与内部账单核对、内部账单、导入外部账单、操作说明。"导入外部账单"头部按钮改为 section-card 的 `#extra` 插槽；删除了不再使用的 `.reconciliation-editor__section` 与 `.reconciliation-editor__section-head` 样式。
+- 间距：沿用全局 `.section-card` 的 `margin-bottom: 12px`。
+- 验证：已通过 SFC 解析与模板编译检查。
+- 原因：用户要求 `/settlement/transport-reconciliation` 页面与预结算单/正式结算单弹窗统一使用白底卡片分隔。
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index 0f1865e..55d317b 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -598,11 +598,11 @@
   border-color: #eff1f7;
 }
 
-// 统一 avue-crud 表头背景色
-.avue-crud .el-table th.el-table__cell,
-.avue-crud .el-table__header-wrapper tr th.el-table-fixed-column--left,
-.avue-crud .el-table__header-wrapper tr th.el-table-fixed-column--right {
-  background-color: #fafafa;
+// 统一全站 el-table 表头背景色为浅灰 #fafafa（普通表格、avue-crud、固定列均覆盖）
+.el-table .el-table__header-wrapper th.el-table__cell,
+.el-table .el-table__header-wrapper tr th.el-table-fixed-column--left,
+.el-table .el-table__header-wrapper tr th.el-table-fixed-column--right {
+  background-color: #fafafa !important;
 }
 
 // 统一 avue-crud 偶数行背景色
diff --git a/src/views/business/components/business-crud-page.vue b/src/views/business/components/business-crud-page.vue
index 2290aa3..4e90d4c 100644
--- a/src/views/business/components/business-crud-page.vue
+++ b/src/views/business/components/business-crud-page.vue
@@ -3774,7 +3774,6 @@
             height="100%"
             row-key="_key"
             class="business-crud-page__dispatch-table"
-            :header-cell-style="{ background: '#fafafa' }"
           >
             <el-table-column type="index" label="序号" width="70" align="center" fixed="left" />
             <el-table-column label="运输方式" min-width="180" align="center" show-overflow-tooltip>
diff --git a/src/views/settlement/components/formal-settlement-editor.vue b/src/views/settlement/components/formal-settlement-editor.vue
index 30f3aab..0c786c5 100644
--- a/src/views/settlement/components/formal-settlement-editor.vue
+++ b/src/views/settlement/components/formal-settlement-editor.vue
@@ -1,8 +1,7 @@
 <template>
   <el-dialog v-model="visible" :title="title" width="96%" top="2vh" append-to-body destroy-on-close>
     <div v-loading="loading" class="formal-editor">
-      <section class="formal-editor__section">
-        <div class="dialog-section-title">结算基本信息</div>
+      <section-card title="结算基本信息">
         <el-form
           ref="formRef"
           :model="form"
@@ -64,11 +63,10 @@
             </el-col>
           </el-row>
         </el-form>
-      </section>
+      </section-card>
 
-      <section class="formal-editor__section">
-        <div class="formal-editor__section-head">
-          <div class="dialog-section-title">来源预结算单</div>
+      <section-card title="来源预结算单">
+        <template #extra>
           <div class="formal-editor__actions">
             <el-button v-if="editable" type="primary" plain @click="openCandidateDialog"
               >选择预结算单</el-button
@@ -77,7 +75,7 @@
               >选择结算明细</el-button
             >
           </div>
-        </div>
+        </template>
         <el-table :data="sources" border>
           <el-table-column type="index" label="序号" width="64" align="center" />
           <el-table-column
@@ -97,10 +95,9 @@
             >
           </el-table-column>
         </el-table>
-      </section>
+      </section-card>
 
-      <section v-if="details.length" class="formal-editor__section">
-        <div class="dialog-section-title">结算明细</div>
+      <section-card v-if="details.length" title="结算明细">
         <el-table :data="details" border>
           <el-table-column type="index" label="序号" width="64" fixed="left" align="center" />
           <el-table-column
@@ -131,10 +128,9 @@
             </template>
           </el-table-column>
         </el-table>
-      </section>
+      </section-card>
 
-      <section class="formal-editor__section">
-        <div class="dialog-section-title">附件</div>
+      <section-card title="附件">
         <vehicle-attachment-upload
           v-model="attachments"
           :readonly="!editable"
@@ -143,10 +139,9 @@
           :max-size="500"
           :file-types="attachmentFileTypes"
         />
-      </section>
+      </section-card>
 
-      <section v-if="readonly && payments.length" class="formal-editor__section">
-        <div class="dialog-section-title">付款信息</div>
+      <section-card v-if="readonly && payments.length" title="付款信息">
         <el-table :data="payments" border>
           <el-table-column type="index" label="序号" width="64" align="center" />
           <el-table-column
@@ -167,7 +162,7 @@
             </template>
           </el-table-column>
         </el-table>
-      </section>
+      </section-card>
     </div>
     <template #footer>
       <el-button @click="visible = false">取消</el-button>
@@ -177,7 +172,7 @@
     </template>
 
     <el-dialog v-model="candidate.visible" title="选择预结算单" width="88%" append-to-body>
-      <el-form :model="candidate.query" inline label-position="right" label-width="160px">
+      <el-form :model="candidate.query" inline label-position="right" label-width="160px" class="formal-editor__candidate-search">
         <el-form-item label="预结算单号"
           ><el-input v-model="candidate.query.preSettlementNo" clearable
         /></el-form-item>
@@ -227,7 +222,7 @@
     </el-dialog>
 
     <el-dialog v-model="detailCandidate.visible" title="选择结算明细" width="92%" append-to-body>
-      <el-form :model="detailCandidate.query" inline label-position="right" label-width="160px">
+      <el-form :model="detailCandidate.query" inline label-position="right" label-width="160px" class="formal-editor__detail-search">
         <el-form-item label="批次号"
           ><el-input v-model="detailCandidate.query.batchNo" clearable
         /></el-form-item>
@@ -725,15 +720,6 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.formal-editor__section {
-  margin-bottom: 24px;
-}
-.formal-editor__section-head {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 12px;
-}
 .formal-editor__actions {
   display: flex;
   gap: 8px;
@@ -761,4 +747,13 @@ export default {
 .formal-editor__adjust-reason {
   margin-top: 16px;
 }
+/* 选择预结算单 / 选择结算明细 弹窗搜索区白底 */
+.formal-editor__candidate-search,
+.formal-editor__detail-search {
+  background: #fff;
+  border-radius: 6px;
+  padding: 12px;
+  margin-bottom: 16px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+}
 </style>
diff --git a/src/views/settlement/components/pre-settlement-editor.vue b/src/views/settlement/components/pre-settlement-editor.vue
index 01414da..ae0c254 100644
--- a/src/views/settlement/components/pre-settlement-editor.vue
+++ b/src/views/settlement/components/pre-settlement-editor.vue
@@ -10,8 +10,8 @@
     @closed="handleClosed"
   >
     <div v-loading="loading" class="pre-settlement-editor__content">
-      <div class="dialog-section-title">结算基本信息</div>
-      <el-form
+      <section-card title="结算基本信息">
+        <el-form
         ref="formRef"
         :model="form"
         :rules="formRules"
@@ -81,14 +81,14 @@
           </el-col>
         </el-row>
       </el-form>
+      </section-card>
 
-      <section class="pre-settlement-editor__section">
-        <div class="pre-settlement-editor__section-head">
-          <div class="dialog-section-title">结算合计</div>
+      <section-card title="结算合计">
+        <template #extra>
           <el-button v-if="editable" type="primary" plain @click="addSummaryFee">
             添加费用
           </el-button>
-        </div>
+        </template>
         <el-table :data="summaryFees" border>
           <el-table-column type="index" label="序号" width="64" align="center" />
           <el-table-column
@@ -161,11 +161,10 @@
         <div class="pre-settlement-editor__summary-total">
           合计：{{ formatMoney(summaryTotal, form.currency) }}
         </div>
-      </section>
+      </section-card>
 
-      <section class="pre-settlement-editor__section">
-        <div class="pre-settlement-editor__section-head">
-          <div class="dialog-section-title">结算明细</div>
+      <section-card title="结算明细">
+        <template #extra>
           <div class="pre-settlement-editor__section-actions">
             <el-button
               v-if="hasPermission('pre_settlement_export')"
@@ -182,7 +181,7 @@
               {{ detailCollapsed ? '展开明细' : '收起明细' }}
             </el-button>
           </div>
-        </div>
+        </template>
         <el-form
           :model="detailQuery"
           inline
@@ -284,12 +283,9 @@
             </el-table-column>
           </el-table>
         </div>
-      </section>
+      </section-card>
 
-      <section class="pre-settlement-editor__section">
-        <div class="pre-settlement-editor__section-head">
-          <div class="dialog-section-title">附件</div>
-        </div>
+      <section-card title="附件">
         <div class="pre-settlement-editor__attachment">
           <div class="pre-settlement-editor__attachment-actions">
             <vehicle-attachment-upload
@@ -344,10 +340,9 @@
             </el-table-column>
           </el-table>
         </div>
-      </section>
+      </section-card>
 
-      <section v-if="form.id && readonly" class="pre-settlement-editor__section">
-        <div class="dialog-section-title">预付信息</div>
+      <section-card v-if="form.id && readonly" title="预付信息">
         <el-table :data="advances" border>
           <el-table-column type="index" label="序号" width="64" align="center" />
           <el-table-column
@@ -370,10 +365,9 @@
             </template>
           </el-table-column>
         </el-table>
-      </section>
+      </section-card>
 
-      <section v-if="form.id && readonly" class="pre-settlement-editor__section">
-        <div class="dialog-section-title">变更记录</div>
+      <section-card v-if="form.id && readonly" title="变更记录">
         <el-table :data="changeRecords" border>
           <el-table-column type="index" label="序号" width="64" align="center" />
           <el-table-column
@@ -391,7 +385,7 @@
             </template>
           </el-table-column>
         </el-table>
-      </section>
+      </section-card>
     </div>
 
     <template #footer>
@@ -1317,12 +1311,9 @@ export default {
   &__content {
     max-height: 82vh;
     overflow-y: auto;
-    padding: 4px 12px 16px;
   }
 
   &__form {
-    margin-top: 12px;
-
     :deep(.el-select),
     :deep(.el-date-editor),
     :deep(.el-input-number) {
@@ -1330,17 +1321,6 @@ export default {
     }
   }
 
-  &__section {
-    margin-top: 20px;
-  }
-
-  &__section-head {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-bottom: 12px;
-  }
-
   &__section-actions,
   &__links {
     display: flex;
diff --git a/src/views/settlement/components/settlement-adjustment-editor.vue b/src/views/settlement/components/settlement-adjustment-editor.vue
index 975a589..2d84f81 100644
--- a/src/views/settlement/components/settlement-adjustment-editor.vue
+++ b/src/views/settlement/components/settlement-adjustment-editor.vue
@@ -1,8 +1,7 @@
 <template>
   <el-dialog v-model="visible" :title="title" width="94%" top="3vh" append-to-body destroy-on-close>
     <div v-loading="loading" class="settlement-adjustment-editor">
-      <section class="settlement-adjustment-editor__section">
-        <div class="dialog-section-title">基本信息</div>
+      <section-card title="基本信息">
         <el-form
           ref="formRef"
           :model="form"
@@ -57,11 +56,10 @@
             >
           </el-row>
         </el-form>
-      </section>
+      </section-card>
 
-      <section class="settlement-adjustment-editor__section">
-        <div class="settlement-adjustment-editor__section-head">
-          <div class="dialog-section-title">调整费用</div>
+      <section-card title="调整费用">
+        <template #extra>
           <el-button
             v-if="editable && form.formalSettlementId"
             type="primary"
@@ -69,7 +67,7 @@
             @click="openFeeDialog"
             >添加费用</el-button
           >
-        </div>
+        </template>
         <el-table :data="details" border>
           <el-table-column type="index" label="序号" width="64" align="center" /><el-table-column
             prop="feeType"
@@ -141,7 +139,7 @@
           }}</strong
           >；调整后结算金额：<strong>{{ formatMoney(form.adjustedSettlementAmount) }}</strong>
         </div>
-      </section>
+      </section-card>
     </div>
     <template #footer
       ><el-button @click="visible = false">取消</el-button
@@ -354,15 +352,6 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.settlement-adjustment-editor__section {
-  margin-bottom: 24px;
-}
-.settlement-adjustment-editor__section-head {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 12px;
-}
 .settlement-adjustment-editor__summary {
   padding: 12px 0;
   text-align: right;
@@ -379,18 +368,4 @@ export default {
 .negative {
   color: #f56c6c;
 }
-.dialog-section-title {
-  display: flex;
-  align-items: center;
-  min-height: 22px;
-  font-size: 16px;
-  font-weight: 600;
-}
-.dialog-section-title::before {
-  width: 4px;
-  height: 18px;
-  margin-right: 8px;
-  background: #409eff;
-  content: '';
-}
 </style>
diff --git a/src/views/settlement/components/transport-reconciliation-editor.vue b/src/views/settlement/components/transport-reconciliation-editor.vue
index 364a926..c5e200a 100644
--- a/src/views/settlement/components/transport-reconciliation-editor.vue
+++ b/src/views/settlement/components/transport-reconciliation-editor.vue
@@ -1,8 +1,7 @@
 <template>
   <el-dialog v-model="visible" :title="title" width="98%" top="2vh" append-to-body destroy-on-close>
     <div v-loading="loading" class="reconciliation-editor">
-      <section class="reconciliation-editor__section">
-        <div class="dialog-section-title">导入外部账单，与内部账单核对</div>
+      <section-card title="导入外部账单，与内部账单核对">
         <el-form
           ref="formRef"
           :model="form"
@@ -61,10 +60,9 @@
             </el-col>
           </el-row>
         </el-form>
-      </section>
+      </section-card>
 
-      <section class="reconciliation-editor__section">
-        <div class="dialog-section-title">内部账单</div>
+      <section-card title="内部账单">
         <div class="reconciliation-editor__stats">
           <div class="stat-card">
             <b>{{ form.internalBillCount || 0 }}</b
@@ -149,11 +147,10 @@
             </template>
           </el-table-column>
         </el-table>
-      </section>
+      </section-card>
 
-      <section class="reconciliation-editor__section">
-        <div class="reconciliation-editor__section-head">
-          <div class="dialog-section-title">导入外部账单</div>
+      <section-card title="导入外部账单">
+        <template #extra>
           <div class="reconciliation-editor__actions" v-if="editable">
             <el-button type="primary" plain @click="downloadTemplate('vehicle')"
               >下载整车对账模板</el-button
@@ -171,7 +168,7 @@
               @change="handleImport"
             />
           </div>
-        </div>
+        </template>
         <el-tabs v-model="externalTab">
           <el-tab-pane :label="`导入明细（${externalDetails.length}）`" name="all" />
           <el-tab-pane :label="`疑似重复（${duplicateRows.length}）`" name="duplicate" />
@@ -203,9 +200,9 @@
             >
           </el-table-column>
         </el-table>
-      </section>
+      </section-card>
 
-      <section class="reconciliation-editor__section">
+      <section-card title="操作说明">
         <el-collapse>
           <el-collapse-item title="操作说明" name="help">
             <div class="reconciliation-editor__help">
@@ -224,7 +221,7 @@
             </div>
           </el-collapse-item>
         </el-collapse>
-      </section>
+      </section-card>
     </div>
 
     <template #footer>
@@ -744,15 +741,6 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.reconciliation-editor__section {
-  margin-bottom: 24px;
-}
-.reconciliation-editor__section-head {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 12px;
-}
 .reconciliation-editor__actions,
 .reconciliation-editor__links {
   display: flex;
diff --git a/src/views/settlement/formal-settlement.vue b/src/views/settlement/formal-settlement.vue
index 67f86be..fe6eca4 100644
--- a/src/views/settlement/formal-settlement.vue
+++ b/src/views/settlement/formal-settlement.vue
@@ -115,7 +115,7 @@
             <span v-else>{{ displayValue(row[column.prop]) }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="操作" width="320" fixed="right" align="center">
+        <el-table-column label="操作" width="120" fixed="right" align="center">
           <template #default="{ row }"
             ><div class="formal-page__links">
               <el-link
@@ -190,33 +190,41 @@
       :readonly="editor.readonly"
       @success="loadTable"
     />
-    <el-dialog v-model="paymentDialog.visible" title="付款申请" width="520px" append-to-body>
-      <el-form :model="paymentDialog.form" label-position="right" label-width="auto">
-        <el-form-item label="结算单号">{{
-          paymentDialog.row.formalSettlementNo || '-'
-        }}</el-form-item>
-        <el-form-item label="剩余可申请金额">{{
-          formatMoney(paymentAvailable, paymentDialog.row.currency)
-        }}</el-form-item>
-        <el-form-item label="申请付款金额" required
-          ><el-input-number
-            v-model="paymentDialog.form.appliedAmount"
-            :min="0.01"
-            :max="paymentAvailable"
-            :precision="2"
-            :controls="false"
-        /></el-form-item>
-        <el-form-item label="备注"
-          ><el-input
-            v-model="paymentDialog.form.remark"
-            type="textarea"
-            maxlength="200"
-            show-word-limit
-        /></el-form-item>
-      </el-form>
+    <el-dialog
+      v-model="paymentDialog.visible"
+      title="付款申请"
+      width="520px"
+      append-to-body
+      class="formal-payment-dialog"
+    >
+      <section-card title="付款信息">
+        <el-form :model="paymentDialog.form" label-position="right" label-width="auto">
+          <el-form-item label="结算单号">{{
+            paymentDialog.row.formalSettlementNo || '-'
+          }}</el-form-item>
+          <el-form-item label="剩余可申请金额">{{
+            formatMoney(paymentAvailable, paymentDialog.row.currency)
+          }}</el-form-item>
+          <el-form-item label="申请付款金额" required
+            ><el-input-number
+              v-model="paymentDialog.form.appliedAmount"
+              :min="0.01"
+              :max="paymentAvailable"
+              :precision="2"
+              :controls="false"
+          /></el-form-item>
+          <el-form-item label="备注"
+            ><el-input
+              v-model="paymentDialog.form.remark"
+              type="textarea"
+              maxlength="200"
+              show-word-limit
+          /></el-form-item>
+        </el-form>
+      </section-card>
       <template #footer
         ><el-button @click="paymentDialog.visible = false">取消</el-button
-        ><el-button type="primary" :loading="paymentDialog.loading" @click="submitPayment"
+        ><el-button type="success" :loading="paymentDialog.loading" @click="submitPayment"
           >提交</el-button
         ></template
       >
diff --git a/src/views/settlement/pre-settlement.vue b/src/views/settlement/pre-settlement.vue
index 050c405..c8f8e3f 100644
--- a/src/views/settlement/pre-settlement.vue
+++ b/src/views/settlement/pre-settlement.vue
@@ -128,7 +128,7 @@
             <span v-else>{{ displayValue(row[column.prop]) }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="操作" width="320" fixed="right" align="center">
+        <el-table-column label="操作" width="130" fixed="right" align="center">
           <template #default="{ row }">
             <div class="pre-settlement-page__links">
               <el-link
@@ -255,23 +255,30 @@
       </template>
     </el-dialog>
 
-    <el-dialog v-model="printDialog.visible" title="打印" width="620px" append-to-body>
-      <div class="dialog-section-title">选择打印模板</div>
-      <el-form label-position="right" label-width="auto" class="pre-settlement-page__print-form">
-        <el-form-item label="项目">
-          <span>{{ printDialog.row.projectName || '-' }}</span>
-        </el-form-item>
-        <el-form-item label="模板名称">
-          <el-select v-model="printDialog.template" placeholder="请选择">
-            <el-option
-              v-for="item in printDialog.templates"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-form>
+    <el-dialog
+      v-model="printDialog.visible"
+      title="打印"
+      width="620px"
+      append-to-body
+      class="pre-settlement-print-dialog"
+    >
+      <section-card title="选择打印模板">
+        <el-form label-position="right" label-width="auto" class="pre-settlement-page__print-form">
+          <el-form-item label="项目">
+            <span>{{ printDialog.row.projectName || '-' }}</span>
+          </el-form-item>
+          <el-form-item label="模板名称">
+            <el-select v-model="printDialog.template" placeholder="请选择">
+              <el-option
+                v-for="item in printDialog.templates"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-form>
+      </section-card>
       <template #footer>
         <el-button @click="printDialog.visible = false">取消</el-button>
         <el-button type="primary" :loading="printDialog.loading" @click="handlePrintPreview">
@@ -752,8 +759,6 @@ export default {
   }
 
   &__print-form {
-    margin-top: 20px;
-
     :deep(.el-select) {
       width: 320px;
     }
@@ -772,22 +777,6 @@ export default {
   }
 }
 
-.dialog-section-title {
-  display: flex;
-  align-items: center;
-  min-height: 22px;
-  font-size: 16px;
-  font-weight: 600;
-
-  &::before {
-    width: 4px;
-    height: 18px;
-    margin-right: 8px;
-    background: #409eff;
-    content: '';
-  }
-}
-
 :deep(.pre-settlement-page .el-table) {
   --el-table-border-color: #eff1f7;
   background: #fff;
diff --git a/src/views/settlement/receivable-payable-detail.vue b/src/views/settlement/receivable-payable-detail.vue
index 8789d04..0539341 100644
--- a/src/views/settlement/receivable-payable-detail.vue
+++ b/src/views/settlement/receivable-payable-detail.vue
@@ -76,7 +76,7 @@
             <span v-else>{{ formatColumnValue(row, column) }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="操作" width="220" fixed="right" align="center">
+        <el-table-column label="操作" width="120" fixed="right" align="center">
           <template #default="{ row }">
             <div class="settlement-detail-page__actions">
               <el-link v-if="row.settlementStatus === 'pending'" type="primary" @click="openAdjustDialog(row)">
@@ -399,7 +399,13 @@
     </el-dialog>
 
     <el-dialog v-model="generateDialog.visible" title="生成费用" width="88%" append-to-body>
-      <el-form :model="generateQuery" inline label-position="right" label-width="120px">
+      <el-form
+        :model="generateQuery"
+        class="settlement-detail-page__generate-search"
+        inline
+        label-position="right"
+        label-width="120px"
+      >
         <el-form-item label="运单合同" required>
           <el-select
             v-model="generateQuery.contractId"
@@ -1329,10 +1335,17 @@ export default {
 }
 
 .settlement-detail-page__dialog-form {
-  padding: 16px 20px 0;
+  padding: 16px 20px;
+  background: #fff;
+  border-radius: 6px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
 
   :deep(.el-form-item) {
     margin-bottom: 16px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
   }
 
   :deep(.el-select) {
@@ -1340,8 +1353,24 @@ export default {
   }
 }
 
+.settlement-detail-page__adjust-toolbar {
+  margin-bottom: 8px;
+}
+
+.settlement-detail-page__generate-search {
+  margin-bottom: 16px;
+  padding: 12px 12px 4px;
+  background: #fff;
+  border-radius: 6px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+}
+
 .settlement-detail-page__transfer-form {
   margin-bottom: 16px;
+  padding: 12px 12px 4px;
+  background: #fff;
+  border-radius: 6px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
 }
 
 @media screen and (max-width: 1200px) {
@@ -1355,4 +1384,17 @@ export default {
     grid-template-columns: 1fr;
   }
 }
+
+/* 详情弹窗 tabs 白底 */
+.settlement-detail-dialog {
+  :deep(.el-tabs__content) {
+    background: #fff;
+    padding: 16px;
+    border-radius: 0 0 6px 6px;
+  }
+
+  :deep(.el-tab-pane) {
+    background: transparent;
+  }
+}
 </style>
diff --git a/src/views/settlement/settlement-adjustment.vue b/src/views/settlement/settlement-adjustment.vue
index c28735b..54ea0c4 100644
--- a/src/views/settlement/settlement-adjustment.vue
+++ b/src/views/settlement/settlement-adjustment.vue
@@ -78,7 +78,7 @@
             ><span v-else>{{ displayValue(row[column.prop]) }}</span></template
           ></el-table-column
         >
-        <el-table-column label="操作" width="320" fixed="right" align="center"
+        <el-table-column label="操作" width="120" fixed="right" align="center"
           ><template #default="{ row }"
             ><div class="settlement-adjustment-page__links">
               <el-link
diff --git a/src/views/settlement/transport-reconciliation.vue b/src/views/settlement/transport-reconciliation.vue
index b38d72e..18237c1 100644
--- a/src/views/settlement/transport-reconciliation.vue
+++ b/src/views/settlement/transport-reconciliation.vue
@@ -74,7 +74,7 @@
             <span v-else>{{ displayValue(row[column.prop]) }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="操作" width="220" fixed="right" align="center">
+        <el-table-column label="操作" width="120" fixed="right" align="center">
           <template #default="{ row }">
             <div class="reconciliation-page__links">
               <el-link type="primary" @click="openView(row)">查看</el-link>

From 37a4eef515ad1b8d0845d8acb2fa5e4133bd7c77 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Thu, 20 Aug 2026 14:57:17 +0800
Subject: [PATCH 5/8] =?UTF-8?q?style(settlement):=20=E7=BB=9F=E4=B8=80?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97=E5=8D=A1=E7=89=87=E6=A0=B7=E5=BC=8F=E5=B9=B6?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=A0=87=E7=AD=BE=E9=A1=B5=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将结算调整单编辑弹窗内各板块统一替换为全局 section-card 组件
- “添加费用”按钮移至 section-card 的 #extra 插槽，删除多余样式
- 应付/应收对账页、收付明细弹窗标签页使用 border-card 类型提升视觉效果
- 调整对账页表格区域上间距由 8px 增加到 12px
- 确保修改均通过 SFC 解析与模板编译检查
---
 .workbuddy/memory/2026-08-20.md                    | 8 ++++++++
 src/views/settlement/receivable-payable-detail.vue | 2 +-
 src/views/settlement/transport-reconciliation.vue  | 4 ++--
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/.workbuddy/memory/2026-08-20.md b/.workbuddy/memory/2026-08-20.md
index e0a793c..5f78272 100644
--- a/.workbuddy/memory/2026-08-20.md
+++ b/.workbuddy/memory/2026-08-20.md
@@ -100,3 +100,11 @@
 - 间距：沿用全局 `.section-card` 的 `margin-bottom: 12px`。
 - 验证：已通过 SFC 解析与模板编译检查。
 - 原因：用户要求 `/settlement/transport-reconciliation` 页面与预结算单/正式结算单弹窗统一使用白底卡片分隔。
+
+## 结算调整单编辑弹窗改白底卡片分组
+
+- 调整文件：`src/views/settlement/components/settlement-adjustment-editor.vue`
+- 修改内容：将"新增/编辑结算调整单"弹窗内的全部板块由 `dialog-section-title` + `<section>` 改为全局 `<section-card>` 组件，包括：基本信息、调整费用。"调整费用"头部"添加费用"按钮改为 section-card 的 `#extra` 插槽；删除了不再使用的 `.settlement-adjustment-editor__section`、`.settlement-adjustment-editor__section-head` 以及 `.dialog-section-title` 样式块。
+- 间距：沿用全局 `.section-card` 的 `margin-bottom: 12px`。
+- 验证：已通过 SFC 解析与模板编译检查。
+- 原因：用户要求 `/settlement/settlement-adjustment` 页面与预结算单/正式结算单弹窗统一使用白底卡片分隔。
diff --git a/src/views/settlement/receivable-payable-detail.vue b/src/views/settlement/receivable-payable-detail.vue
index 0539341..0b6c2a4 100644
--- a/src/views/settlement/receivable-payable-detail.vue
+++ b/src/views/settlement/receivable-payable-detail.vue
@@ -111,7 +111,7 @@
       destroy-on-close
       class="settlement-detail-dialog"
     >
-      <el-tabs v-model="detailDialog.activeTab" @tab-change="handleDetailTabChange">
+      <el-tabs type="border-card" style="background-color: #ffffff" v-model="detailDialog.activeTab" @tab-change="handleDetailTabChange">
         <el-tab-pane label="费用明细" name="fee">
           <el-table v-loading="detailDialog.loading" :data="feeRows" border>
             <el-table-column type="index" label="序号" width="64" align="center" />
diff --git a/src/views/settlement/transport-reconciliation.vue b/src/views/settlement/transport-reconciliation.vue
index 18237c1..ceeb7ab 100644
--- a/src/views/settlement/transport-reconciliation.vue
+++ b/src/views/settlement/transport-reconciliation.vue
@@ -31,7 +31,7 @@
     </section>
 
     <section class="reconciliation-page__table-panel">
-      <el-tabs v-model="settlementType" @tab-change="handleTabChange">
+      <el-tabs type="border-card" v-model="settlementType" @tab-change="handleTabChange">
         <el-tab-pane label="应付" name="payable" />
         <el-tab-pane label="应收" name="receivable" />
       </el-tabs>
@@ -300,7 +300,7 @@ export default {
   margin-bottom: 8px;
 }
 .reconciliation-page__table-panel {
-  margin-top: 8px;
+  margin-top: 12px;
 }
 .reconciliation-page__toolbar {
   display: flex;

From 8870925c60cc25a10c7596c83dfc3dc0eb4c32c7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Thu, 20 Aug 2026 16:06:54 +0800
Subject: [PATCH 6/8] =?UTF-8?q?style(business-crud-page):=20=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E8=BF=90=E5=8D=95=E8=AF=A6=E6=83=85=E8=B5=B7=E7=BB=88?=
 =?UTF-8?q?=E7=82=B9=E5=8C=BA=E5=9F=9F=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将起终点区域改为垂直时间轴风格，左侧显示两个圆点，右侧显示详细地址及省市区信息
- 删除旧的起终点样式类，确认无其他引用，保证代码清晰
- 实现响应式设计，窄屏时垂直时间轴自动变为整行展示

style(master-order-editor): 调整多联总单编辑页收发货信息布局

- 修复竖向时间轴节点图标被压扁问题，增加最小宽高和防止缩小样式
- 优化收发货信息输入区网格布局，地址项独占前两列，宽度加大，支持长地址显示
- 响应式下地址项独占整行，保证小屏幕下不被截断
- 修改搜索栏白底样式，让选择常用地址弹窗搜索栏也使用白底，保持视觉一致性
---
 .workbuddy/memory/2026-08-20.md               |  21 +++
 .../components/business-crud-page.vue         | 161 +++++++++++-------
 .../components/master-order-editor.vue        |  20 ++-
 3 files changed, 131 insertions(+), 71 deletions(-)

diff --git a/.workbuddy/memory/2026-08-20.md b/.workbuddy/memory/2026-08-20.md
index 5f78272..cbc4ebc 100644
--- a/.workbuddy/memory/2026-08-20.md
+++ b/.workbuddy/memory/2026-08-20.md
@@ -108,3 +108,24 @@
 - 间距：沿用全局 `.section-card` 的 `margin-bottom: 12px`。
 - 验证：已通过 SFC 解析与模板编译检查。
 - 原因：用户要求 `/settlement/settlement-adjustment` 页面与预结算单/正式结算单弹窗统一使用白底卡片分隔。
+
+## 运单详情起终点区域改垂直时间轴（方案B）
+
+- 调整文件：`src/views/business/components/business-crud-page.vue`
+- 修改内容：在 `isWaybillDetailLayout` 区块，将 `__waybill-route` 的横向“起/终方块+横杠”改为垂直时间轴：左列两个圆点（蓝 `#409eff` / 橙 `#e6a23c`，带白圈光晕），之间用绝对定位的虚线（`repeating-linear-gradient`）连接；右列为“发货地/收货地”标签 + 地名（`-webkit-line-clamp: 2` 允许长名换行）+ 省市区地址（`el-tooltip` 悬浮显示完整地址）。
+- 删除旧类：`__waybill-route-head`、`__waybill-route-text` 及其样式（已确认全仓无其它引用）。
+- 响应式：1200px 断点下的 `grid-row:auto; grid-column: 1/-1` 规则仍生效，垂直轴在窄屏自动转为整行。
+- 原因：用户认为原右上角起终点方块像按钮、地址被挤压截断、层级不清晰，选择方案B（垂直时间轴）。
+
+## 多联总单编辑页收发货信息布局整改
+
+- 调整文件：`src/views/business/components/master-order-editor.vue`（仅样式，逻辑未动）
+- 修改内容：
+  1. `.route-step-icon` 加 `min-width: 32px; min-height: 32px; flex-shrink: 0;`，并给外层 `:deep(.el-step__icon)` 加 `flex-shrink: 0;` —— 修复竖向时间轴「起/经/终」节点（尤其「经」字）被压扁变形。
+  2. `.route-node-form` grid 由 `minmax(360px,1.8fr) minmax(200px,1fr) minmax(260px,1.2fr) minmax(260px,1.2fr)` 改为 `repeat(2, minmax(420px,1fr)) repeat(2, minmax(260px,1fr))`；新增 `:deep(.el-form-item.route-address-form-item) { grid-column: span 2; }` —— 地址项独占前两列（更宽）。
+  3. `.route-address-name`（行政区划 cascader）由 `flex: 0 0 140px` 加宽到 `220px` —— 完整显示「大坡服务区（梧州段）」等较长名称。
+  4. 响应式 `@media (max-width:1440px)` 内 `.route-node-form` 改 `repeat(2, minmax(320px,1fr))` 并同步 `.route-address-form-item { grid-column: span 2 }` —— 小屏地址项独占整行。
+- 原因：客户反馈该页收发货信息中行政区划/详细地址输入框过窄导致长地址被截断，且左侧时间轴节点变形。改完用户刷新 localhost:2889 查看效果。
+
+## master-order 弹窗搜索栏白底补齐
+- `src/views/business/components/master-order-editor.vue` line 1815-1818：把 `.common-cargo-dialog__search` 单条白底规则改写为 `.common-address-dialog__search, .common-cargo-dialog__search { background: #fff }`，让"选择常用地址"弹窗的搜索栏也跟随既有白卡样式（其他 `.route-dialog__search` 默认无该 class，仍保留灰底）。
diff --git a/src/views/business/components/business-crud-page.vue b/src/views/business/components/business-crud-page.vue
index 4e90d4c..2dd287c 100644
--- a/src/views/business/components/business-crud-page.vue
+++ b/src/views/business/components/business-crud-page.vue
@@ -2669,26 +2669,33 @@
                 </span>
               </div>
               <div class="business-crud-page__waybill-route">
-                <div class="business-crud-page__waybill-route-head">
-                  <b>起</b
-                  ><strong>{{
-                    detailRow.departureName || detailRow.departureAddress || '-'
-                  }}</strong
-                  ><b class="end">终</b
-                  ><strong>{{ detailRow.arrivalName || detailRow.arrivalAddress || '-' }}</strong>
+                <div class="business-crud-page__waybill-route-item">
+                  <span class="business-crud-page__waybill-route-dot"></span>
+                  <div class="business-crud-page__waybill-route-detail">
+                    <span class="business-crud-page__waybill-route-label">发货地</span>
+                    <strong class="business-crud-page__waybill-route-name">{{
+                      detailRow.departureName || detailRow.departureAddress || '-'
+                    }}</strong>
+                    <el-tooltip :content="detailRow.departureAddress || '-'" placement="top">
+                      <span class="business-crud-page__waybill-route-addr">{{
+                        formatTransportPlanProvinceCityDistrict(detailRow.departureAddress)
+                      }}</span>
+                    </el-tooltip>
+                  </div>
                 </div>
-                <div class="business-crud-page__waybill-route-text">
-                  <el-tooltip :content="detailRow.departureAddress || '-'" placement="top">
-                    <span>{{
-                      formatTransportPlanProvinceCityDistrict(detailRow.departureAddress)
-                    }}</span>
-                  </el-tooltip>
-                  <span>　→　</span>
-                  <el-tooltip :content="detailRow.arrivalAddress || '-'" placement="top">
-                    <span>{{
-                      formatTransportPlanProvinceCityDistrict(detailRow.arrivalAddress)
-                    }}</span>
-                  </el-tooltip>
+                <div class="business-crud-page__waybill-route-item">
+                  <span class="business-crud-page__waybill-route-dot is-end"></span>
+                  <div class="business-crud-page__waybill-route-detail">
+                    <span class="business-crud-page__waybill-route-label">收货地</span>
+                    <strong class="business-crud-page__waybill-route-name">{{
+                      detailRow.arrivalName || detailRow.arrivalAddress || '-'
+                    }}</strong>
+                    <el-tooltip :content="detailRow.arrivalAddress || '-'" placement="top">
+                      <span class="business-crud-page__waybill-route-addr">{{
+                        formatTransportPlanProvinceCityDistrict(detailRow.arrivalAddress)
+                      }}</span>
+                    </el-tooltip>
+                  </div>
                 </div>
               </div>
               <div class="business-crud-page__waybill-attachments">
@@ -15397,62 +15404,86 @@ export default {
     grid-row: 1 / span 3;
     grid-column: 5;
     min-width: 0;
-    padding: 8px 0;
+    padding: 4px 0;
   }
 
-  &__waybill-route-head {
+  &__waybill-route-item {
+    position: relative;
     display: flex;
-    align-items: center;
-    justify-content: space-between;
+    align-items: stretch;
     gap: 12px;
 
-    b {
-      display: inline-flex;
-      flex: 0 0 auto;
-      width: 34px;
-      height: 34px;
-      align-items: center;
-      justify-content: center;
-      color: #fff;
-      border-radius: 4px;
-      background: #409eff;
-
-      &.end {
-        background: #e6a23c;
-      }
-    }
-
-    strong {
-      min-width: 0;
-      overflow: hidden;
-      color: #303133;
-      font-size: 18px;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-
-    &::before {
-      flex: 1;
-      order: 2;
-      height: 4px;
-      content: '';
-      background: #e4e7ed;
-    }
-
-    b.end {
-      order: 3;
-    }
-
-    strong:last-child {
-      order: 4;
+    & + & {
+      margin-top: 18px;
     }
   }
 
-  &__waybill-route-text {
-    margin-top: 12px;
+  &__waybill-route-dot {
+    position: relative;
+    flex: 0 0 auto;
+    width: 12px;
+    margin-top: 2px;
+
+    &::before {
+      display: block;
+      width: 12px;
+      height: 12px;
+      border-radius: 50%;
+      content: '';
+      background: #409eff;
+      box-shadow: 0 0 0 3px #fff, 0 0 0 4px #c6e0ff;
+    }
+
+    &.is-end::before {
+      background: #e6a23c;
+      box-shadow: 0 0 0 3px #fff, 0 0 0 4px #f5d9b0;
+    }
+  }
+
+  &__waybill-route-item:not(:last-child) &__waybill-route-dot::after {
+    content: '';
+    position: absolute;
+    top: 14px;
+    left: 5px;
+    width: 2px;
+    height: calc(100% + 10px);
+    background: repeating-linear-gradient(
+      to bottom,
+      #c0c4cc 0,
+      #c0c4cc 4px,
+      transparent 4px,
+      transparent 8px
+    );
+  }
+
+  &__waybill-route-detail {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+
+  &__waybill-route-label {
+    color: #909399;
+    font-size: 12px;
+  }
+
+  &__waybill-route-name {
+    color: #303133;
+    font-size: 15px;
+    font-weight: 500;
+    line-height: 1.4;
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+  }
+
+  &__waybill-route-addr {
     overflow: hidden;
     color: #606266;
-    text-align: center;
+    font-size: 12px;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
diff --git a/src/views/business/components/master-order-editor.vue b/src/views/business/components/master-order-editor.vue
index a3ce199..78c24ad 100644
--- a/src/views/business/components/master-order-editor.vue
+++ b/src/views/business/components/master-order-editor.vue
@@ -1812,6 +1812,7 @@ export default {
   padding: 12px 12px 4px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
 }
+.common-address-dialog__search,
 .common-cargo-dialog__search {
   background: #fff;
 }
@@ -1845,6 +1846,7 @@ export default {
   :deep(.el-step__icon) {
     width: 32px;
     height: 32px;
+    flex-shrink: 0;
     border: 0;
     background: transparent;
   }
@@ -1852,6 +1854,9 @@ export default {
     display: inline-flex;
     width: 32px;
     height: 32px;
+    min-width: 32px;
+    min-height: 32px;
+    flex-shrink: 0;
     align-items: center;
     justify-content: center;
     border-radius: 6px;
@@ -1870,15 +1875,15 @@ export default {
 }
 .route-node-form {
   display: grid;
-  grid-template-columns: minmax(360px, 1.8fr) minmax(200px, 1fr) minmax(260px, 1.2fr) minmax(
-      260px,
-      1.2fr
-    );
+  grid-template-columns: repeat(2, minmax(420px, 1fr)) repeat(2, minmax(260px, 1fr));
   gap: 0 16px;
   align-items: start;
   :deep(.el-form-item) {
     margin: 0 0 12px;
   }
+  :deep(.el-form-item.route-address-form-item) {
+    grid-column: span 2;
+  }
   :deep(.el-form-item__content) {
     min-width: 0;
   }
@@ -1894,7 +1899,7 @@ export default {
     gap: 8px;
   }
   .route-address-name {
-    flex: 0 0 140px;
+    flex: 0 0 220px;
   }
   .route-address-detail,
   .route-contact-actions :deep(.el-input) {
@@ -1961,7 +1966,10 @@ export default {
 }
 @media screen and (max-width: 1440px) {
   .route-node-form {
-    grid-template-columns: repeat(2, minmax(280px, 1fr));
+    grid-template-columns: repeat(2, minmax(320px, 1fr));
+    :deep(.el-form-item.route-address-form-item) {
+      grid-column: span 2;
+    }
   }
   .route-step-title {
     align-items: flex-start;

From e538b7f5098cab1aaca06c20ee81320df8576522 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Thu, 20 Aug 2026 17:05:43 +0800
Subject: [PATCH 7/8] =?UTF-8?q?fix(business-crud-page):=20=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=E5=90=88=E5=90=8C=E5=90=8D=E7=A7=B0=E5=88=97=E5=B7=A6?=
 =?UTF-8?q?=E5=AF=B9=E9=BD=90=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 business-crud-page.vue 的 contractName 插槽中新增包裹 div，强制内容左对齐
- 新增 scoped 样式 .business-crud-page__contract-name，设置 text-align: left
- contract-manage.js 保留 contractName 列 align 和 headerAlign 配置，作为兜底
- 调整合同名称列最小宽度和合同管理页面菜单宽度
- 修复车辆信用评分量化页面部分文本居中样式移除
---
 .workbuddy/memory/2026-08-20.md               | 10 +++++++++
 src/option/business/contract-manage.js        |  4 +++-
 .../components/business-crud-page.vue         | 22 ++++++++++++-------
 src/views/business/contract-manage.vue        |  2 +-
 .../vehicle/credit-score-quantification.vue   |  1 -
 5 files changed, 28 insertions(+), 11 deletions(-)

diff --git a/.workbuddy/memory/2026-08-20.md b/.workbuddy/memory/2026-08-20.md
index cbc4ebc..293888e 100644
--- a/.workbuddy/memory/2026-08-20.md
+++ b/.workbuddy/memory/2026-08-20.md
@@ -129,3 +129,13 @@
 
 ## master-order 弹窗搜索栏白底补齐
 - `src/views/business/components/master-order-editor.vue` line 1815-1818：把 `.common-cargo-dialog__search` 单条白底规则改写为 `.common-address-dialog__search, .common-cargo-dialog__search { background: #fff }`，让"选择常用地址"弹窗的搜索栏也跟随既有白卡样式（其他 `.route-dialog__search` 默认无该 class，仍保留灰底）。
+
+## 合同管理合同名称列左对齐修复
+
+- 调整文件：`src/views/business/components/business-crud-page.vue`、`src/option/business/contract-manage.js`
+- 修改内容：
+  1. 在 `business-crud-page.vue` 的 `#contractName` 插槽内，用 `<div class="business-crud-page__contract-name">` 包裹 `el-link` / `span` 内容。
+  2. 在 `business-crud-page.vue` 的 scoped SCSS 中新增 `.business-crud-page__contract-name { text-align: left; }`。
+  3. 保留 `contract-manage.js` 中 `contractName` 列的 `align: 'left'` / `headerAlign: 'left'` 配置（虽然 Avue slot 列的 align 未生效，作为兜底仍保留）。
+- 原因：用户反馈 `/business/contract-manage` 的合同名称列文字仍居中。Avue 自定义 slot 列的 `align` 属性似乎没有正确作用到单元格，改由插槽内容自身强制 `text-align: left` 更可靠。
+- 影响：所有使用 `business-crud-page` 且渲染 `contractName` 插槽的页面，其合同名称单元格内容都会左对齐。
diff --git a/src/option/business/contract-manage.js b/src/option/business/contract-manage.js
index 685ceb2..fe85698 100644
--- a/src/option/business/contract-manage.js
+++ b/src/option/business/contract-manage.js
@@ -251,12 +251,14 @@ export const option = createCrudOption([
   {
     label: '合同名称',
     prop: 'contractName',
+    align: 'left',
+    headerAlign: 'left',
     search: true,
     searchOrder: 7,
     searchPlaceholder: '请输入',
     order: 180,
     slot: true,
-    minWidth: 180,
+    minWidth: 240,
     rules: textRule('合同名称', 100, true),
   },
   {
diff --git a/src/views/business/components/business-crud-page.vue b/src/views/business/components/business-crud-page.vue
index 2dd287c..555e719 100644
--- a/src/views/business/components/business-crud-page.vue
+++ b/src/views/business/components/business-crud-page.vue
@@ -126,14 +126,16 @@
       </template>
 
       <template #contractName="{ row }">
-        <el-link
-          v-if="config.contractNameDetail && row.contractName"
-          type="primary"
-          @click.stop="openDetail(row)"
-        >
-          {{ row.contractName }}
-        </el-link>
-        <span v-else>{{ row.contractName || '-' }}</span>
+        <div class="business-crud-page__contract-name">
+          <el-link
+            v-if="config.contractNameDetail && row.contractName"
+            type="primary"
+            @click.stop="openDetail(row)"
+          >
+            {{ row.contractName }}
+          </el-link>
+          <span v-else>{{ row.contractName || '-' }}</span>
+        </div>
       </template>
 
       <template #loadingNo="{ row }">
@@ -13649,6 +13651,10 @@ export default {
     width: 100%;
   }
 
+  &__contract-name {
+    text-align: left;
+  }
+
   &__contract-expiry-search {
     display: flex;
     align-items: center;
diff --git a/src/views/business/contract-manage.vue b/src/views/business/contract-manage.vue
index 1c24e06..d3a2646 100644
--- a/src/views/business/contract-manage.vue
+++ b/src/views/business/contract-manage.vue
@@ -3,7 +3,7 @@
     :api="api"
     :config="config"
     :crud-option="option"
-    :menu-width="252"
+    :menu-width="280"
     contract-form-page
   />
 </template>
diff --git a/src/views/vehicle/credit-score-quantification.vue b/src/views/vehicle/credit-score-quantification.vue
index 3a856e9..14ed7ee 100644
--- a/src/views/vehicle/credit-score-quantification.vue
+++ b/src/views/vehicle/credit-score-quantification.vue
@@ -1129,7 +1129,6 @@ export default {
     color: #303133;
     font-size: 14px;
     font-weight: 400;
-    text-align: center;
   }
 
   :deep(.score-description-input .el-input__inner) {

From 8a78f4d01a1603f020ae02a1bf0f225df9e79e79 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Thu, 20 Aug 2026 17:08:30 +0800
Subject: [PATCH 8/8] =?UTF-8?q?fix(business-crud-page):=20=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=E5=90=88=E5=90=8C=E5=90=8D=E7=A7=B0=E5=88=97=E5=B7=A6?=
 =?UTF-8?q?=E5=AF=B9=E9=BD=90=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 business-crud-page.vue 的 contractName 插槽中新增包裹 div，强制内容左对齐
- 新增 scoped 样式 .business-crud-page__contract-name，设置 text-align: left
- contract-manage.js 保留 contractName 列 align 和 headerAlign 配置，作为兜底
- 调整合同名称列最小宽度和合同管理页面菜单宽度
- 修复车辆信用评分量化页面部分文本居中样式移除
---
 AGENTS.md                                                 | 2 +-
 src/styles/element-ui.scss                                | 4 ++--
 src/styles/theme/beautiful.scss                           | 2 +-
 src/styles/theme/bule.scss                                | 2 +-
 src/styles/theme/cool.scss                                | 4 ++--
 src/styles/theme/d2.scss                                  | 4 ++--
 src/styles/theme/hey.scss                                 | 2 +-
 src/styles/theme/iview.scss                               | 2 +-
 src/styles/theme/lte.scss                                 | 2 +-
 src/styles/theme/white.scss                               | 2 +-
 src/styles/top.scss                                       | 2 +-
 src/views/business/components/business-crud-page.vue      | 2 +-
 src/views/business/components/master-order-editor.vue     | 2 +-
 src/views/business/loading-manage.vue                     | 2 +-
 src/views/business/master-order.vue                       | 2 +-
 src/views/business/voucher-manage.vue                     | 4 ++--
 .../settlement/components/formal-settlement-editor.vue    | 2 +-
 src/views/settlement/formal-settlement.vue                | 2 +-
 src/views/settlement/pre-settlement.vue                   | 2 +-
 src/views/settlement/receivable-payable-detail.vue        | 8 ++++----
 src/views/settlement/settlement-adjustment.vue            | 2 +-
 src/views/settlement/transport-reconciliation.vue         | 2 +-
 src/views/system/dept.vue                                 | 2 +-
 src/views/transit/exception-disposal.vue                  | 2 +-
 src/views/transit/risk-disposal.vue                       | 2 +-
 src/views/wel/index.vue                                   | 4 ++--
 26 files changed, 34 insertions(+), 34 deletions(-)

diff --git a/AGENTS.md b/AGENTS.md
index f5050fc..9b0baab 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -164,7 +164,7 @@ Avue 表格/表单配置独立存放于 `src/option/` 目录，与 `views` 和 `
 - 各页面搜索栏多行展示时，行与行之间的垂直间距统一为 `8px`
 - 搜索组件 label 宽度统一不小于 `160px`，label 文本不得换行。
 - 搜索组件内部 padding 统一为上、左右 `12px`，底部 `4px`。
-- 搜索组件需展示轻量阴影，统一使用 `0 2px 8px rgba(0, 0, 0, 0.06)`，不得被局部卡片去样式规则覆盖。
+- 搜索组件需展示轻量阴影，统一使用 `0 2px 8px rgba(0, 0, 0, 0.04)`，不得被局部卡片去样式规则覆盖。
 - 表格线条颜色需统一使用 `#EFF1F7`，包括表格外边框、单元格分割线和固定列边线。
 - 表格偶数行需统一使用 `#FAFAFA` 背景色，固定列单元格必须与对应行背景保持一致。
 - 表格操作列同时展示“查看、编辑、删除”等三个按钮时，操作列宽度统一不小于 `220px`；操作列最大按钮数量超过 3 个时，操作列宽度统一加宽到不小于 `320px`；最大按钮数量超过 4 个时，仍按 `320px` 保持列宽，并从第 5 个按钮开始换行展示，禁止出现按钮裁切或显示不全。
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index 55d317b..c158294 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -100,7 +100,7 @@
 .basic-container__card .avue-crud__search.el-card {
   border: none;
   background: #fff;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
 }
 
 .basic-container__card .avue-crud > .el-card > .el-card__body,
@@ -137,7 +137,7 @@
 
 .avue-crud__search.el-card {
   border: none;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
 }
 
 .avue-crud__search.el-card > .el-card__body {
diff --git a/src/styles/theme/beautiful.scss b/src/styles/theme/beautiful.scss
index e1fa91b..eb6e4da 100644
--- a/src/styles/theme/beautiful.scss
+++ b/src/styles/theme/beautiful.scss
@@ -26,7 +26,7 @@
   }
 
   .avue-logo {
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
   }
 
   .avue-tags {
diff --git a/src/styles/theme/bule.scss b/src/styles/theme/bule.scss
index 98d58ea..9c74e2a 100644
--- a/src/styles/theme/bule.scss
+++ b/src/styles/theme/bule.scss
@@ -2,7 +2,7 @@
 
   .avue-top, .avue-logo {
     background: #fff;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
     color: rgba(0, 0, 0, 0.85);
   }
 
diff --git a/src/styles/theme/cool.scss b/src/styles/theme/cool.scss
index 1d852b8..fe07471 100644
--- a/src/styles/theme/cool.scss
+++ b/src/styles/theme/cool.scss
@@ -35,7 +35,7 @@
 
   .avue-top {
     background: #fff;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
   }
 
   .avue-tags {
@@ -63,7 +63,7 @@
 
   .avue-logo {
     background: #fff;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
   }
 
   .avue-sidebar--tip {
diff --git a/src/styles/theme/d2.scss b/src/styles/theme/d2.scss
index a3c94a3..22e4c2f 100644
--- a/src/styles/theme/d2.scss
+++ b/src/styles/theme/d2.scss
@@ -1,7 +1,7 @@
 .theme-d2 {
   .avue-logo {
     color: rgba(0, 0, 0, 0.85);
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
 
     .avue-logo_title {
       font-size: 20px;
@@ -10,7 +10,7 @@
   }
 
   .avue-top {
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
   }
 
   .avue-main {
diff --git a/src/styles/theme/hey.scss b/src/styles/theme/hey.scss
index efd4226..8bbfe1b 100644
--- a/src/styles/theme/hey.scss
+++ b/src/styles/theme/hey.scss
@@ -33,7 +33,7 @@
 
   .avue-logo {
     background-color: #fff;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
 
     .avue-logo_title {
       color: var(--el-color-primary);
diff --git a/src/styles/theme/iview.scss b/src/styles/theme/iview.scss
index eb8afe1..4fd9b83 100644
--- a/src/styles/theme/iview.scss
+++ b/src/styles/theme/iview.scss
@@ -1,7 +1,7 @@
 .theme-iview {
   .avue-logo {
     background: #fff;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
     text-align: center;
 
     .avue-logo_title {
diff --git a/src/styles/theme/lte.scss b/src/styles/theme/lte.scss
index 78b3a9d..efe9aa6 100644
--- a/src/styles/theme/lte.scss
+++ b/src/styles/theme/lte.scss
@@ -1,7 +1,7 @@
 .theme-lte {
   .avue-logo {
     background-color: #fff;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
 
     .avue-logo_title {
       font-weight: 500;
diff --git a/src/styles/theme/white.scss b/src/styles/theme/white.scss
index 5e7ed43..1707294 100644
--- a/src/styles/theme/white.scss
+++ b/src/styles/theme/white.scss
@@ -37,7 +37,7 @@
   .avue-logo,
   .tags-container {
     background-color: #fff;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
   }
 
   .avue-sidebar--tip {
diff --git a/src/styles/top.scss b/src/styles/top.scss
index 1f0cdf7..ec0fa76 100644
--- a/src/styles/top.scss
+++ b/src/styles/top.scss
@@ -3,7 +3,7 @@
 .avue-top {
   position: relative;
   background-color: #fff;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
   color: rgba(0, 0, 0, 0.85);
   font-size: 28px;
   height: variables.$top_height;
diff --git a/src/views/business/components/business-crud-page.vue b/src/views/business/components/business-crud-page.vue
index 555e719..f4b9daf 100644
--- a/src/views/business/components/business-crud-page.vue
+++ b/src/views/business/components/business-crud-page.vue
@@ -14283,7 +14283,7 @@ export default {
     background: #fff;
     border: 1px solid #eff1f7;
     border-radius: 4px;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
 
     :deep(.el-form-item) {
       margin-bottom: 8px;
diff --git a/src/views/business/components/master-order-editor.vue b/src/views/business/components/master-order-editor.vue
index 78c24ad..28c1286 100644
--- a/src/views/business/components/master-order-editor.vue
+++ b/src/views/business/components/master-order-editor.vue
@@ -1810,7 +1810,7 @@ export default {
 .route-dialog__search {
   margin-bottom: 8px;
   padding: 12px 12px 4px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
 }
 .common-address-dialog__search,
 .common-cargo-dialog__search {
diff --git a/src/views/business/loading-manage.vue b/src/views/business/loading-manage.vue
index db8ae02..cd6d49e 100644
--- a/src/views/business/loading-manage.vue
+++ b/src/views/business/loading-manage.vue
@@ -2354,7 +2354,7 @@ export default {
     padding: 12px 12px 4px;
     margin-bottom: 8px;
     background: #fff;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
   }
 
   .loading-manage-page__search-grid {
diff --git a/src/views/business/master-order.vue b/src/views/business/master-order.vue
index aab2f9a..23855d6 100644
--- a/src/views/business/master-order.vue
+++ b/src/views/business/master-order.vue
@@ -398,7 +398,7 @@ export default {
   margin-bottom: 8px;
   padding: 12px 12px 4px;
   background: #fff;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
   .el-form-item {
     margin-bottom: 8px;
   }
diff --git a/src/views/business/voucher-manage.vue b/src/views/business/voucher-manage.vue
index 8486b81..8eeed25 100644
--- a/src/views/business/voucher-manage.vue
+++ b/src/views/business/voucher-manage.vue
@@ -958,7 +958,7 @@ load();
     padding: 12px 12px 4px;
     margin-bottom: 8px;
     background: #fff;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
   }
   &__search-grid {
     display: grid;
@@ -1046,7 +1046,7 @@ load();
     padding: 12px;
     margin-bottom: 8px;
     background: #fff;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
   }
   :deep(.el-form-item) {
     margin-bottom: 8px;
diff --git a/src/views/settlement/components/formal-settlement-editor.vue b/src/views/settlement/components/formal-settlement-editor.vue
index 0c786c5..3100841 100644
--- a/src/views/settlement/components/formal-settlement-editor.vue
+++ b/src/views/settlement/components/formal-settlement-editor.vue
@@ -754,6 +754,6 @@ export default {
   border-radius: 6px;
   padding: 12px;
   margin-bottom: 16px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
 }
 </style>
diff --git a/src/views/settlement/formal-settlement.vue b/src/views/settlement/formal-settlement.vue
index fe6eca4..e0399a8 100644
--- a/src/views/settlement/formal-settlement.vue
+++ b/src/views/settlement/formal-settlement.vue
@@ -536,7 +536,7 @@ export default {
 .formal-page__search {
   padding: 12px 12px 4px;
   background: #fff;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
 }
 .formal-page__search-grid {
   display: grid;
diff --git a/src/views/settlement/pre-settlement.vue b/src/views/settlement/pre-settlement.vue
index c8f8e3f..976039b 100644
--- a/src/views/settlement/pre-settlement.vue
+++ b/src/views/settlement/pre-settlement.vue
@@ -704,7 +704,7 @@ export default {
   &__search {
     padding: 12px 12px 4px;
     background: #fff;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
   }
 
   &__search-grid {
diff --git a/src/views/settlement/receivable-payable-detail.vue b/src/views/settlement/receivable-payable-detail.vue
index 0b6c2a4..5c733f2 100644
--- a/src/views/settlement/receivable-payable-detail.vue
+++ b/src/views/settlement/receivable-payable-detail.vue
@@ -1259,7 +1259,7 @@ export default {
   margin-bottom: 8px;
   padding: 12px 12px 4px;
   background: #fff;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
 
   :deep(.el-form-item__label) {
     min-width: 160px;
@@ -1338,7 +1338,7 @@ export default {
   padding: 16px 20px;
   background: #fff;
   border-radius: 6px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
 
   :deep(.el-form-item) {
     margin-bottom: 16px;
@@ -1362,7 +1362,7 @@ export default {
   padding: 12px 12px 4px;
   background: #fff;
   border-radius: 6px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
 }
 
 .settlement-detail-page__transfer-form {
@@ -1370,7 +1370,7 @@ export default {
   padding: 12px 12px 4px;
   background: #fff;
   border-radius: 6px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
 }
 
 @media screen and (max-width: 1200px) {
diff --git a/src/views/settlement/settlement-adjustment.vue b/src/views/settlement/settlement-adjustment.vue
index 54ea0c4..25bbce3 100644
--- a/src/views/settlement/settlement-adjustment.vue
+++ b/src/views/settlement/settlement-adjustment.vue
@@ -312,7 +312,7 @@ export default {
   &__search {
     padding: 12px 12px 4px;
     background: #fff;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
   }
   &__search-grid {
     display: grid;
diff --git a/src/views/settlement/transport-reconciliation.vue b/src/views/settlement/transport-reconciliation.vue
index ceeb7ab..e5f74a7 100644
--- a/src/views/settlement/transport-reconciliation.vue
+++ b/src/views/settlement/transport-reconciliation.vue
@@ -274,7 +274,7 @@ export default {
 .reconciliation-page__search {
   padding: 12px 12px 4px;
   background: #fff;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
 }
 .reconciliation-page__search-grid {
   display: grid;
diff --git a/src/views/system/dept.vue b/src/views/system/dept.vue
index d95e16c..1a59b91 100644
--- a/src/views/system/dept.vue
+++ b/src/views/system/dept.vue
@@ -721,7 +721,7 @@ export default {
 <style scoped>
 .carrier-search-form {
   padding: 12px 12px 4px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
 }
 
 .carrier-pagination {
diff --git a/src/views/transit/exception-disposal.vue b/src/views/transit/exception-disposal.vue
index e40bc44..41019b8 100644
--- a/src/views/transit/exception-disposal.vue
+++ b/src/views/transit/exception-disposal.vue
@@ -437,7 +437,7 @@ export default {
   margin-bottom: 8px;
   padding: 12px 12px 4px;
   background: #fff;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
 
   :deep(.el-form-item__label) {
     min-width: 160px;
diff --git a/src/views/transit/risk-disposal.vue b/src/views/transit/risk-disposal.vue
index fe1a17f..ea1474c 100644
--- a/src/views/transit/risk-disposal.vue
+++ b/src/views/transit/risk-disposal.vue
@@ -384,7 +384,7 @@ export default {
   margin-bottom: 8px;
   padding: 12px 12px 4px;
   background: #fff;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
 }
 
 .risk-disposal-page__search-grid {
diff --git a/src/views/wel/index.vue b/src/views/wel/index.vue
index 7149c49..1f3a13e 100644
--- a/src/views/wel/index.vue
+++ b/src/views/wel/index.vue
@@ -451,7 +451,7 @@ export default {
   gap: 16px;
   margin-bottom: 16px;
   border-left: 4px solid var(--accent);
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
   transition: transform 0.2s, box-shadow 0.2s;
   &:hover {
     transform: translateY(-2px);
@@ -508,7 +508,7 @@ export default {
   border-radius: 10px;
   padding: 18px 20px;
   margin-bottom: 16px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
 
   // 当面板在 flex 列容器中时，内容区自动撑满
   .trend,