From f03f76447277ae72949928da47701e8493576d93 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com> Date: Thu, 6 Aug 2026 19:53:34 +0800 Subject: [PATCH] =?UTF-8?q?feat(dispatch):=20=E4=BC=98=E5=8C=96=E8=BF=90?= =?UTF-8?q?=E8=BE=93=E8=AE=A1=E5=88=92=E8=B0=83=E5=BA=A6=E5=BC=B9=E7=AA=97?= =?UTF-8?q?=E8=A7=86=E8=A7=89=E5=B8=83=E5=B1=80=E5=B9=B6=E6=8F=90=E5=8D=87?= =?UTF-8?q?=E7=B4=A7=E5=87=91=E5=BA=A6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 弹窗标题和单号合并一行，移除分隔符，提升信息整体感 - 基本信息和收发货路线由左右双列改为上下堆叠，改善视觉层次 - 基本信息网格调整为4列布局，货物信息扩大占2列，附件独占一行 - 计划执行时间范围由‘-’改为‘ ~ ’，更清晰表达时间区间 - 路线节点展示改为横向徽章加下方双列详细信息，避免空白和居中留白 - 调整字体大小、颜色及间距，整体风格更简洁且信息更紧凑 - 移除无用边距和min-height约束，使弹窗整体更加紧凑精简 - 更新代理配置，开发期/api请求代理指向指定内网地址，统一路径无需重写， 以解决跨域问题并保持与后端网关路径一致 - 进行了完整构建验证，确保修改不会影响现有功能稳定性 --- .workbuddy/memory/2026-08-06.md | 19 ++ .../components/business-crud-page.vue | 298 ++++++++++-------- vite.config.mjs | 6 +- 3 files changed, 181 insertions(+), 142 deletions(-) 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 @@ -
- -
-
-
客户
-
- {{ dispatchRow.customerName || '-' }} -
-
-
-
项目
-
- {{ dispatchRow.projectName || '-' }} -
-
-
-
合同编号
-
- {{ dispatchRow.contractName || dispatchRow.contractNo || '-' }} -
-
-
-
货物信息
-
- {{ dispatchPlanCargoInfo || '-' }} -
-
-
-
计划执行时间
-
- {{ - [dispatchRow.planStartDate, dispatchRow.planEndDate] - .filter(Boolean) - .join('-') || '-' - }} -
-
-
-
附件
-
- - {{ dispatchAttachmentLabel(item) }} - - - -
+ + +
+
+
客户
+
+ {{ dispatchRow.customerName || '-' }}
- - -
-
- 起 -
+
+
项目
+
+ {{ dispatchRow.projectName || '-' }} +
+
+
+
合同编号
+
+ {{ dispatchRow.contractName || dispatchRow.contractNo || '-' }} +
+
+
+
计划执行时间
+
+ {{ + [dispatchRow.planStartDate, dispatchRow.planEndDate] + .filter(Boolean) + .join(' ~ ') || '-' + }} +
+
+
+
货物信息
+
+ {{ dispatchPlanCargoInfo || '-' }} +
+
+
+
附件
+
+ + {{ dispatchAttachmentLabel(item) }} + + - +
+
+
+ + + +
+
+
+ 起
{{ parseDispatchRoutePoint(dispatchRow, 'start').name || '-' }}
-
- {{ parseDispatchRoutePoint(dispatchRow, 'start').address || '-' }} -
-
- {{ parseDispatchRoutePoint(dispatchRow, 'start').contact || '-' }} -
-
-
-
- 终 -
+
+
+ 终
{{ parseDispatchRoutePoint(dispatchRow, 'end').name || '-' }}
-
+
+
+
+
+
发货地址
+
+ {{ parseDispatchRoutePoint(dispatchRow, 'start').address || '-' }} +
+
+ {{ parseDispatchRoutePoint(dispatchRow, 'start').contact || '-' }} +
+
+
+
收货地址
+
{{ parseDispatchRoutePoint(dispatchRow, 'end').address || '-' }}
-
- {{ parseDispatchRoutePoint(dispatchRow, 'end').contact || '-' }} +
+ {{ parseDispatchRoutePoint(dispatchRow, 'end').contact || '-' }} +
-
-