|
|
@ -629,25 +629,27 @@ export default { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
// 主表格行样式 - 验货申请中有数量修改时标红 |
|
|
// 主表格行样式 - 验货申请中有数量修改时标红 |
|
|
/deep/ .el-table__body tr.modified-request-row { |
|
|
|
|
|
|
|
|
// 使用 ::v-deep 确保兼容性 |
|
|
|
|
|
::v-deep .el-table .modified-request-row { |
|
|
background-color: #fef0f0 !important; |
|
|
background-color: #fef0f0 !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/deep/ .el-table__body tr.modified-request-row > td { |
|
|
|
|
|
|
|
|
// 必须针对 td 进行设置,因为 Element 的背景色是挂在 td 上的 |
|
|
|
|
|
::v-deep .el-table .modified-request-row td { |
|
|
background-color: #fef0f0 !important; |
|
|
background-color: #fef0f0 !important; |
|
|
color: #f56c6c !important; |
|
|
color: #f56c6c !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/deep/ .el-table__body tr.modified-request-row:hover > td { |
|
|
|
|
|
background-color: #fde2e2 !important; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/deep/ .el-table__row.current-row.modified-request-row { |
|
|
|
|
|
background-color: #fef0f0 !important; |
|
|
|
|
|
|
|
|
// 针对鼠标悬停时的状态,防止被 hover 颜色覆盖 |
|
|
|
|
|
::v-deep .el-table .el-table__body tr.modified-request-row:hover > td { |
|
|
|
|
|
background-color: #fde2e2 !important; // 稍微深一点的红色以便区分 hover |
|
|
} |
|
|
} |
|
|
|
|
|
</style> |
|
|
|
|
|
|
|
|
/deep/ .el-table__row.current-row.modified-request-row > td { |
|
|
|
|
|
background-color: #fef0f0 !important; |
|
|
|
|
|
color: #f56c6c !important; |
|
|
|
|
|
|
|
|
<!-- 全局样式 - 仅对有 modified-request-row 类的行生效 --> |
|
|
|
|
|
<style lang="scss"> |
|
|
|
|
|
.el-table__body tr.modified-request-row > td { |
|
|
|
|
|
background-color: #ffe6e6 !important; |
|
|
|
|
|
color: #333333 !important; |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |