Merge pull request #2219 from dataease/fix_mobile-design

fix: 移动端设计时，等待区可能出现空白问题

frontend/src/components/canvas/components/Editor/index.vue

@@ -1368,7 +1368,11 @@ export default {
 
     resizeView(index, item) {
       if (item.type === 'view' || item.type === 'de-show-date') {
-        this.$refs.wrapperChild[index].chartResize()
+        try {
+          this.$refs.wrapperChild[index].chartResize()
+        } catch (e) {
+          // ignore error
+        }
       }
     },
     editComponent(index, item) {

frontend/src/components/canvas/custom-component/DeStreamMedia.vue

@@ -115,7 +115,7 @@ export default {
             this.flvPlayer.load()
             this.flvPlayer.play()
           } catch (error) {
-            console.log(error)
+            console.log('flvjs err ignore')
           }
         }
       }

frontend/src/views/chart/chart/gauge/gauge_antv.js

@@ -128,7 +128,7 @@ export function baseGaugeOptionAntV(plot, container, chart, action, scale = 1) {
       }
     }
   }
-  console.log(options.indicator.pin)
+  // console.log(options.indicator.pin)
 
   // 开始渲染
   if (plot) {

frontend/src/views/panel/edit/ComponentWait.vue

@@ -9,7 +9,7 @@
         v-for="(config, index) in pcComponentData"
         v-if="!config.mobileSelected"
         :id="'wait' + config.id"
-        :key="index"
+        :key="config.id"
       >
         <component-wait-item
           :config="config"

frontend/src/views/panel/edit/ComponentWaitItem.vue

 <template>
-  <div
-    v-proportion="0.8"
-    :style="componentItemStyle"
-  >
+  <div class="component-item">
     <mobile-check-bar v-if="mobileCheckBarShow" :element="config" />
     <de-out-widget
       v-if="config.type==='custom'"
@@ -70,11 +67,6 @@ export default {
       })
       return result
     },
-    componentItemStyle() {
-      return {
-        padding: '5px'
-      }
-    },
     ...mapState([
       'mobileLayoutStatus',
       'componentData',
@@ -96,4 +88,8 @@ export default {
     width: 100% !important;
     height: 100%;
   }
+  .component-item {
+    padding: 5px;
+    height: 200px!important;
+  }
 </style>