fix(business): 修复下拉框定位及输入框宽度问题
- 统一 business-crud-page.vue 表单控件宽度,包含 el-autocomplete 及其内部元素 - 调整调度弹窗收发货地址行网格,使地址输入框宽度自适应避免溢出 - contract-manage.vue 中所有 el-select 加 :teleported="false" 和 :fit-input-width="true" - 强制 contract-manage.vue 下拉框在输入框正下方显示,防止弹出位置漂移 - 禁用 contract-manage.vue 下拉弹窗自动翻转,确保下拉框始终在下方显示
This commit is contained in:
@@ -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
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user