gxwebsoft
23b23dc8e5
- 修复 Element Plus el-select 组件选中值与占位符使用同一节点导致无法区分颜色的问题 - 只有未选值或已展开无搜索时节点带 .is-transparent，用此类排除选中颜色样式应用 - 更新
2.8 KiB
2.8 KiB
合同管理独立表单页下拉框定位修复
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)，同样窄窗有溢出风险，暂未动（用户未反馈该页问题）。
el-select 选中值 / 占位符颜色区分（全局）
- 需求：已选值 #606266，未选值保持 placeholder 灰 #909399。
- 根因：Element Plus 的选中值文本与占位符共用同一节点
<div class="el-select__selected-item el-select__placeholder [is-transparent]">，仅靠.el-select__selected-item无法区分，导致未选态也被染成选中色。 - 区分标志：只有「未选值」或「已展开但无搜索输入」时才带
.is-transparent。 - 修复（
src/styles/element-ui.scss）：选中规则改为.el-select__wrapper:not(.is-disabled) .el-select__selected-item:not(.is-transparent)；多选 tag 文字另加.el-select__tags-text规则（tag 自身 color 优先级更高，父级规则盖不到）。 - 经验：以后写任何「区分 el-select 有值/无值」的 CSS，一律用
:not(.is-transparent)。