From 21c4168867f2e1e45910ceb3cafdcd41c81f9d12 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com> Date: Mon, 24 Aug 2026 20:19:08 +0800 Subject: [PATCH] =?UTF-8?q?fix(business-crud-page):=20=E7=BB=9F=E4=B8=80?= =?UTF-8?q?=E5=8F=91=E8=B4=A7=E6=A8=A1=E6=9D=BF=E5=BC=B9=E7=AA=97=20label?= =?UTF-8?q?=20=E5=AE=BD=E5=BA=A6=E5=B9=B6=E8=B0=83=E6=95=B4=E5=AD=97?= =?UTF-8?q?=E6=AE=B5=E9=A1=BA=E5=BA=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 在通用详情描述和运费信息描述表中添加 label-width="140px"，统一 label 列宽 - 调整收发货信息字段顺序，将联系人和联系方式置于地址之前 - 解决 span 行固定布局下 label 列宽不一致的问题 - 保证表格首行的两列 label 宽度固定，提升视觉一致性 --- .workbuddy/memory/2026-08-24.md | 4 +++- src/option/business/shipping-template.js | 4 ++-- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/.workbuddy/memory/2026-08-24.md b/.workbuddy/memory/2026-08-24.md index 680b991..ebf95c7 100644 --- a/.workbuddy/memory/2026-08-24.md +++ b/.workbuddy/memory/2026-08-24.md @@ -10,7 +10,9 @@ ## 发货模板查看弹窗 label 宽度统一 - 问题：详情弹窗各 section 的 el-descriptions 按内容自动列宽，导致「收发货信息」板块含 6 字标签（发货联系方式/收货联系方式）时 label 列比其他板块（4 字标签）更宽，视觉不一致。原 CSS `.el-descriptions__label{width:140px}` 在含 span 行的 fixed 布局下未能可靠等宽。 -- 改动：`src/views/business/components/business-crud-page.vue` 在通用详情描述（line ~3109）与运费信息两张描述表（road / 非 road）上加 `label-width="140px"`（Element Plus 原生机制，覆盖 auto 列宽与 span 行差异），使所有详情 label 列统一 140px。 +- 改动： + - `src/views/business/components/business-crud-page.vue` 在通用详情描述（line ~3109）与运费信息两张描述表（road / 非 road）上加 `label-width="140px"`。 + - `src/option/business/shipping-template.js`：将「收发货信息」字段顺序调整为联系人/联系方式在前、地址整行在后（非 span 行置于首行，让 `table-layout: fixed` 能在首行正确建立两列 label 宽度）。 - 验证：`npm run build` 通过。 ## 全站业务状态标签文字化（调度状态/审批状态） diff --git a/src/option/business/shipping-template.js b/src/option/business/shipping-template.js index ab64f94..54e1fa0 100644 --- a/src/option/business/shipping-template.js +++ b/src/option/business/shipping-template.js @@ -40,12 +40,12 @@ export const config = { { title: '收发货信息', fields: [ - ['departureAddress', '发货地址', 2], ['departureContact', '发货联系人'], ['departurePhone', '发货联系方式'], - ['arrivalAddress', '收货地址', 2], + ['departureAddress', '发货地址', 2], ['arrivalContact', '收货联系人'], ['arrivalPhone', '收货联系方式'], + ['arrivalAddress', '收货地址', 2], ], }, ],