gxwebsoft
68f4b2c35e
- 注释掉多个页面及组件中el-form-item的margin-bottom样式 - 增加车辆调度弹窗配置dialogCustomClass: 'vehicle-dispatch-dialog' - 在全局样式element-ui.scss中为.vehicle-dispatch-dialog内el-cascader设置宽度100% - 解决avue-crud弹窗append-to-body导致页面容器scoped样式无法命中问题 - 更新vite配置，将开发服务器端口修改为2889，代理目标指向远程地址 - 补充工程文档说明和样式调整原因分析
1.3 KiB
1.3 KiB
2026-10-13
车辆调度弹窗：使用部门级联选择器宽度对齐
- 现象：
/transportCapacity/vehicle-dispatch新增/编辑弹窗中，使用部门el-cascader明显窄于同行车牌号el-input。 - 根因：
el-cascader是display: inline-block宽度按内容收缩（不像el-autocomplete/el-input有--el-input-width: 100%兜底）；而页面里写的.vehicle-dispatch-page :deep(.vehicle-dispatch-form-control){width:100%}命中不到 —— avue-crud 弹窗默认append-to-body: true（append-to-body": validData(crud.tableOption.dialogAppendToBody, true)），DOM Teleport 到 body，已不在.vehicle-dispatch-page之下。 - 修法（走项目既有约定）：
src/option/transportCapacity/vehicle-dispatch.js增加dialogCustomClass: 'vehicle-dispatch-dialog'；src/styles/element-ui.scss增加全局规则.vehicle-dispatch-dialog .el-form-item__content > .el-cascader { width:100%; max-width:100% }。
- 自检：dev(2889)
curl /src/styles/element-ui.scss与/src/option/transportCapacity/vehicle-dispatch.js均 200，编译产物含新规则。 - 遗留观察：同文件里
.vehicle-dispatch-page :deep(.avue--detail ...)那一批查看态禁用样式，同样因 Teleport 属死规则（未改，待确认是否需要迁到.vehicle-dispatch-dialog作用域）。