refactor(cargo-type): 优化按钮布局并修复导出逻辑
- 将功能按钮从自定义紧凑搜索栏迁移至 avue-crud 的 menu-left 插槽,恢复 Avue 原生搜索 - 删除紧凑搜索栏及相关样式和方法,减少冗余代码 - 为按钮补齐 Element Plus 图标,统一界面风格 - 修改导出参数,去除 ids 限制,始终按搜索条件导出数据 - 隐藏 Avue 内置新增按钮,仅保留自定义新增按钮 - 调整 searchShow 配置,启用原生搜索表单功能
This commit is contained in:
@@ -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 }`(移除不再需要的 Search),components 同步注册
|
||||
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` 插槽中带图标的"新增"按钮
|
||||
|
||||
Reference in New Issue
Block a user