feat(cargo-type): 优化搜索区布局并添加展开收缩功能
- 将类别和货物类型编码两个搜索字段改为单行并排布局,提升界面紧凑度 - 添加展开/收缩切换按钮,默认收缩,按钮带箭头图标动画 - searchMenuSlot 中新增展开/收缩按钮,移除搜索图标 - 调整相关样式,实现搜索区域元素横向排列,增强用户体验
This commit is contained in:
@@ -35,7 +35,6 @@ export const getCargoTypeOption = ctx => ({
|
||||
updateBtnText: '提交',
|
||||
searchShow: true,
|
||||
searchMenuSpan: 24,
|
||||
searchIcon: true,
|
||||
searchIndex: 8,
|
||||
searchMenuPosition: 'right',
|
||||
border: true,
|
||||
@@ -56,6 +55,7 @@ export const getCargoTypeOption = ctx => ({
|
||||
dataType: 'number',
|
||||
dicData: typeLevelDic,
|
||||
search: true,
|
||||
searchSpan: 12,
|
||||
value: 2,
|
||||
span: 24,
|
||||
minWidth: 120,
|
||||
@@ -106,6 +106,7 @@ export const getCargoTypeOption = ctx => ({
|
||||
prop: 'cargoCode',
|
||||
minWidth: 140,
|
||||
search: true,
|
||||
searchSpan: 12,
|
||||
maxlength: 4,
|
||||
editDisabled: true,
|
||||
rules: [
|
||||
|
||||
Reference in New Issue
Block a user