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] =?UTF-8?q?style(business):=20=E8=B0=83=E6=95=B4=E8=AE=A1?=
 =?UTF-8?q?=E5=88=92=E8=B0=83=E5=BA=A6=E5=BC=B9=E7=AA=97=E8=A1=A8=E5=A4=B4?=
 =?UTF-8?q?=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>