diff --git a/frontend/src/components/canvas/components/Toolbar.vue b/frontend/src/components/canvas/components/Toolbar.vue
index 0c670b939b..26b0361302 100644
--- a/frontend/src/components/canvas/components/Toolbar.vue
+++ b/frontend/src/components/canvas/components/Toolbar.vue
@@ -467,7 +467,8 @@ export default {
       }
     },
     editReset() {
-      this.cancelMobileLayoutStatue(JSON.parse(this.componentDataCache))
+      this.$store.commit('setComponentData', JSON.parse(this.componentDataCache))
+      this.$store.commit('setMobileLayoutStatus', false)
       this.$store.commit('openMobileLayout')
     },
     editCancel() {
diff --git a/frontend/src/components/canvas/custom-component/UserViewDialog.vue b/frontend/src/components/canvas/custom-component/UserViewDialog.vue
index 1352335832..ec0c4557d6 100644
--- a/frontend/src/components/canvas/custom-component/UserViewDialog.vue
+++ b/frontend/src/components/canvas/custom-component/UserViewDialog.vue
@@ -19,7 +19,7 @@
       </div>
     </de-main-container>
     <de-main-container v-show="!showChartCanvas">
-      <table-normal :chart="chartTable" :show-summary="false" class="table-class" />
+      <table-normal :enable-scroll="false" :chart="chartTable" :show-summary="false" class="table-class" />
     </de-main-container>
   </de-container>
 </template>
diff --git a/frontend/src/views/chart/components/table/TableNormal.vue b/frontend/src/views/chart/components/table/TableNormal.vue
index a675b1833d..149773d2b3 100644
--- a/frontend/src/views/chart/components/table/TableNormal.vue
+++ b/frontend/src/views/chart/components/table/TableNormal.vue
@@ -24,8 +24,7 @@
           sortable
           :title="field.name"
           :width="columnWidth"
-        >
-        </ux-table-column>
+        />
       </ux-grid>
 
       <el-row v-show="showPage" class="table-page">
@@ -74,6 +73,11 @@ export default {
       type: Boolean,
       required: false,
       default: true
+    },
+    enableScroll: {
+      type: Boolean,
+      required: false,
+      default: true
     }
   },
   data() {
@@ -230,9 +234,11 @@ export default {
             this.height = 'auto'
           }
 
-          this.$nextTick(() => {
-            this.initScroll()
-          })
+          if (this.enableScroll) {
+            this.$nextTick(() => {
+              this.initScroll()
+            })
+          }
         }
       })
     },
diff --git a/frontend/src/views/panel/edit/ComponentWait.vue b/frontend/src/views/panel/edit/ComponentWait.vue
index 8a0b8b4fb0..c03ef8df86 100644
--- a/frontend/src/views/panel/edit/ComponentWait.vue
+++ b/frontend/src/views/panel/edit/ComponentWait.vue
@@ -6,7 +6,7 @@
     <el-row class="component-wait-main">
       <el-col
         :span="8"
-        v-for="(config, index) in pcComponentData"
+        v-for="(config) in pcComponentData"
         v-if="!config.mobileSelected"
         :id="'wait' + config.id"
         :key="config.id"
diff --git a/frontend/src/views/panel/edit/ComponentWaitItem.vue b/frontend/src/views/panel/edit/ComponentWaitItem.vue
index 9c6ec53963..715e7995a2 100644
--- a/frontend/src/views/panel/edit/ComponentWaitItem.vue
+++ b/frontend/src/views/panel/edit/ComponentWaitItem.vue
@@ -1,27 +1,31 @@
 <template>
