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;