Merge pull request #7031 from dataease/pr@dev@fix_mobile

fix: 修复普通用户移动端设计界面画布区域视图无法展示问题

core/frontend/src/components/canvas/components/Toolbar.vue

@@ -654,7 +654,7 @@ export default {
     openMobileLayout(switchVal) {
       if (switchVal) {
         this.$store.commit('openMobileLayout')
-        bus.$emit('mobile-status-change', 'openMobileLayout', this.componentData)
+        bus.$emit('mobile-status-change', 'openMobileLayout', { componentData: this.componentData, panelInfo: this.panelInfo })
       } else {
         this.mobileLayoutSave()
       }

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

@@ -88,7 +88,8 @@ export default {
       }
 
       if (event.data.type === 'openMobileLayout') {
-        this.$store.commit('setComponentData', event.data.value)
+        this.$store.commit('setComponentData', event.data.value.componentData)
+        this.$store.dispatch('panel/setPanelInfo', event.data.value.panelInfo)
         this.$store.commit('openMobileLayout')
       }
     })

core/frontend/src/views/panel/edit/index.vue

@@ -888,7 +888,7 @@ export default {
   methods: {
     handleLoad() {
       this.mobileLoading = false
-      this.mobileStatusChange('openMobileLayout', this.componentData)
+      this.mobileStatusChange('openMobileLayout', { componentData: this.componentData, panelInfo: this.panelInfo })
     },
     deleteComponentWithId(id) {
       for (let index = 0; index < this.pcComponentData.length; index++) {