From 8e2ad08bf253d617f57ffb996338f820c20e90b4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com> Date: Fri, 7 Aug 2026 15:37:37 +0800 Subject: [PATCH] =?UTF-8?q?fix(transport-plan):=20=E4=BF=AE=E5=A4=8D?= =?UTF-8?q?=E8=AF=A6=E6=83=85=E9=A1=B5=E5=88=97=E5=AF=B9=E9=BD=90=E5=B9=B6?= =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=96=B0=E5=A2=9E=E5=BC=B9=E7=AA=97=E5=8D=A1?= =?UTF-8?q?=E7=89=87=E9=97=B4=E8=B7=9D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 调整发货地址、到货地址及备注字段span设置，实现基本信息区多列平整布局 - 优化标签列固定宽度及内容换行样式，保证表格展示整齐不溢出 - transport-plan新增弹窗各分组白卡间距从12px增至16px，提升视觉分隔效果 - 验证构建成功，确保样式修改不影响整体功能表现 --- .workbuddy/memory/2026-08-07.md | 15 +++++++++++++++ .../business/components/business-crud-page.vue | 2 +- 2 files changed, 16 insertions(+), 1 deletion(-) diff --git a/.workbuddy/memory/2026-08-07.md b/.workbuddy/memory/2026-08-07.md index b424034..cf15921 100644 --- a/.workbuddy/memory/2026-08-07.md +++ b/.workbuddy/memory/2026-08-07.md @@ -112,6 +112,16 @@ - 覆盖范围：全站所有表格可见文本列（含 Avue 与手写 el-table），`type="selection"` 选择列由 Element Plus 自动豁免；操作列通过 CSS 豁免不被影响。 - 验证：`npm run build` 成功（exit code 0）；构建日志中 CSS `*` 告警来自第三方库压缩，与本次无关（历史既有）。 +## 修复运输计划 /business/transport-plan 详情页字段列对齐 +- 现象：用户截图反馈「基本信息 / 收发货信息 / 其它信息」详情表格不平整，左侧一列 label 与右侧 value 错位、中间空 cell。 +- 根因：`src/views/business/components/business-crud-page.vue` 的 `detailBox` 用 `` 渲染 `config.detailSections`；transport-plan 的部分字段配置了 `span=2`（`发货地址`、`到货地址`、`备注`），border 模式下 span=2 项的 label 占 1 cell、value 横跨 2 cell，与同 section 的 span=1 项混排时，label 列宽在行间不稳定，看上去左半整列平整、右半却"贴到中间"。 +- 改动：`src/option/business/transport-plan.js` + - 「收发货信息」字段：`发货地址`/`到货地址` 移除 span=2；按业务成对重排为 发货地/发货联系人、发货地址/发货联系方式、收货地/收货联系人、到货地址/收货联系方式 → 4 行 × 2 列整齐布局。 + - 「其它信息」字段：`备注` 移除 span=2；保持 备注/更新人、更新时间/创建时间 → 2 行 × 2 列。 + - 「基本信息」9 个字段本来全部 span=1，无需调整。 +- 现有样式（`&__detail-content .section-card` 内 `:deep(.el-descriptions__label) { width:140px; ... }`）保证 label 列固定 140px 右对齐；`:deep(.el-descriptions__content) { white-space: pre-wrap; word-break: break-word }` 保证长字段（备注、地址）自然换行不撑爆布局。 +- 验证：`npm run build` 成功（exit code 0）。 + ## 修复 /system/dept 操作栏错位（链接竖排） - 现象：用户截图反馈机构管理页操作列「查看 / 编辑 / 删除 / 新增子项」竖排且偏右错位。 - 根因：Avue 自带默认样式 `.avue-crud .avue-crud__menu{display:block}`（特异性 0,2,0）与项目全局覆盖样式选择器完全相同；项目原规则虽带 `!important`，但在 dev 模式 CSS 注入时序或浏览器缓存旧 element-ui.scss 时，`.avue-crud__menu` 退化成 block，导致内部按钮/链接竖排。 @@ -171,3 +181,8 @@ - **src/views 手写 el-table（6 个）**：system/dept.vue、business/loading-manage.vue、business/components/waybill-import-dialog.vue、business/project-apply.vue、vehicle/customer-archive.vue、business/components/business-crud-page.vue。 - 注意：弹窗内子表（如合同变更记录、项目附件/变更、客商档案评分/材料/变更记录等）时间列也一并加了排序；util/form.vue、util/table.vue 为示例页同样处理。 - 验证：`npm run build` 成功（exit code 0）；构建日志中的 CSS `*` 告警为历史既有，与本次无关。 + +## transport-plan 新增弹窗卡片间距加大 +- 需求：用户截图反馈 /business/transport-plan 新增弹窗中各分组白卡（基本信息/收发货信息/货物信息/附件）之间上下间距不够，要求像 project-apply 弹窗一样有明显间距。 +- 改动：`src/views/business/components/business-crud-page.vue` + - `:deep(.avue-form__group:has(.dialog-section-title))` 的 `margin-bottom` 从 `12px` 增至 `16px`，与 project-apply.vue 的 `__grid` 卡片间距一致。 diff --git a/src/views/business/components/business-crud-page.vue b/src/views/business/components/business-crud-page.vue index a04ca42..d976a8e 100644 --- a/src/views/business/components/business-crud-page.vue +++ b/src/views/business/components/business-crud-page.vue @@ -9907,7 +9907,7 @@ export default { border-radius: 6px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); padding: 16px; - margin-bottom: 12px; + margin-bottom: 16px; .avue-form__group--title { padding: 0 !important;