From e48e5b69890fd1d66430ada480b4a4eb6dc01bc0 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, 13 Aug 2026 18:03:48 +0800 Subject: [PATCH] =?UTF-8?q?style(business-crud-page):=20=E8=B0=83=E6=95=B4?= =?UTF-8?q?=E8=B0=83=E5=BA=A6=E5=BC=B9=E7=AA=97=E5=8D=A1=E7=89=87=E5=AF=B9?= =?UTF-8?q?=E9=BD=90=E5=8F=8A=E8=B4=A7=E7=89=A9=E4=BF=A1=E6=81=AF=E6=A0=87?= =?UTF-8?q?=E9=A2=98=E5=B8=83=E5=B1=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 调整调度弹窗顶部“基本信息”与“收发货路线”两卡片最小高度至260px，实现高度一致 - 通过设置 flex 属性确保卡片内部白底区域等高对齐 - 修改调度摘要容器底部间距为12px，避免与卡片自身 margin 叠加 - 收紧“货物信息”标题的行高，保证与右侧链接垂直居中对齐 - 设置右侧导入货物和常用货物链接使用 inline-flex 和垂直居中样式 - master-order-editor 组件中调整页面布局，将行内元素两端对齐，并移除不必要背景色 --- .workbuddy/memory/2026-08-13.md | 14 ++++++++++++++ .../business/components/business-crud-page.vue | 10 ++++++++++ .../business/components/master-order-editor.vue | 3 +-- 3 files changed, 25 insertions(+), 2 deletions(-) diff --git a/.workbuddy/memory/2026-08-13.md b/.workbuddy/memory/2026-08-13.md index 0e8fed3..ed21e44 100644 --- a/.workbuddy/memory/2026-08-13.md +++ b/.workbuddy/memory/2026-08-13.md @@ -79,3 +79,17 @@ - 校验：文本格式与原串逐字符一致，仅「件」数字变色；未动 `dispatchSummaryItems` 等其它逻辑。 - 修正（用户反馈）：原把整段「数字+件」一起变蓝导致「件」字也蓝。改为数字与单位拆成两个 span（`dispatch-summary-value` 仅含数字、`dispatch-summary-unit` 含单位），蓝色与加粗只作用于数字，「件」字保持默认色。 - 二次修正（用户反馈）：「吨」数字也要蓝。将 `isPiece` 由 `unit==='件'` 放宽为恒 `true`，即所有单位的数字均蓝色、单位字默认色（覆盖 吨/件/方 等）。 + +## business-crud-page.vue 调度弹窗顶部两卡片对齐 + 下方间距 12px +- 需求：截图显示「基本信息」与「收发货路线」两张 section-card 高度不一致，且与下方「待调度列表」间距需 12px。 +- 改动（src/views/business/components/business-crud-page.vue）： + 1. `&__dispatch-summary` 容器 `margin-bottom:8px→12px`，并在容器内覆盖 `.section-card{margin-bottom:0 !important}`，避免 section-card 自带 8px margin 与容器 margin 叠加。 + 2. `&__dispatch-summary-card` 与 `&__dispatch-route-card` 加 `min-height:260px`；内部 `:deep(.section-card)` 与 `:deep(.section-card__body)` 均 `flex:1` 并设 `display:flex;flex-direction:column`，确保左右卡片外框与内部白底区域都等高对齐。 +- 校验：grid `align-items:stretch` + section-card flex:1 撑满，卡片底部会对齐；下方间距精确 12px。 + +## business-crud-page.vue「货物信息」标题与右侧链接水平对齐 +- 需求：截图显示「货物信息」标题与右侧「导入货物」「常用货物」两个 `el-link` 不在同一水平线。 +- 改动（src/views/business/components/business-crud-page.vue）： + 1. `.dialog-section-title > span { line-height: 1 }` 收紧标题文字行高。 + 2. `&__section-actions .el-link { display:inline-flex; align-items:center; line-height:1 }` 让链接严格垂直居中。 +- 校验：两处使用 `.dialog-section-title--action.business-crud-page__goods-title` + `__section-actions` 的货物信息标题都会生效。 diff --git a/src/views/business/components/business-crud-page.vue b/src/views/business/components/business-crud-page.vue index e02aeb6..1ddff69 100644 --- a/src/views/business/components/business-crud-page.vue +++ b/src/views/business/components/business-crud-page.vue @@ -9618,6 +9618,10 @@ export default { font-size: 15px; font-weight: 600; + > span { + line-height: 1; + } + &::before { display: block; width: 4px; @@ -9647,6 +9651,12 @@ export default { flex: 0 0 auto; align-items: center; gap: 8px; + + .el-link { + display: inline-flex; + align-items: center; + line-height: 1; + } } &__task { diff --git a/src/views/business/components/master-order-editor.vue b/src/views/business/components/master-order-editor.vue index 28040dd..1cbbebf 100644 --- a/src/views/business/components/master-order-editor.vue +++ b/src/views/business/components/master-order-editor.vue @@ -1061,7 +1061,7 @@ export default { display: flex; margin-bottom: 8px; flex-direction: row; - justify-content: flex-end; + justify-content: space-between; align-items: center; h3 { margin-right: auto; @@ -1071,7 +1071,6 @@ export default { .goods-toolbar { display: flex; gap: 8px; - background-color: #f3f3f3; } .goods-actions { display: flex;