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

- 将功能按钮从自定义紧凑搜索栏迁移至 avue-crud 的 menu-left 插槽,恢复 Avue 原生搜索
- 删除紧凑搜索栏及相关样式和方法,减少冗余代码
- 为按钮补齐 Element Plus 图标,统一界面风格
- 修改导出参数,去除 ids 限制,始终按搜索条件导出数据
- 隐藏 Avue 内置新增按钮,仅保留自定义新增按钮
- 调整 searchShow 配置,启用原生搜索表单功能
This commit is contained in:
2026-07-29 12:03:50 +08:00
parent a1c8e7c1ce
commit a71d2c9350
3 changed files with 43 additions and 121 deletions

View File

@@ -1,12 +1,22 @@
# 2026-07-29 工作日志
## cargo-type 顶部按钮区优化
- **文件**: `src/views/base/cargo-type.vue`
- **文件**: `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 { Search, Plus, Upload, Download, Delete }`components 同步注册
4. 补充规范样式:`:deep(.basic-container__card) > .el-card__body { padding: 0 }`(去除内层卡片 padding符合 AGENTS.md 4.4
- **排查确认无需改动项**:
- 操作列菜单(查看/编辑/删除menuWidth:220 已符合规范
- `empty-pagination` 组件已靠右、`total` 在前、`sizes` 在 total 右侧符合分页规范avue-crud 默认分页 layout 同规范customer-type 同模块也未自定义)
3. 图标导入注册:`import { Plus, Upload, Download, Delete }`(移除不再需要的 Searchcomponents 同步注册
4. 补充规范样式:`:deep(.basic-container__card) > .el-card__body { padding: 0 }`
## cargo-type 按钮迁移至 menu-left + 移除紧凑搜索栏(本次)
- **用户要求**:功能按钮从自定义紧凑搜索栏迁移到 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` 插槽中带图标的"新增"按钮