From 9e14f3160422e2df6405230aff00bf3405b684fc 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, 3 Sep 2026 15:45:01 +0800 Subject: [PATCH 1/4] =?UTF-8?q?fix(business):=20=E4=BF=AE=E5=A4=8D?= =?UTF-8?q?=E4=B8=8B=E6=8B=89=E6=A1=86=E5=AE=9A=E4=BD=8D=E5=8F=8A=E8=BE=93?= =?UTF-8?q?=E5=85=A5=E6=A1=86=E5=AE=BD=E5=BA=A6=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 统一 business-crud-page.vue 表单控件宽度,包含 el-autocomplete 及其内部元素 - 调整调度弹窗收发货地址行网格,使地址输入框宽度自适应避免溢出 - contract-manage.vue 中所有 el-select 加 :teleported="false" 和 :fit-input-width="true" - 强制 contract-manage.vue 下拉框在输入框正下方显示,防止弹出位置漂移 - 禁用 contract-manage.vue 下拉弹窗自动翻转,确保下拉框始终在下方显示 --- .workbuddy/memory/2026-09-03.md | 17 ++++ .../components/business-crud-page.vue | 12 ++- src/views/business/contract-manage.vue | 83 +++++++++++++++++-- 3 files changed, 101 insertions(+), 11 deletions(-) create mode 100644 .workbuddy/memory/2026-09-03.md diff --git a/.workbuddy/memory/2026-09-03.md b/.workbuddy/memory/2026-09-03.md new file mode 100644 index 0000000..ad1bf9c --- /dev/null +++ b/.workbuddy/memory/2026-09-03.md @@ -0,0 +1,17 @@ + +## 合同管理独立表单页下拉框定位修复 +- `src/views/business/contract-manage.vue` 全部 12 处 `el-select` 加 `:teleported="false"` + `:fit-input-width="true"`:下拉保持在输入框正下方、宽度与输入框一致(原 teleport 到 body 导致下拉漂移且按内容撑宽)。 +- 若后续新增独立表单页出现同样问题,照加这两个属性即可。 +- 追加:teleported=false 后 popper 因下方空间不足自动上翻,再给 12 处 el-select 加 `placement="bottom-start"` + `:popper-options="{ modifiers: [{ name: 'flip', enabled: false }] }"` 强制始终在下方展示。 + +## 调度弹窗司机输入框宽度不一致修复 +- 现象:「编辑调度信息(精简录入)」弹窗中,司机(el-autocomplete)输入框比同行 250px 的其他输入框宽。 +- 根因:`business-crud-page.vue` 约 13434 行的「表单控件统一 250px」规则漏了 `.el-autocomplete`(autocomplete 根节点是包装层,内部才是 .el-input)。 +- 修复:在该规则选择器列表追加 `> .el-autocomplete` 和 `> .el-autocomplete > .el-input`,与运单独立表单页(13658 行 business-crud-page--form-page 先例)一致。 +- 经验:凡「控件统一 250px」类规则,选择器必须包含 `.el-autocomplete` 包装层。 + +## 调度弹窗收发货地址行溢出修复 +- 现象:「编辑调度信息」弹窗收发货信息行,地址输入框过宽,右侧「联系方式」列被挤出弹窗。 +- 根因:`__dispatch-shipping-form __route-address-row` 网格地址列为 `minmax(280px, 1fr)`,各列最小宽度合计 1030px,弹窗不够宽时 grid 不换行直接溢出。 +- 修复:地址列改 `minmax(0, 1fr)`(宽屏仍 1fr 拉伸,窄窗自动收窄,总最小宽降到 750px)。 +- 备注:基础规则 `__route-address-row`(13750 行,运单独立表单页等在用,7 列含 40px 按钮列)仍是 minmax(280px,1fr),同样窄窗有溢出风险,暂未动(用户未反馈该页问题)。 diff --git a/src/views/business/components/business-crud-page.vue b/src/views/business/components/business-crud-page.vue index c12c759..6814263 100644 --- a/src/views/business/components/business-crud-page.vue +++ b/src/views/business/components/business-crud-page.vue @@ -13435,7 +13435,9 @@ export default { :deep(.el-form-item__content > .el-select), :deep(.el-form-item__content > .el-cascader), :deep(.el-form-item__content > .el-input-number), - :deep(.el-form-item__content > .el-date-editor) { + :deep(.el-form-item__content > .el-date-editor), + :deep(.el-form-item__content > .el-autocomplete), + :deep(.el-form-item__content > .el-autocomplete > .el-input) { width: 250px; max-width: 100%; } @@ -13506,7 +13508,7 @@ export default { &__shipping-title, &__goods-title, &__task-title { - min-width: 100%; + //min-width: 100%; } &__shipping-route-action { @@ -13753,7 +13755,7 @@ export default { ); gap: 8px; align-items: center; - width: 100%; + width:98%; :deep(.el-input), :deep(.el-select), @@ -13807,7 +13809,9 @@ export default { } &__dispatch-shipping-form &__route-address-row { - grid-template-columns: 260px minmax(280px, 1fr) 58px minmax(160px, 220px) 72px minmax( + // 地址列用 minmax(0, 1fr):窗口较窄时地址输入框自动收窄, + // 避免各列最小宽度合计超出弹窗宽度,把右侧联系方式挤出弹窗。 + grid-template-columns: 260px minmax(0, 1fr) 58px minmax(160px, 220px) 72px minmax( 160px, 220px ); diff --git a/src/views/business/contract-manage.vue b/src/views/business/contract-manage.vue index fb1c429..c764e36 100644 --- a/src/views/business/contract-manage.vue +++ b/src/views/business/contract-manage.vue @@ -111,7 +111,14 @@
基本信息
- + - + @@ -186,6 +208,10 @@ placeholder="请选择乙方" filterable clearable + :teleported="false" + :fit-input-width="true" + placement="bottom-start" + :popper-options="{ modifiers: [{ name: 'flip', enabled: false }] }" :loading="contractPartyLoading" @visible-change="visible => visible && loadContractPartyOptions()" > @@ -240,7 +266,14 @@ /> - + - + - + @@ -359,6 +406,10 @@ - + - + Date: Thu, 3 Sep 2026 16:06:43 +0800 Subject: [PATCH 2/4] =?UTF-8?q?style(contract):=20=E4=BC=98=E5=8C=96?= =?UTF-8?q?=E9=99=84=E4=BB=B6=E4=B8=8A=E4=BC=A0=E6=8C=89=E9=92=AE=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=E5=8F=8A=E5=BF=85=E5=A1=AB=E6=8F=90=E7=A4=BA=20-=20?= =?UTF-8?q?=E4=B8=BA=E2=80=9C=E4=B8=8A=E4=BC=A0=E9=99=84=E4=BB=B6=E2=80=9D?= =?UTF-8?q?=E5=92=8C=E2=80=9C=E4=B8=8A=E4=BC=A0=E5=8F=98=E6=9B=B4=E6=9D=90?= =?UTF-8?q?=E6=96=99=E2=80=9D=E6=8C=89=E9=92=AE=E6=B7=BB=E5=8A=A0=E5=9B=BE?= =?UTF-8?q?=E6=A0=87=E5=8F=8A=E4=B8=BB=E8=89=B2=E8=B0=83=E6=A0=B7=E5=BC=8F?= =?UTF-8?q?=20-=20=E5=9C=A8=E5=8F=98=E6=9B=B4=E5=8E=9F=E5=9B=A0=E6=A0=87?= =?UTF-8?q?=E9=A2=98=E5=8F=8A=E8=BE=93=E5=85=A5=E6=A1=86=E6=B7=BB=E5=8A=A0?= =?UTF-8?q?=E2=80=9C=E5=BF=85=E5=A1=AB=E2=80=9D=E6=8F=90=E7=A4=BA=E6=96=87?= =?UTF-8?q?=E5=AD=97?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit style(customer-archive): 调整客户档案页面细节排版和格式 - 修复联系人列表相关代码缩进及注释格式 - --- src/page/login/userlogin.vue | 14 +- src/views/business/contract-manage-change.vue | 4 +- src/views/vehicle/customer-archive.vue | 128 ++++++++---------- 3 files changed, 69 insertions(+), 77 deletions(-) diff --git a/src/page/login/userlogin.vue b/src/page/login/userlogin.vue index d71e11c..d981745 100644 --- a/src/page/login/userlogin.vue +++ b/src/page/login/userlogin.vue @@ -55,13 +55,13 @@ - {{ $t('login.register') }} - + + + + + + + diff --git a/src/views/business/contract-manage-change.vue b/src/views/business/contract-manage-change.vue index d207d5b..5c22376 100644 --- a/src/views/business/contract-manage-change.vue +++ b/src/views/business/contract-manage-change.vue @@ -79,10 +79,10 @@
其它附件
批量下载
- 上传附件 + 上传附件
-
变更原因
变更材料
上传变更材料
+
变更原因(必填)
变更材料
上传变更材料
- - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + +
@@ -607,7 +606,9 @@