style(cargo-type): 优化表格样式及时间格式展示
- 为部分字段添加溢出显示提示(showOverflowTooltip) - 修改更新时间和创建时间的格式为“YYYY-MM-DD” - 调整el-table头部和数据行的内边距,提高视觉一致性 - 将按钮类型由success和danger统一更改为primary,简化按钮样式
This commit is contained in:
@@ -84,7 +84,7 @@
|
||||
|
||||
<template #menu="{ row, index }">
|
||||
<el-button
|
||||
type="success"
|
||||
type="primary"
|
||||
text
|
||||
v-if="permission.cargo_type_view"
|
||||
@click="$refs.crud.rowView(row, index)"
|
||||
@@ -100,7 +100,7 @@
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button
|
||||
type="danger"
|
||||
type="primary"
|
||||
text
|
||||
v-if="permission.cargo_type_delete"
|
||||
@click="rowDel(row)"
|
||||
@@ -617,14 +617,14 @@ export default {
|
||||
--el-table-row-height: 40px;
|
||||
|
||||
// 表头加高
|
||||
//.el-table__header-wrapper .el-table__cell {
|
||||
// padding: 10px 0;
|
||||
//}
|
||||
.el-table__header-wrapper .el-table__cell {
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
// 数据行保持紧凑
|
||||
//.el-table__body .el-table__cell {
|
||||
// padding: 2px 0;
|
||||
//}
|
||||
.el-table__body .el-table__cell {
|
||||
padding: 6px 0;
|
||||
}
|
||||
}
|
||||
|
||||
// 底部空白区域自适应:表格 body 不再强制撑满计算高度
|
||||
|
||||
Reference in New Issue
Block a user