diff --git a/.workbuddy/memory/2026-08-06.md b/.workbuddy/memory/2026-08-06.md index 77f590c..dfdc49a 100644 --- a/.workbuddy/memory/2026-08-06.md +++ b/.workbuddy/memory/2026-08-06.md @@ -16,3 +16,22 @@ - 旧 `__dispatch-list` / `__dispatch-top`(border-bottom/32px padding) 样式已清理;section-card 已全局注册,无需 import - 验证:SFC 模板单独编译通过(6 处 section-card 引用配对平衡);完整 vite build 仍因预存 `xlsx` 幽灵依赖(pnpm 未装)失败,与本次改动无关 - 注意:本项目完整 build 依赖 `xlsx@0.18.5`(package.json 有声明但 node_modules 缺失),属环境预存问题,非本次引入 + +## 运输计划调度弹窗二次视觉紧凑化 +- 客户反馈:弹窗“空、不紧凑、内容多但不好看” +- 改动仍集中在 `business-crud-page.vue` +- 模板: + - 标题与单号/状态标签合并到同一行,移除 `|` 分隔符 + - 基本信息与收发货路线由左右双列改为上下堆叠的白卡,各自独占一行 + - 基本信息网格改为 4 列:客户 / 项目 / 合同编号 / 计划执行时间;货物信息占 2 列;附件独占一行 + - 日期展示由 `-` 改为 ` ~ `,更明确是区间 + - 路线改为“横向节点 + 下方双列明细”:起点/终点徽章+名称居中,发货地址/收货地址左对齐分两列,避免居中留白 +- 样式: + - 顶部标题字号 22px→18px,顶部 padding 22px→0 + - 信息标签字号 14px→12px、颜色 #666→#909399,值行高 1.45→1.4 + - 基本信息网格 3 列/48px 列间距/18px 行间距 → 4 列/24px 列间距/12px 行间距 + - 路线徽章 46px→32px、字号 16px→13px、圆角 6px→4px + - 路线标题字号 22px→16px,取消居中,最长名称省略 + - 路线区域取消 `min-height:200px` 和居中,改为紧凑堆叠 + - 卡片间统一 `margin-bottom: 12px` +- 验证:`npm run build` 成功 diff --git a/src/views/business/components/business-crud-page.vue b/src/views/business/components/business-crud-page.vue index 2fa1f61..e48cffb 100644 --- a/src/views/business/components/business-crud-page.vue +++ b/src/views/business/components/business-crud-page.vue @@ -2102,7 +2102,6 @@ {{ dispatchDialogTitle }} - | {{ dispatchDialogNo || '-' }} @@ -2114,99 +2113,105 @@ -