diff --git a/src/views/EquipmentRoamRecord/outboundRecord/index.vue b/src/views/EquipmentRoamRecord/outboundRecord/index.vue index 14dc1ecd..8e8eba02 100644 --- a/src/views/EquipmentRoamRecord/outboundRecord/index.vue +++ b/src/views/EquipmentRoamRecord/outboundRecord/index.vue @@ -121,13 +121,15 @@ - - +
+ + +
@@ -351,4 +353,63 @@ export default { } } } +.dialog-table { + border-radius: 6px; + overflow: hidden; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); + + ::v-deep .el-table { + border-radius: 6px; + overflow: hidden; + + // 启用斑马纹 + &.el-table--striped .el-table__body { + tr.el-table__row--striped td { + background-color: #F6FBFA !important; + } + } + + .el-table__header { + background: #E9F0EE; + + th { + background: #E9F0EE !important; + color: #606266; + font-weight: 600; + height: 45px; + font-size: 14px; + border-bottom: 2px solid #e4e7ed; + } + } + + .el-table__body { + tr { + transition: all 0.2s ease; + + &:hover { + background-color: #f8f9fa; + } + + td { + padding: 12px 8px; + font-size: 13px; + border-bottom: 1px solid #f0f2f5; + } + } + } + + &.el-table--striped .el-table__body tr.el-table__row:hover>td.el-table__cell { + background-color: #CCF1E9 !important; + } + + // 表格边框优化 + &::before { + display: none; + } + + &::after { + display: none; + } + } +} diff --git a/src/views/EquipmentRoamRecord/returnRecord/index.vue b/src/views/EquipmentRoamRecord/returnRecord/index.vue index c91550c0..27c782cc 100644 --- a/src/views/EquipmentRoamRecord/returnRecord/index.vue +++ b/src/views/EquipmentRoamRecord/returnRecord/index.vue @@ -107,13 +107,15 @@ +
- + +
@@ -339,4 +341,64 @@ export default { } } } + +.dialog-table { + border-radius: 6px; + overflow: hidden; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); + + ::v-deep .el-table { + border-radius: 6px; + overflow: hidden; + + // 启用斑马纹 + &.el-table--striped .el-table__body { + tr.el-table__row--striped td { + background-color: #F6FBFA !important; + } + } + + .el-table__header { + background: #E9F0EE; + + th { + background: #E9F0EE !important; + color: #606266; + font-weight: 600; + height: 45px; + font-size: 14px; + border-bottom: 2px solid #e4e7ed; + } + } + + .el-table__body { + tr { + transition: all 0.2s ease; + + &:hover { + background-color: #f8f9fa; + } + + td { + padding: 12px 8px; + font-size: 13px; + border-bottom: 1px solid #f0f2f5; + } + } + } + + &.el-table--striped .el-table__body tr.el-table__row:hover>td.el-table__cell { + background-color: #CCF1E9 !important; + } + + // 表格边框优化 + &::before { + display: none; + } + + &::after { + display: none; + } + } +}