diff --git a/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue b/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
index 50407a9c93..827e3d692b 100644
--- a/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
+++ b/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
@@ -10,6 +10,7 @@
       :source-element="sourceConfig"
       :terminal="terminal"
       :element="config"
+      :canvas-id="canvasId"
       :show-position="showPosition"
       @showViewDetails="showViewDetails"
     />
diff --git a/frontend/src/components/canvas/components/Editor/PreviewMobile.vue b/frontend/src/components/canvas/components/Editor/PreviewMobile.vue
index 5a5eac8c9d..7305826280 100644
--- a/frontend/src/components/canvas/components/Editor/PreviewMobile.vue
+++ b/frontend/src/components/canvas/components/Editor/PreviewMobile.vue
@@ -27,6 +27,7 @@
         <ComponentWrapper
           v-for="(item, index) in componentDataInfo"
           :key="index"
+          :canvas-id="canvasId"
           :config="item"
           :search-count="searchCount"
           :canvas-style-data="canvasStyleData"
@@ -55,6 +56,10 @@ export default {
     event: 'change'
   },
   props: {
+    canvasId: {
+      type: String,
+      required: true
+    },
     screenShot: {
       type: Boolean,
       default: false
diff --git a/frontend/src/views/panel/SubjectSetting/PanelStyle/BackgroundSelector.vue b/frontend/src/views/panel/SubjectSetting/PanelStyle/BackgroundSelector.vue
index 9e78ec1d31..d9a08df6d4 100644
--- a/frontend/src/views/panel/SubjectSetting/PanelStyle/BackgroundSelector.vue
+++ b/frontend/src/views/panel/SubjectSetting/PanelStyle/BackgroundSelector.vue
@@ -32,7 +32,7 @@
       </el-col>
       <el-col
         v-show="panel.backgroundType==='image'"
-        span="10"
+        :span="10"
       >
         <el-upload
           action=""
diff --git a/frontend/src/views/panel/list/common/PanelDetailInfo.vue b/frontend/src/views/panel/list/common/PanelDetailInfo.vue
index 97b73fc60e..c9c9ccab8e 100644
--- a/frontend/src/views/panel/list/common/PanelDetailInfo.vue
+++ b/frontend/src/views/panel/list/common/PanelDetailInfo.vue
@@ -29,20 +29,6 @@
 <script>
 export default {
   name: 'PanelDetailInfo',
-  props: {
-    type: {
-      type: String,
-      required: true
-    },
-    data: {
-      type: Object,
-      required: true
-    },
-    tabStatus: {
-      type: Boolean,
-      required: true
-    }
-  },
   data() {
     return {
       tabActive: 'chart',