style(cargo-type): 调整表格行高及注释部分样式

- 将表格行高从32调整为22以增强紧凑感
- 注释掉表头和数据行的 padding 样式,暂时禁用加高效果
- 注释掉表格容器的高度自适应样式,避免布局异常
- 调整分页组件容器的内边距以优化视觉间距
This commit is contained in:
2026-07-29 16:52:14 +08:00
parent ee84cad033
commit 46d34f489e
3 changed files with 11 additions and 11 deletions

View File

@@ -24,7 +24,7 @@ const validateRemark = (rule, value, callback) => {
export const getCargoTypeOption = ctx => ({ export const getCargoTypeOption = ctx => ({
height: 'auto', height: 'auto',
calcHeight: 32, calcHeight: 22,
dialogWidth: 760, dialogWidth: 760,
labelPosition: 'right', labelPosition: 'right',
labelWidth: 'auto', labelWidth: 'auto',

View File

@@ -263,6 +263,7 @@
justify-content: flex-end; justify-content: flex-end;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
padding: 10px 0 !important;
} }
.avue-crud__pagination .el-pagination, .avue-crud__pagination .el-pagination,
@@ -277,7 +278,6 @@
justify-content: flex-end; justify-content: flex-end;
width: 100%; width: 100%;
gap: 6px; gap: 6px;
padding: 18px 0 0;
color: #303133; color: #303133;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;

View File

@@ -617,14 +617,14 @@ export default {
--el-table-row-height: 40px; --el-table-row-height: 40px;
// 表头加高 // 表头加高
.el-table__header-wrapper .el-table__cell { //.el-table__header-wrapper .el-table__cell {
padding: 10px 0; // padding: 10px 0;
} //}
// 数据行保持紧凑 // 数据行保持紧凑
.el-table__body .el-table__cell { //.el-table__body .el-table__cell {
padding: 2px 0; // padding: 2px 0;
} //}
} }
// 底部空白区域自适应:表格 body 不再强制撑满计算高度 // 底部空白区域自适应:表格 body 不再强制撑满计算高度
@@ -634,9 +634,9 @@ export default {
} }
// 同步让外层表格容器也自适应 // 同步让外层表格容器也自适应
:deep(.avue-crud .el-table) { //:deep(.avue-crud .el-table) {
height: auto !important; // height: auto !important;
} //}
:deep(.el-table__body tr:nth-child(even) > td.el-table__cell) { :deep(.el-table__body tr:nth-child(even) > td.el-table__cell) {
background: #fafafa; background: #fafafa;