Merge pull request #9057 from dataease/pr@dev-v2_bug_fix

fix(移动端): 修复移动端布局后仪表板无法继续向tab组件添加图表的问题

core/core-frontend/src/custom-component/de-tabs/Component.vue

@@ -50,7 +50,7 @@
           </el-dropdown>
         </template>
         <de-canvas
-          v-if="isEdit"
+          v-if="isEdit && !mobileInPc"
           :ref="'tabCanvas_' + index"
           :component-data="tabItem.componentData"
           :canvas-style-data="canvasStyleData"

core/core-frontend/src/views/dashboard/MobileConfigPanel.vue

@@ -41,9 +41,6 @@ const mobileStatusChange = (type, value) => {
 }
 
 const handleLoad = () => {
-  componentData.value.forEach(ele => {
-    ele.inMobile = canvasDataPreview.includes(ele.id)
-  })
   mobileStatusChange(
     'panelInit',
     JSON.parse(
@@ -111,26 +108,9 @@ const saveCanvasWithCheckFromMobile = () => {
     ElMessage.success('保存成功')
   })
 }
-let canvasDataPreview = []
 const loadCanvasData = () => {
-  if (!dvInfo.value?.id) {
+  handleLoad()
-    handleLoad()
+  mobileLoading.value = false
-    mobileLoading.value = false
-    return
-  }
-  findById(dvInfo.value.id, 'dashboard')
-    .then(res => {
-      const canvasInfo = res.data
-      const canvasDataResult = JSON.parse(canvasInfo.componentData) as unknown as Array<{
-        inMobile: boolean
-        id: string
-      }>
-      canvasDataPreview = (canvasDataResult || []).filter(ele => !!ele.inMobile).map(ele => ele.id)
-      handleLoad()
-    })
-    .finally(() => {
-      mobileLoading.value = false
-    })
 }
 
 const setMobileStyle = debounce(() => {

core/core-frontend/src/views/mobile/panel/index.vue

@@ -30,10 +30,12 @@ const hanedleMessage = event => {
         ele.propValue.forEach(tabItem => {
           tabItem.componentData.forEach(tabComponent => {
             const { mx: tx, my: ty, mSizeX: tSizeX, mSizeY: tSizeY } = tabComponent
-            tabComponent.x = tx
+            if (tSizeX && tSizeY) {
-            tabComponent.y = ty
+              tabComponent.x = tx
-            tabComponent.sizeX = tSizeX
+              tabComponent.y = ty
-            tabComponent.sizeY = tSizeY
+              tabComponent.sizeX = tSizeX
+              tabComponent.sizeY = tSizeY
+            }
           })
         })
       }