| | |
| | | }; |
| | | }, |
| | | methods: { |
| | | tableHeaderRow({ rowIndex }) { |
| | | tableHeaderRow({ rowIndex }) { |
| | | if (rowIndex === 0) return { height: "8rem" }; |
| | | }, |
| | | tableRowClassName({ rowIndex }) { |
| | | tableRowClassName({ rowIndex }) { |
| | | if (rowIndex % 2 === 0) { |
| | | return "warning-row"; |
| | | } |
| | |
| | | position: absolute; |
| | | top: 7.2rem; |
| | | left: 3.3rem; |
| | | } |
| | | // 状态颜色 |
| | | .el-table .warning-row { |
| | | background-color: rgba(81, 210, 255, 0.1); |
| | | } |
| | | .el-table td.el-table__cell, |
| | | .el-table th.el-table__cell.is-leaf { |
| | | border: none; |
| | | } |
| | | // .el-table .success-row { |
| | | // background-color: rgba(81, 210, 255, 0.1); |
| | | // } |
| | | // .workStatistics-table { |
| | | .el-table tr { |
| | | // background-color: rgba(81, 210, 255, 0.1); |
| | | background: transparent; |
| | | } |
| | | // 头部 |
| | | .el-table th.el-table__cell { |
| | | // background-color: rgba(1, 68, 117, 1); |
| | | background: transparent; |
| | | } |
| | | // .el-table__fixed, |
| | | // .el-table__fixed-right, |
| | | // .el-table__fixed-right::before, |
| | | // .el-table__fixed::before { |
| | | // background-color: #51d2ff; |
| | | // } |
| | | .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell { |
| | | // background-color: rgba(1, 68, 117, 1); |
| | | background: transparent; |
| | | } |
| | | .el-table thead { |
| | | color: #111111; |
| | | } |
| | | // .el-table td.el-table__cell, |
| | | // .el-table th.el-table__cell.is-leaf { |
| | | // border-bottom: 1px solid #8e8e8e; |
| | | // } |
| | | // .el-table--border .el-table__cell, |
| | | // .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed { |
| | | // border-right: 1px solid #8e8e8e; |
| | | // } |
| | | .el-table .el-table__cell { |
| | | padding: 2rem 0; |
| | | } |
| | | .el-table__body tr.hover-row.current-row > td.el-table__cell, |
| | | .el-table__body, |
| | | |
| | | // 状态颜色 |
| | | .el-table .warning-row { |
| | | background-color: rgba(81, 210, 255, 0.1); |
| | | } |
| | | .el-table td.el-table__cell, |
| | | .el-table th.el-table__cell.is-leaf { |
| | | border: none; |
| | | } |
| | | // .el-table .success-row { |
| | | // background-color: rgba(81, 210, 255, 0.1); |
| | | // } |
| | | // .workStatistics-table { |
| | | .el-table tr { |
| | | background: transparent; |
| | | } |
| | | // 头部 |
| | | .el-table th.el-table__cell { |
| | | background: transparent; |
| | | } |
| | | // .el-table__fixed, |
| | | // .el-table__fixed-right, |
| | | // .el-table__fixed-right::before, |
| | | // .el-table__fixed::before { |
| | | // background-color: #51d2ff; |
| | | // } |
| | | .el-table--striped |
| | | .el-table__body |
| | | tr.el-table__row--striped |
| | | td.el-table__cell { |
| | | // background-color: rgba(1, 68, 117, 1); |
| | | background: transparent; |
| | | } |
| | | .el-table thead { |
| | | color: #111111; |
| | | } |
| | | // .el-table td.el-table__cell, |
| | | // .el-table th.el-table__cell.is-leaf { |
| | | // border-bottom: 1px solid #8e8e8e; |
| | | // } |
| | | // .el-table--border .el-table__cell, |
| | | // .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed { |
| | | // border-right: 1px solid #8e8e8e; |
| | | // } |
| | | .el-table .el-table__cell { |
| | | padding: 2rem 0; |
| | | } |
| | | .el-table__body tr.hover-row.current-row > td.el-table__cell, |
| | | .el-table__body, |
| | | tr.hover-row.el-table__row--striped.current-row, |
| | | > td.el-table__cell, |
| | | .el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell, |
| | | .el-table__body tr.hover-row > td.el-table__cell { |
| | | background: transparent; |
| | | } |
| | | .el-table .cell { |
| | | font-weight: 300; |
| | | font-size: 2.6rem; |
| | | //font-family: Source Han Sans CN, Source Han Sans CN-Light; |
| | | text-align: center; |
| | | color: #ffffff; |
| | | line-height: 2.6rem; |
| | | .el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell, |
| | | .el-table__body tr.hover-row > td.el-table__cell { |
| | | background: transparent; |
| | | } |
| | | .el-table .cell { |
| | | font-weight: 300; |
| | | font-size: 2.6rem; |
| | | //font-family: Source Han Sans CN, Source Han Sans CN-Light; |
| | | text-align: center; |
| | | color: #ffffff; |
| | | line-height: 2.6rem; |
| | | } |
| | | } |
| | | // } |
| | | </style> |