refactor: 移动端布局组件等待区域靠左排列

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

@@ -75,6 +75,7 @@ export default {
     padding-left: 1px;
     padding-right: 1px;
     cursor:pointer!important;
+    text-align: center;
     background-color: #0a7be0;
   }
   .bar-main i{

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

@@ -156,7 +156,7 @@ export default {
       }
     },
     editBarViewShowFlag() {
-      return this.active && this.inTab
+      return this.active && this.inTab && !this.mobileLayoutStatus
     },
     charViewShowFlag() {
       return this.httpRequest.status && this.chart.type && !this.chart.type.includes('table') && !this.chart.type.includes('text') && this.renderComponent() === 'echarts'

frontend/src/components/widget/DeWidget/DeTabs.vue

@@ -10,7 +10,7 @@
         <span slot="label">
           <span>{{ item.title }}</span>
 
-          <el-dropdown v-if="isEdit" slot="label" class="de-tab-drop" trigger="click" @command="handleCommand">
+          <el-dropdown v-if="dropdownShow" slot="label" class="de-tab-drop" trigger="click" @command="handleCommand">
             <span class="el-dropdown-link">
 
               <!-- <span>{{ item.title }}</span> -->
@@ -135,8 +135,12 @@ export default {
     }
   },
   computed: {
+    dropdownShow() {
+      return this.isEdit && !this.mobileLayoutStatus
+    },
     ...mapState([
-      'curComponent'
+      'curComponent',
+      'mobileLayoutStatus'
     ])
   },
   watch: {

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

@@ -81,6 +81,7 @@ export default {
   .component-wait-main {
     width: 100%;
     height: calc(100% - 30px);
+    text-align: left;
     overflow-y: auto;
   }
   .component-custom {