style(cargo-type): 调整搜索栏标签宽度及表格样式

- 将搜索栏标签宽度从80px调整为50px,优化界面布局
- 覆盖Avue内置搜索栏label最小宽度样式
- 设置表格行高为44px,提升内容显示密度
- 调整表格单元格内边距为6px,增强视觉效果
- 维护偶数行背景色和边框颜色不变
This commit is contained in:
2026-07-29 15:02:27 +08:00
parent ff91e8dbd7
commit de8a87af6c
2 changed files with 8 additions and 3 deletions

View File

@@ -35,7 +35,7 @@ export const getCargoTypeOption = ctx => ({
updateBtnText: '提交',
searchShow: true,
searchIcon: false,
searchLabelWidth: 80,
searchLabelWidth: 50,
searchMenuSpan: 24,
searchIndex: 8,
searchMenuPosition: 'right',

View File

@@ -611,13 +611,18 @@ export default {
// 搜索栏 label 收窄(覆盖 Avue 内置 min-width:160px
:deep(.avue-crud__search) .el-form-item_label {
min-width: 80px !important;
width: 80px !important;
min-width: 50px !important;
width: 50px !important;
}
:deep(.el-table) {
--el-table-border-color: #eff1f7;
--el-table-row-hover-bg-color: #f5f7fa;
--el-table-row-height: 44px;
.el-table__cell {
padding: 6px 0;
}
}
:deep(.el-table__body tr:nth-child(even) > td.el-table__cell) {