From 5e192a90e1130188b7a48489007c3b4b1585f2d9 Mon Sep 17 00:00:00 2001
From: Timi <imyeyu6@qq.com>
Date: Thu, 16 Apr 2026 11:08:21 +0800
Subject: [PATCH] block scroll when touch chart

---
 src/layout/MainLayout.vue                                   | 2 +-
 .../dashboard/DockerDashboard/DockerContainerDetail.vue     | 6 ++++++
 src/pages/dashboard/ServerDashboard/ServerDashboard.vue     | 6 ++++++
 src/pages/dashboard/UPSDashboard/UPSDashboard.vue           | 6 ++++++
 4 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/layout/MainLayout.vue b/src/layout/MainLayout.vue
index 3afde0e..c014680 100644
--- a/src/layout/MainLayout.vue
+++ b/src/layout/MainLayout.vue
@@ -22,8 +22,8 @@
 		<div :class="{ 'is-fixed-height': isContentFixedHeight }" class="router-view">
 			<page-transition />
 		</div>
+		<!-- iOS 手势返回场景下临时关闭 tabbar 过渡，避免系统回退与页面动画叠加 -->
 		<t-tab-bar
-			<!-- iOS 手势返回场景下临时关闭 tabbar 过渡，避免系统回退与页面动画叠加 -->
 			:class="{ 'is-hidden': !tabBarStore.isShowing, 'skip-transition': tabBarStore.shouldSkipTransition }"
 			class="tab-bar glass-white"
 			v-model="tabVal"
diff --git a/src/pages/dashboard/DockerDashboard/DockerContainerDetail.vue b/src/pages/dashboard/DockerDashboard/DockerContainerDetail.vue
index 20771cd..b7f2a65 100644
--- a/src/pages/dashboard/DockerDashboard/DockerContainerDetail.vue
+++ b/src/pages/dashboard/DockerDashboard/DockerContainerDetail.vue
@@ -731,6 +731,12 @@ function clearAutoRefreshTimer(): void {
 				width: 100%;
 				height: 16rem;
 				background: #FFF;
+				touch-action: none;
+
+				:deep(svg),
+				:deep(canvas) {
+					touch-action: none;
+				}
 			}
 
 			.slider {
diff --git a/src/pages/dashboard/ServerDashboard/ServerDashboard.vue b/src/pages/dashboard/ServerDashboard/ServerDashboard.vue
index 5947586..d05ebe4 100644
--- a/src/pages/dashboard/ServerDashboard/ServerDashboard.vue
+++ b/src/pages/dashboard/ServerDashboard/ServerDashboard.vue
@@ -772,6 +772,12 @@ onMounted(restartAutoRefresh);
 				width: 100%;
 				height: 16rem;
 				background: #FFF;
+				touch-action: none;
+
+				:deep(svg),
+				:deep(canvas) {
+					touch-action: none;
+				}
 			}
 
 			.slider {
diff --git a/src/pages/dashboard/UPSDashboard/UPSDashboard.vue b/src/pages/dashboard/UPSDashboard/UPSDashboard.vue
index 1fa407c..95ddb11 100644
--- a/src/pages/dashboard/UPSDashboard/UPSDashboard.vue
+++ b/src/pages/dashboard/UPSDashboard/UPSDashboard.vue
@@ -615,6 +615,12 @@ function clearAutoRefreshTimer(): void {
 				width: 100%;
 				height: 16rem;
 				background: #FFF;
+				touch-action: none;
+
+				:deep(svg),
+				:deep(canvas) {
+					touch-action: none;
+				}
 			}
 
 			.slider {