From 4f8ea205d3594be8ffd68288c1510fbb5ac2d161 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Mon, 27 Dec 2021 14:21:00 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E7=A7=BB=E5=8A=A8=E7=AB=AF?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=E7=AD=89=E5=BE=85=E5=8C=BA=E5=9F=9F=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E5=9C=B0=E5=9B=BE=EF=BC=8C=E6=97=B6=E9=97=B4=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E6=8E=92=E5=88=97=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/canvas/custom-component/VText.vue  | 11 +++++++++--
 .../src/views/chart/components/ChartComponent.vue     |  4 ++--
 frontend/src/views/panel/edit/ComponentWaitItem.vue   |  2 +-
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/canvas/custom-component/VText.vue b/frontend/src/components/canvas/custom-component/VText.vue
index b5847d6843..1d3d903f5d 100644
--- a/frontend/src/components/canvas/custom-component/VText.vue
+++ b/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: {
diff --git a/frontend/src/views/chart/components/ChartComponent.vue b/frontend/src/views/chart/components/ChartComponent.vue
index ec06a1d7d5..6f05ec2e25 100644
--- a/frontend/src/views/chart/components/ChartComponent.vue
+++ b/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;
diff --git a/frontend/src/views/panel/edit/ComponentWaitItem.vue b/frontend/src/views/panel/edit/ComponentWaitItem.vue
index 44db19a94a..0b7181a53e 100644
--- a/frontend/src/views/panel/edit/ComponentWaitItem.vue
+++ b/frontend/src/views/panel/edit/ComponentWaitItem.vue
@@ -70,7 +70,7 @@ export default {
     componentItemStyle() {
       return {
         padding: '5px',
-        display: 'inline-block',
+        float: 'left',
         width: '33%'
       }
     },