gxwebsoft
9e14f31604
- 统一 business-crud-page.vue 表单控件宽度，包含 el-autocomplete 及其内部元素 - 调整调度弹窗收发货地址行网格，使地址输入框宽度自适应避免溢出 - contract-manage.vue 中所有 el-select 加 :teleported="false" 和 :fit-input-width="true" - 强制 contract-manage.vue 下拉框在输入框正下方显示，防止弹出位置漂移 - 禁用 contract-manage.vue 下拉弹窗自动翻转，确保下拉框始终在下方显示
18 lines
2.0 KiB
Markdown
18 lines
2.0 KiB
Markdown
|
||
## 合同管理独立表单页下拉框定位修复
|
||
- `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)，同样窄窗有溢出风险，暂未动（用户未反馈该页问题）。
|