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] =?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;