From 16985f7674bbec4e87e5eaa011e1e789350be8df Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期二, 05 三月 2024 17:25:44 +0800
Subject: [PATCH] fix:修改表格滚动
---
src/views/daoAnOffice/right/danger/dataTable.vue | 24 ++++++++++++++++++++----
1 files changed, 20 insertions(+), 4 deletions(-)
diff --git a/src/views/daoAnOffice/right/danger/dataTable.vue b/src/views/daoAnOffice/right/danger/dataTable.vue
index 41c51d6..e9a1bae 100644
--- a/src/views/daoAnOffice/right/danger/dataTable.vue
+++ b/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,11 +180,29 @@
}, 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) {
nextTick(() => {
--
Gitblit v1.8.0