feat(cargo-type): 优化顶部按钮区界面和样式

- 将“添加分类”按钮文字修改为“新增”以统一风格
- 为批量导入、下载模板、批量导出和批量删除按钮添加对应 Element Plus 图标
- 在组件中引入并注册 Search、Plus、Upload、Download、Delete 图标组件
- 新增样式规则,去除 basic-container 卡片内层 el-card 的 padding,符合设计规范4.4
- 隐藏表格工具栏中的搜索图标按钮,优化界面简洁度
This commit is contained in:
2026-07-29 11:48:07 +08:00
parent 6e71c38dad
commit a1c8e7c1ce
2 changed files with 24 additions and 7 deletions

View File

@@ -0,0 +1,12 @@
# 2026-07-29 工作日志
## cargo-type 顶部按钮区优化
- **文件**: `src/views/base/cargo-type.vue`
- **改动**:
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 同模块也未自定义)