Merge pull request #13130 from dataease/pr@dev-v2@refactor_screen-style

refactor(仪表板、数据大屏): 优化全屏滚动条样式，移动端提示样式等问题

core/core-frontend/src/components/visualization/component-background/BackgroundOverallCommon.vue

@@ -325,7 +325,6 @@ const upload = file => {
 }
 
 const onBackgroundChange = () => {
-  snapshotStore.recordSnapshotCacheToMobile('commonBackground')
   emits('onBackgroundChange', state.commonBackground)
 }
 

core/core-frontend/src/custom-component/common/CommonAttr.vue

@@ -53,6 +53,7 @@ const dashboardActive = computed(() => {
 
 const onBackgroundChange = val => {
   element.value.commonBackground = val
+  snapshotStore.recordSnapshotCacheToMobile('commonBackground')
   emits('onAttrChange', { custom: 'commonBackground' })
 }
 

core/core-frontend/src/views/chart/components/editor/editor-style/components/TooltipSelector.vue

@@ -36,7 +36,7 @@ const props = defineProps({
   }
 })
 const dvMainStore = dvMainStoreWithOut()
-const { batchOptStatus } = storeToRefs(dvMainStore)
+const { batchOptStatus, mobileInPc } = storeToRefs(dvMainStore)
 const predefineColors = COLOR_PANEL
 const toolTip = computed(() => {
   return props.themes === 'dark' ? 'ndark' : 'dark'
@@ -45,7 +45,12 @@ const emit = defineEmits(['onTooltipChange', 'onExtTooltipChange'])
 const curSeriesFormatter = ref<DeepPartial<SeriesFormatter>>({})
 const quotaData = ref<Axis[]>(inject('quotaData'))
 const showSeriesTooltipFormatter = computed(() => {
-  return showProperty('seriesTooltipFormatter') && !batchOptStatus.value && props.chart.id
+  return (
+    showProperty('seriesTooltipFormatter') &&
+    !batchOptStatus.value &&
+    !mobileInPc.value &&
+    props.chart.id
+  )
 })
 
 // 切换图表类型直接重置为默认
@@ -488,7 +493,7 @@ onMounted(() => {
       </el-form-item>
     </el-space>
 
-    <div v-if="showProperty('showFields') && !batchOptStatus">
+    <div v-if="showProperty('showFields') && !batchOptStatus && !mobileInPc">
       <el-form-item :label="t('chart.tooltip')" class="form-item" :class="'form-item-' + themes">
         <el-select
           size="small"

core/core-frontend/src/views/data-visualization/DvPreview.vue

@@ -101,5 +101,8 @@ defineExpose({
   align-items: center;
   flex-direction: column;
   justify-content: center; /* 上下居中 */
+  ::-webkit-scrollbar {
+    display: none;
+  }
 }
 </style>

core/core-frontend/src/views/data-visualization/PreviewCanvas.vue

@@ -205,6 +205,9 @@ defineExpose({
 </template>
 
 <style lang="less" scoped>
+::-webkit-scrollbar {
+  display: none;
+}
 .content {
   background-color: #ffffff;
   width: 100%;
@@ -212,9 +215,5 @@ defineExpose({
   align-items: center;
   overflow-x: hidden;
   overflow-y: auto;
-  ::-webkit-scrollbar {
-    width: 0px !important;
-    height: 0px !important;
-  }
 }
 </style>