-  <div class="component-item">
-    <mobile-check-bar v-if="mobileCheckBarShow" :element="config" />
-    <de-out-widget
-      v-if="config.type==='custom'"
-      :id="'component' + config.id"
-      class="component-custom"
-      :style="getComponentStyleDefault(config.style)"
-      :out-style="outStyle"
-      :element="config"
-      :in-screen="true"
-    />
-    <component
-      :is="config.component"
-      v-else
-      ref="wrapperChild"
-      :out-style="outStyle"
-      :prop-value="config.propValue"
-      :style="getComponentStyleDefault(config.style)"
-      :is-edit="false"
-      :element="config"
-      :h="outItemHeight"
-      :canvas-style-data="canvasStyleData"
-    />
+  <div class="component-item" >
+    <div :style="commonStyle">
+      <mobile-check-bar v-if="mobileCheckBarShow" :element="config" />
+      <de-out-widget
+        v-if="config.type==='custom'"
+        :id="'component' + config.id"
+        class="component-custom"
+        :style="getComponentStyleDefault(config.style)"
+        :out-style="outStyle"
+        :element="config"
+        :in-screen="true"
+      />
+      <component
+        :is="config.component"
+        v-else
+        ref="wrapperChild"
+        :out-style="outStyle"
+        :prop-value="config.propValue"
+        :style="getComponentStyleDefault(config.style)"
+        :is-edit="false"
+        :element="config"
+        :h="outItemHeight"
+        :canvas-style-data="canvasStyleData"
+      />
+
+    </div>
+
   </div>
 </template>
 
@@ -30,6 +34,7 @@ import { mapState } from 'vuex'
 import MobileCheckBar from '@/components/canvas/components/Editor/MobileCheckBar'
 import { getStyle } from '@/components/canvas/utils/style'
 import DeOutWidget from '@/components/dataease/DeOutWidget'
+import { hexColorToRGBA } from '@/views/chart/chart/util'
 
 export default {
   name: 'ComponentWaitItem',
@@ -51,6 +56,37 @@ export default {
     }
   },
   computed: {
+    commonStyle() {
+      const style = {
+        width: '100%',
+        height: '100%'
+      }
+      if (this.config.commonBackground) {
+        style['padding'] = (this.config.commonBackground.innerPadding || 0) + 'px'
+        style['border-radius'] = (this.config.commonBackground.borderRadius || 0) + 'px'
+        let colorRGBA = ''
+        if (this.config.commonBackground.backgroundColorSelect) {
+          colorRGBA = hexColorToRGBA(this.config.commonBackground.color, this.config.commonBackground.alpha)
+        }
+        if (this.config.commonBackground.enable) {
+          if (this.config.commonBackground.backgroundType === 'innerImage' && typeof this.config.commonBackground.innerImage === 'string') {
+            let innerImage = this.config.commonBackground.innerImage
+            if (this.screenShot) {
+              innerImage = innerImage.replace('svg', 'png')
+            }
+            style['background'] = `url(${innerImage}) no-repeat ${colorRGBA}`
+          } else if (this.config.commonBackground.backgroundType === 'outerImage' && typeof this.config.commonBackground.outerImage === 'string') {
+            style['background'] = `url(${this.config.commonBackground.outerImage}) no-repeat ${colorRGBA}`
+          } else {
+            style['background-color'] = colorRGBA
+          }
+        } else {
+          style['background-color'] = colorRGBA
+        }
+        style['overflow'] = 'hidden'
+      }
+      return style
+    },
     outItemHeight() {
       return this.itemHeight - (4 * this.componentGap)
     },
diff --git a/frontend/src/views/panel/edit/index.vue b/frontend/src/views/panel/edit/index.vue
index 0d4ee83382..10d2672acd 100644
--- a/frontend/src/views/panel/edit/index.vue
+++ b/frontend/src/views/panel/edit/index.vue
@@ -333,7 +333,6 @@ import DeContainer from '@/components/dataease/DeContainer'
 import DeAsideContainer from '@/components/dataease/DeAsideContainer'
 import { addClass, removeClass } from '@/utils'
 import FilterGroup from '../filter'
-import ViewSelect from '../ViewSelect'
 import SubjectSetting from '../SubjectSetting'
 import bus from '@/utils/bus'
 import Editor from '@/components/canvas/components/Editor/index'
@@ -358,7 +357,7 @@ import '@/components/canvas/styles/animate.css'
 import { ApplicationContext } from '@/utils/ApplicationContext'
 import FilterDialog from '../filter/filterDialog'
 import toast from '@/components/canvas/utils/toast'
-import { commonStyle, commonAttr } from '@/components/canvas/custom-component/component-list'
+import { commonAttr } from '@/components/canvas/custom-component/component-list'
 import generateID from '@/components/canvas/utils/generateID'
 import TextAttr from '@/components/canvas/components/TextAttr'
 import ComponentWait from '@/views/panel/edit/ComponentWait'