style(business): 调整弹窗样式实现居中加高并优化滚动体验
- 修改 shipping-template 新增/编辑弹窗宽度为 92%,顶部边距调为 4vh,新增自定义 class 实现视觉居中 - 在全局样式中增加 .shipping-template-dialog,弹窗高度占满视口并解除最大高度限制,底部操作栏持续可见且固定贴底 - 调整 transport-plan 弹窗样式,限制最大高度 72vh,内容超出时内部滚动,底部操作栏同样固定 - 统一多处业务弹窗 dialogTop 属性由 '10px' 修改为 '4vh',增强界面一致性 - 调整 waybill-manage 模块部分表格列宽,优化显示效果 - 更新 vite 配置,启用本地开发服务器端口为 2889,更新代理目标地址
This commit is contained in:
@@ -619,6 +619,6 @@ export const option = createCrudOption([
|
||||
|
||||
option.span = 8;
|
||||
option.dialogWidth = 1480;
|
||||
option.dialogTop = '10px';
|
||||
option.dialogTop = '4vh';
|
||||
option.dialogCloseBtn = true;
|
||||
option.menuWidth = 320;
|
||||
|
||||
@@ -181,7 +181,7 @@ export const option = {
|
||||
viewBtn: false,
|
||||
editBtn: false,
|
||||
delBtn: false,
|
||||
dialogTop: '10px',
|
||||
dialogTop: '4vh',
|
||||
dialogWidth: '96%',
|
||||
menuWidth: 220,
|
||||
};
|
||||
|
||||
@@ -269,6 +269,8 @@ export const option = {
|
||||
})),
|
||||
])
|
||||
),
|
||||
dialogWidth: '96%',
|
||||
dialogTop: '10px',
|
||||
dialogWidth: '92%',
|
||||
dialogTop: '4vh',
|
||||
// 自定义弹窗 class,用于让新增/编辑弹窗体占满视口高度、视觉居中(参照 vehicle/customer-archive)
|
||||
dialogCustomClass: 'shipping-template-dialog',
|
||||
};
|
||||
|
||||
@@ -603,4 +603,6 @@ export const option = {
|
||||
])
|
||||
),
|
||||
dialogWidth: '96%',
|
||||
dialogTop: '4vh',
|
||||
dialogCustomClass: 'transport-plan-dialog',
|
||||
};
|
||||
|
||||
@@ -707,7 +707,7 @@ export const option = {
|
||||
searchLabel: '状态',
|
||||
searchOrder: 11,
|
||||
dicData: waybillStatusOptions,
|
||||
minWidth: 120,
|
||||
minWidth: 82,
|
||||
fixed: 'right',
|
||||
addDisplay: false,
|
||||
editDisplay: false,
|
||||
@@ -930,6 +930,6 @@ export const option = {
|
||||
])
|
||||
),
|
||||
dialogWidth: '96%',
|
||||
dialogTop: '10px',
|
||||
dialogTop: '4vh',
|
||||
menuWidth: 280,
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user