Merge pull request #1525 from dataease/pr@dev@refactor_panel-edit

refactor: 移动端布局等待区域优化地图，时间组件排列方式

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

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="editMode == 'edit'" class="v-text" @keydown="handleKeydown" @keyup="handleKeyup">
+  <div v-if="editStatus" class="v-text" @keydown="handleKeydown" @keyup="handleKeyup">
     <!-- tabindex >= 0 使得双击时聚集该元素 -->
     <div
       v-if="canEdit"
@@ -33,6 +33,7 @@
 
 <script>
 import { keycodes } from '@/components/canvas/utils/shortcutKey.js'
+import { mapState } from 'vuex'
 
 export default {
   props: {
@@ -65,13 +66,19 @@ export default {
     }
   },
   computed: {
+    editStatus() {
+      return this.editMode === 'edit' && !this.mobileLayoutStatus
+    },
     textInfo() {
       if (this.element && this.element.hyperlinks && this.element.hyperlinks.enable) {
         return "<a title='" + this.element.hyperlinks.content + "' target='" + this.element.hyperlinks.openMode + "' href='" + this.element.hyperlinks.content + "'>" + this.element.propValue + '</a>'
       } else {
         return this.element.propValue
       }
-    }
+    },
+    ...mapState([
+      'mobileLayoutStatus'
+    ])
   },
 
   watch: {

frontend/src/views/chart/components/ChartComponent.vue

@@ -1,5 +1,5 @@
 <template>
-  <div style="display: flex;">
+  <div style="display: flex;position:relative">
     <view-track-bar
       ref="viewTrack"
       :track-menu="trackMenu"
@@ -368,7 +368,7 @@ export default {
     position: absolute;
     z-index: 999;
     left: 2%;
-    bottom: 3%;
+    bottom: 5%;
     box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
     text-align: center;
     padding: 5px;

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

@@ -70,7 +70,7 @@ export default {
     componentItemStyle() {
       return {
         padding: '5px',
-        display: 'inline-block',
+        float: 'left',
         width: '33%'
       }
     },