diff --git a/.workbuddy/memory/2026-07-28.md b/.workbuddy/memory/2026-07-28.md index 934f084..fb49cda 100644 --- a/.workbuddy/memory/2026-07-28.md +++ b/.workbuddy/memory/2026-07-28.md @@ -36,3 +36,13 @@ ## 货物类型页面搜索区紧凑化 + 展开/收缩功能 - **文件**: `src/views/base/cargo-type.vue` + `src/option/base/cargo-type.js` - **改动**: 搜索区域紧凑化改造——两个搜索字段(类别、货物类型编码)改为单行并排(searchSpan:12);添加展开/收缩功能,默认收缩状态,通过 searchMenuSlot 在查询/重置按钮后追加「展开/收起」切换按钮(带箭头图标动画);option 配置中 searchShow 默认 false、searchMenuSlot 启用、移除 searchIcon。 + +## cargo-type 搜索区重构为自定义紧凑单行搜索栏 +- **文件**: `src/views/base/cargo-type.vue` + `src/option/base/cargo-type.js` +- **改动**: 将 Avue 默认搜索表单完全替换为自定义紧凑单行搜索栏(对齐设计稿截图风格): + - 左侧:`el-select` 类型下拉(选择类型)+ `el-input` 搜索输入框(搜索分类名称,带搜索图标按钮) + - 右侧:添加分类(主色按钮)、批量导入、批量删除操作按钮 + - 隐藏 Avue 内置搜索(`searchShow: false`),移除 `menu-left` 插槽中的按钮 + - 新增 `handleCompactSearch` 方法,支持回车/点击/清除/下拉切换触发搜索,keyword 映射为 `cargoName` 参数 + - 引入 Element Plus 图标组件(Search, Plus) + - 样式:flex 单行布局、轻量阴影 `0 2px 8px rgba(0,0,0,0.06)`、select 160px / input 280px 固定宽度 diff --git a/src/option/base/cargo-type.js b/src/option/base/cargo-type.js index 61d4eb9..7032f87 100644 --- a/src/option/base/cargo-type.js +++ b/src/option/base/cargo-type.js @@ -33,7 +33,8 @@ export const getCargoTypeOption = ctx => ({ emptyBtnText: '重置', saveBtnText: '提交', updateBtnText: '提交', - searchShow: true, + searchShow: false, + searchIcon: false, searchMenuSpan: 24, searchIndex: 8, searchMenuPosition: 'right', diff --git a/src/views/base/cargo-type.vue b/src/views/base/cargo-type.vue index 6db1208..b138729 100644 --- a/src/views/base/cargo-type.vue +++ b/src/views/base/cargo-type.vue @@ -1,5 +1,52 @@