From ad06b1c41863050e80de0e5f65b995d777c401b4 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Tue, 3 Dec 2024 18:19:40 +0800
Subject: [PATCH] =?UTF-8?q?style(=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F):=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=A7=BB=E5=8A=A8=E7=AB=AF=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E5=A4=A7=E5=B1=8F=E8=81=94=E5=8A=A8=E7=AD=89=E6=82=AC=E6=B5=AE?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E7=BC=A9=E6=94=BE=E5=AE=9A=E4=BD=8D=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/visualization/ViewTrackBar.vue     | 11 ++++++++++-
 .../views/components/ChartComponentG2Plot.vue         | 10 ++++++----
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/core/core-frontend/src/components/visualization/ViewTrackBar.vue b/core/core-frontend/src/components/visualization/ViewTrackBar.vue
index 68de24d925..17a5f5bbf0 100644
--- a/core/core-frontend/src/components/visualization/ViewTrackBar.vue
+++ b/core/core-frontend/src/components/visualization/ViewTrackBar.vue
@@ -3,7 +3,7 @@
     <el-dropdown :teleported="false" trigger="click">
       <input id="input" ref="trackButton" type="button" hidden />
       <template #dropdown>
-        <div>
+        <div :class="{ 'data-mobile': isDataVMobile }">
           <el-dropdown-menu
             class="track-menu"
             :style="{ 'font-family': fontFamily }"
@@ -34,6 +34,11 @@ const props = defineProps({
     type: Array,
     required: true
   },
+  isDataVMobile: {
+    type: Boolean,
+    required: false,
+    default: false
+  },
   fontFamily: {
     type: String,
     required: false,
@@ -82,4 +87,8 @@ defineExpose({
 :deep(.ed-popper[x-placement^='bottom']) {
   margin-top: -80px !important;
 }
+
+.data-mobile {
+  zoom: 0.3;
+}
 </style>
diff --git a/core/core-frontend/src/views/chart/components/views/components/ChartComponentG2Plot.vue b/core/core-frontend/src/views/chart/components/views/components/ChartComponentG2Plot.vue
index 9ae5e15d15..ea58343445 100644
--- a/core/core-frontend/src/views/chart/components/views/components/ChartComponentG2Plot.vue
+++ b/core/core-frontend/src/views/chart/components/views/components/ChartComponentG2Plot.vue
@@ -93,6 +93,8 @@ const isError = ref(false)
 const errMsg = ref('')
 const linkageActiveHistory = ref(false)
 
+const dataVMobile = !isDashboard() && isMobile()
+
 const state = reactive({
   trackBarStyle: {
     position: 'absolute',
@@ -383,10 +385,9 @@ const action = param => {
       trackBarY = barStyleTemp.top
       state.trackBarStyle.top = barStyleTemp.top + 'px'
     }
-    if (!isDashboard() && isMobile()) {
-      state.trackBarStyle.left = trackBarX / props.scale + 'px'
-      state.trackBarStyle.top = trackBarY / props.scale + 'px'
-      state.trackBarStyle['zoom'] = props.scale
+    if (dataVMobile) {
+      state.trackBarStyle.left = trackBarX + 40 + 'px'
+      state.trackBarStyle.top = trackBarY + 70 + 'px'
     } else {
       state.trackBarStyle.left = trackBarX + 'px'
       state.trackBarStyle.top = trackBarY + 'px'
@@ -600,6 +601,7 @@ onBeforeUnmount(() => {
       ref="viewTrack"
       :track-menu="trackMenu"
       :font-family="fontFamily"
+      :is-data-v-mobile="dataVMobile"
       class="track-bar"
       :style="state.trackBarStyle"
       @trackClick="trackClick"