Files

赵忠林 a71d2c9350 refactor(cargo-type): 优化按钮布局并修复导出逻辑

- 将功能按钮从自定义紧凑搜索栏迁移至 avue-crud 的 menu-left 插槽，恢复 Avue 原生搜索
- 删除紧凑搜索栏及相关样式和方法，减少冗余代码
- 为按钮补齐 Element Plus 图标，统一界面风格
- 修改导出参数，去除 ids 限制，始终按搜索条件导出数据
- 隐藏 Avue 内置新增按钮，仅保留自定义新增按钮
- 调整 searchShow 配置，启用原生搜索表单功能

2026-07-29 12:03:50 +08:00

1.9 KiB

Raw Blame History

2026-07-29 工作日志

cargo-type 顶部按钮区优化

文件: src/views/base/cargo-type.vue + src/option/base/cargo-type.js
改动:
1. 新增按钮文字 添加分类 → 新增（与截图一致）
2. 为 4 个按钮补齐 Element Plus 图标：批量导入(Upload)、下载模板(Download)、批量导出(Download)、批量删除(Delete)，均带 el-icon--left
3. 图标导入注册：import { Plus, Upload, Download, Delete }（移除不再需要的 Search），components 同步注册
4. 补充规范样式：:deep(.basic-container__card) > .el-card__body { padding: 0 }

用户要求：功能按钮从自定义紧凑搜索栏迁移到 avue-crud 的 menu-left 插槽（表格工具栏右侧），同时删除自定义紧凑搜索栏，恢复 Avue 原生搜索。
模板改动：
- 删除整个 .compact-search 自定义搜索栏 div（含 el-select + el-input + 按钮）
- 在 <avue-crud> 内新增 <template #menu-left> 插槽，放置全部 5 个按钮（新增/批量导入/下载模板/批量导出/批量删除）
Option 改动：searchShow: false → searchShow: true，恢复 Avue 原生搜索表单（类型 radio + 货物类型编码 input）
清理：移除 Search 图标导入、handleCompactSearch() 方法、.compact-search 相关样式、隐藏 .avue-crud__search-btn 规则
确认无需改动项：操作列(220px)、分页组件布局均符合规范

cargo-type 导出逻辑修复 + 去重新增按钮（本次）

导出逻辑：buildExportParams() 移除 ids 参数拼接，始终按当前搜索条件导出（不再受勾选行影响）
去重新增按钮：Avue 内置 addBtn 由 validData(permission, false) 改为 false，隐藏内置"新增"按钮；仅保留 menu-left 插槽中带图标的"新增"按钮

1.9 KiB Raw Blame History Unescape Escape

2026-07-29 工作日志

cargo-type 顶部按钮区优化

cargo-type 按钮迁移至 menu-left + 移除紧凑搜索栏（本次）

cargo-type 导出逻辑修复 + 去重新增按钮（本次）

1.9 KiB

Raw Blame History