fix:修改滚动table

ZhangXianQiang

2024-03-08 85441ede2c0d323cf69d771e16141550333abb7a

 src/views/daoAnOffice/right/danger/dataTable.vue

@@ -159,7 +159,7 @@
const tableNode = ref(null);
const scrollHeight = ref(null);
const scrollTop = ref(null);

const isBind = ref(false);
let scrollTimer = null;

// 滚动
@@ -170,11 +170,9 @@
  )[0];
  scrollHeight.value = tableNode.value.scrollHeight;
  scrollTop.value = tableNode.value.scrollTop;

  bindWheel(tableNode.value);
  scrollTimer = setInterval(() => {
    scrollTableOne.value.setScrollTop(scrollTop.value++);


    if (scrollTop.value >= scrollHeight.value - tableNode.value.offsetHeight) {
      scrollTop.value = 0;
      scrollTableOne.value.setScrollTop(0);
@@ -182,10 +180,28 @@
  }, 50);
};

const bindWheel = (dom) => {
  if (isBind.value) return;
  isBind.value = true;
  dom.addEventListener("mousewheel", () => {
    clearScroll();
    debounce(() => {
      scrollTable();
    }, 300)
  })
}


const clearScroll = (() => {
  clearInterval(scrollTimer);
});

// 防抖函数
let timeout;
function debounce(func, delay) {
  clearTimeout(timeout);
  timeout = setTimeout(func, delay);
}

watch(tableState, (newVal) => {
  if (newVal) {
@@ -291,6 +307,13 @@
  overflow: hidden;
}

::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell  {
  background-color: unset;
}

::v-deep .el-scrollbar__bar.is-vertical {
  display: none !important;
}
// .head-table {
//   &:deep(.el-table__body-wrapper) {
//     display: none;
@@ -301,4 +324,5 @@
//   :deep(.el-table__header-wrapper) {
//     display: none;
//   }
// }</style>
// }
</style>