# 2026-08-06 工作日志 ## 全站表格操作列文字链接统一为蓝色 - 需求:客户档案页(/vehicle/customer-archive)操作列颜色统一蓝色,且全站统一风格。 - 实现:在 `src/styles/element-ui.scss` 新增全局规则,覆盖 Avue `#menu` 槽位(`.avue-crud__menu .el-link`)与手写表格操作列(`.el-table .el-table__body .cell:has(.el-link) .el-link`)中所有 `el-link` 的 `--el-link-text-color` / hover / active / disabled 变量为主色 `#409eff` 及其浅/深色,从而把 warning/success/danger 等类型强制转蓝。 - 单点生效,无需逐页改 `type`。dev server(2888) 已运行会热更新。 - 注意:选择器以「表格体内含 el-link 的单元格」为目标,本仓库表格内 el-link 仅用于操作列,无副作用;若未来某数据单元格用 el-link 作强调色需另行排除。 ## 运输计划调度弹窗 UX 分析 - 完成 `/business/transport-plan` 调度弹窗的 UX 审查,对比 project-apply 页面风格 - 输出 6 项改进方案(P0-P5),核心问题为缺少灰底(#f5f6fa)+白卡(section-card)分组设计模式 - 所有改动集中在 `business-crud-page.vue` 一个文件 - 待用户确认后实施第一阶段(P0灰底 + P1白卡分组) ## 已实施的改进(全部在 business-crud-page.vue) - P0: `__dispatch-dialog` 的 `.el-dialog__body` 改为 `padding:16px; background:#f5f6fa; overflow-y:auto`(原 padding:0) - P1: 调度弹窗三块分区用全局 `` 包裹:基本信息 / 收发货路线 / 待调度列表;"新增"按钮+汇总文字移入列表卡 `#extra` slot - P2: `__dispatch-route-line` 由黑色实线改为 `#409EFF` 虚线 + 箭头(主色方向感) - P3: 待调度列表纳入白卡容器(随 P1 完成) - P4: 调度表操作列 `width` 180→220 预留扩展 - P5: `__dispatch-footer` 增加 `border-top` + padding/margin-top 分隔 - 旧 `__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` 成功