diff --git a/src/assets/scss/global.scss b/src/assets/scss/global.scss index ce44fe0..2a2c235 100644 --- a/src/assets/scss/global.scss +++ b/src/assets/scss/global.scss @@ -254,6 +254,21 @@ input.el-input__inner{ /* color: #f19944; */ /* 设置文字颜色,可以选择不设置 */ } +/* 修复表格快速移动鼠标时多行同时高亮的问题 */ +/* 使用 hover-row 类代替 :hover 伪类 */ +.el-table__body-wrapper .el-table__row > td { + transition: background-color 0s !important; /* 移除过渡效果,避免延迟 */ +} + +.el-table__body-wrapper .el-table__row.hover-row > td { + background-color: #f5f7fa !important; +} + +/* 确保非 hover 行恢复默认背景色 */ +.el-table__body-wrapper .el-table__row:not(.hover-row) > td { + background-color: inherit; +} + /*全局的fieldset样式*/ .customer-fieldset{ padding: 0.125em; diff --git a/src/views/modules/yieldReport/com_produce_report_normal.vue b/src/views/modules/yieldReport/com_produce_report_normal.vue index 13eccb0..7fb9da0 100644 --- a/src/views/modules/yieldReport/com_produce_report_normal.vue +++ b/src/views/modules/yieldReport/com_produce_report_normal.vue @@ -5312,8 +5312,14 @@ export default { padding: 8px 0; } -.modern-tabs /deep/ .el-table__body-wrapper .el-table__row:hover { - background: #f5f7fa; +/* 使用 hover-row 类代替 :hover 伪类,避免快速移动鼠标时多行同时高亮 */ +.modern-tabs /deep/ .el-table__body-wrapper .el-table__row.hover-row > td { + background: #f5f7fa !important; +} + +/* 确保非 hover 行的背景色正常 */ +.modern-tabs /deep/ .el-table__body-wrapper .el-table__row > td { + transition: background-color 0s; /* 移除过渡效果,避免延迟 */ } /* 右侧控制面板 - 绝对定位 */