feat(dispatch): 优化运输计划调度弹窗视觉布局并提升紧凑度
- 弹窗标题和单号合并一行,移除分隔符,提升信息整体感 - 基本信息和收发货路线由左右双列改为上下堆叠,改善视觉层次 - 基本信息网格调整为4列布局,货物信息扩大占2列,附件独占一行 - 计划执行时间范围由‘-’改为‘ ~ ’,更清晰表达时间区间 - 路线节点展示改为横向徽章加下方双列详细信息,避免空白和居中留白 - 调整字体大小、颜色及间距,整体风格更简洁且信息更紧凑 - 移除无用边距和min-height约束,使弹窗整体更加紧凑精简 - 更新代理配置,开发期/api请求代理指向指定内网地址,统一路径无需重写, 以解决跨域问题并保持与后端网关路径一致 - 进行了完整构建验证,确保修改不会影响现有功能稳定性
This commit is contained in:
@@ -1,5 +1,11 @@
|
||||
# 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)分组设计模式
|
||||
|
||||
@@ -570,8 +570,9 @@
|
||||
// 全站统一:表格操作列文字链接统一为主色(蓝色)
|
||||
// 覆盖 Avue #menu 槽位与手写表格操作列中 el-link 的 warning / success / danger 等类型,
|
||||
// 同时统一 hover / active / disabled 态,保证全站操作列风格一致。
|
||||
// 选择器同时覆盖 Avue 行菜单(.avue-crud__menu)与任意含 el-link 的表格体单元格(手写操作列)。
|
||||
.avue-crud__menu .el-link,
|
||||
.el-table .el-table__body .cell:not(.avue-crud__menu):has(> .el-link) .el-link {
|
||||
.el-table .el-table__body .cell:has(.el-link) .el-link {
|
||||
--el-link-text-color: var(--el-color-primary);
|
||||
--el-link-hover-text-color: var(--el-color-primary-light-3);
|
||||
--el-link-active-text-color: var(--el-color-primary-dark-2);
|
||||
|
||||
Reference in New Issue
Block a user